Дополнения

Бесплатная рассылка

Вы будете получать ссылки на свежие видеоуроки по фотошопу совершенно бесплатно

крупнейшая в мире социальная сеть пользователей Adobe Photoshop

213 640 чел. 404 295 работ 4 123 урока
  • Обучайтесь и совершенствуйтесь
  • Разместите своё портфолио
  • Участвуйте в конкурсах
  • Подписывайтесь и оценивайте
  • Комментируйте и общайтесь
Присоединиться

Сложность: Средняя

Создаём стильный постер в Фотошоп

Данный урок - это пример того, как с помощью нескольких технических приёмов, создать стильный постер, используя множество слоёв, маски, кисти, основные световые эффекты, включая текстуры. Ссылка на PSD файл урока указана в конце урока. Итак, давайте приступим!

Итоговый результат:

Скачать архив с материалами к уроку

Примечание: Автор использовал платные изображения. В архиве вы найдёте альтернативный вариант материалов для выполнения урока.

Шаг 1

Вначале создайте новый документ (Ctrl+N) в программе Adobe Photoshop CS5 со следующими размерами 1200 px х 1500 px (цветовой режим RGB), разрешение (resolution) 72 пикселей на дюйм (pixels/inch).

Дважды щёлкните по слою, чтобы применить стиль слоя Наложение градиента (Gradient Overlay).

Щёлкните по цветной шкале, чтобы открыть окно настроек Редактора Градиентов (Gradient Editor). Установите цвета, которые указаны на скриншоте ниже. Нажмите кнопку OK, чтобы закрыть окно настроек Редактора градиентов (Gradient Editor).

Мы получим следующий результат.

 

Шаг 2

Далее, с помощью инструмента Эллипс (Ellipse Tool (U)), создайте круг.

Щелкните по значку Добавить стиль слоя (Add a layer style) в нижней части панели слоев, чтобы применить стиль слоя Тень (Drop Shadow).

Примечание: для добавления стиля слоя вы также можете дважды щелкнуть по слою с кругом

Примените стиль слоя Внутренняя тень (Inner Shadow):

Примените стиль слоя Наложение Градиента (Gradient Overlay):

Щёлкните по цветной шкале, чтобы открыть окно настроек Редактора Градиентов (Gradient Editor). Установите цвета, которые указаны на скриншоте ниже. Нажмите кнопку OK, чтобы закрыть окно настроек Редактора градиентов (Gradient Editor).

Результат должен быть, как на скриншоте ниже:

Шаг 3

Выберите инструмент Перо (Pen Tool (P)), в настройках данного инструмента установите режим Слой-фигура (Shape Layers). Нарисуйте фигуру, похожую на спираль, как показано на скриншоте ниже. Далее, с помощью инструмента Угол (Convert Point Tool), проведите коррекцию фигуры. Цвет спирали #4B1F04.

Щелкните по значку Добавить стиль слоя (Add a layer style) в нижней части панели слоев, чтобы применить стиль слоя Наложение градиента (Gradient Overlay).

Щёлкните по цветной шкале, чтобы открыть окно настроек Редактора Градиентов (Gradient Editor). Установите цвета, которые указаны на скриншоте ниже. Нажмите кнопку OK, чтобы закрыть окно настроек Редактора градиентов (Gradient Editor).

Далее, примените стиль слоя Обводка (Stroke):

Результат должен быть, как на скриншоте ниже:

Шаг 4

Удерживая клавишу (Ctrl)+щёлкните по миниатюре слоя с кругом, чтобы загрузить активное выделение.

Теперь, перейдите на слой со спиралью и далее, добавьте слой-маску. Таким образом, мы отсечём спираль за внешним контуром круга.

Шаг 5

Далее, подберите гранжевую текстуру, как на скриншоте ниже:

Переместите гранжевую текстуру на наш рабочий документ. Поменяйте режим наложения для данного слоя с текстурой на Перекрытие (Overlay).

Шаг 6

Далее, мы добавим эффекты освещения. Для этого, создайте новый слой. Выберите жёсткую круглую кисть белого цвета, непрозрачностью (Opacity) 50%. Прокрасьте кистью, как показано на скриншоте ниже.

Мы получим следующим результат.

Поменяйте режим наложения для данного слоя с эффектом освещения на Перекрытие (Overlay).

Шаг 7

Подберите исходное изображение с моделью. Я использовал изображение модели, которое взял на сайте Shutterstock. Я хотел бы поблагодарить автора данной фотографии или если вы хотите, то вы можете заменить данное изображение модели на подходящее изображение, которые вы можете подобрать на своё усмотрение.

Удалите задний фон на изображении с моделью, используя свой любимый инструмент, например, Перо (Pen Tool (P)), Волшебная палочка (Magic Wand Tool (W)), Магнитное лассо (Magnetic Lasso (L)) или с помощью фильтра Фильтр – Извлечь (Filter>Extract). Далее, переместите выделенное изображение модели на наш рабочий документ.

Щелкните по значку Добавить стиль слоя (Add a layer style) в нижней части панели слоев, чтобы применить стиль слоя Тень (Drop Shadow).

Мы получим следующий результат.

Шаг 8

Создайте новый слой, выберите мягкую круглую кисть 45 pix. С помощью кисти, прокрасьте вдоль контура волос модели. Цвет кисти #150800.

Мы получим следующий результат.

Поменяйте режим наложения для данного слоя на Цветность (Color).

Удерживая клавишу (Alt) +щёлкните между слоем с моделью и слоем с прокраской кистью вокруг волос, чтобы создать обравочную маску.

Мы получим следующий результат.

Шаг 9

Создайте новый слой и с помощью инструмента Заливка (Paint Bucket Tool (G)), залейте слой жёлтым цветом.

Уменьшите значение Заливки (Fill) до 11%, а также поменяйте режим наложения для данного слоя на Жёсткий микс (Hard Mix).

Удерживая клавишу (Alt) +щёлкните между двумя слоями, чтобы создать обравочную маску.

Примечание переводчика: преобразуйте слой с заливкой в обтравочную маску к нижележащему слою

Мы получим следующий результат.

Шаг 10

Создайте новый слой. С помощью мягкой кисти, продолжайте прокрашивать волосы модели. Цвет кисти жёлтый. Непрозрачность (Opacity) кисти 40%.

Мы получим следующий результат.

Поменяйте режим наложения для данного слоя на Яркий свет (Vivid Light).

К этому же слою добавьте слой-маску, щелкнув по значку Добавить слой-маску (Add layer mask) в нижней части панели слоев. Далее, нажмите клавиши (CTRL+I). Выберите мягкую кисть белого цвета. Кистью щёлкните по голове модели, а также по волосам.

Примечание переводчика: (CTRL+I), автор проводит инверсию маски. Он скрывает эффект, а затем с помощью белой кисти восстанавливает созданный эффект. Щёлкните кистью в центре причёски модели, одного раза будет достаточно.

Удерживая клавишу (Alt) +щёлкните между двумя слоями, чтобы создать обравочную маску.

Результат должен быть, как на скриншоте ниже:

Шаг 11

Добавьте новый корректирующий слой Кривые (Curves) поверх всех остальных слоёв. Установите кривую, как показано на скриншоте ниже, чтобы провести небольшую коррекцию цвета.

Результат должен быть, как на скриншоте ниже:

Шаг 12

Подберите серую гранжевую текстуру, как на скриншоте ниже:

… переместите гранжевую текстуру на наш рабочий документ.

К слою с гранжевой текстурой, добавьте слой-маску. Выберите жёсткую кисть чёрного цвета.

Находясь на слой-маске, прокрасьте кистью участки на теле модели, как показано на скриншоте ниже.

Уменьшите значение Заливки (Fill) для слоя с текстурой до 45%, а также поменяйте режим наложения на Разделение (Divide).

Шаг 13

В заключение, мы добавим рамку с помощью инструмента Прямоугольник (Rectangle Tool (U)).

Примечание переводчика: не забудьте создать новый слой.

Уменьшите значение Заливки (Fill) для данного слоя до 0%. Щелкните по значку Добавить стиль слоя (Add a layer style) в нижней части панели слоев, чтобы применить стиль слоя Внутренняя тень (Inner Shadow).

Далее, примените стиль слоя Обводка (Stroke):

Результат:

Поздравляю, мы завершили урок!

Итоговый результат:

Урок в формате PSD

Автор: designstacks.net

Комментарии 62

(до 5 шт)
jpg, png, gif, общий вес файлов не более 7Мб, не менее 450px по ширине и высоте, jpg или анимированный gif
Ссылки внутри комментариев могут вести только на эти сайты

Спасибо, отличный урок!

Марат, спасибо за перевод и дополнения!))

Очень стильно! Спасибо за урок!

Марат, спасибо за урок!

Спасибо! Очень интересный урок!

Спасибо. Хороший урок.

Замечательный урок. Большое спасибо!!!

Работа классная,но на попке не мешало бы эффект скрыть,весь вид портит.

спасибо за урок. вот и моя красотка!

Спасибо! Очень понравился урок.

весьма признателен за урок

спасибо за урок, очень стильно!)

Мне понравилось. Спасибо за урок и перевод. Стильный постер.

Спасибо за перевод!

думаю простите что я взял другой фон?) спасибо за урок!

Спасибо за урок. замутил сыну постер)

Не совсем по теме урока, но... Марша Хант, кудряшка-обаяшка))

где мне найти в фотошоп сс слой фигура?? помогите!

Вам нужно задать этот вопрос в теме "Вопросы по уроку", ссылка под уроком. Там отвечают быстро и подробно. Слой фигура - это инструмент, который имеется в любом фотошопе.

Добавить комментарий / работу

Новые работы пользователей

{{work.views}}

По заданным фильтрам работы не найдены

Попробуйте изменить критерий поиска, или сбросить фильтры


Смотреть все работы

Наверх

Авторизация

Забыли?

Регистрация

Не удалось загрузить работу. Возможно она была удалена.
GIF {{work.bite}} Мб Загрузить
18+
Работа имеет содержимое для 18+ лет
Мне нравится {{work.likes}} {{work.views}} Жалоба

Оставить комментарий {{work.childs.length || 0}}

(до 5 шт)
jpg, png, gif, общий вес файлов не более 7Мб, не менее 450px по ширине и высоте, jpg или анимированный gif
Ссылки внутри комментариев могут вести только на эти сайты
Войти Авторизуйтесь, чтобы комментировать работы, ставить лайки и просто быть участником нашего дружного сообщества!
Сначала популярные Сначала старые Сначала новые
Добавить комментарий
Разбор работы по просьбе автора:
Популярные работы автора:
Курсы и уроки автора:
Онлайн-курс {{work.relless.type}}

Жалоба

Опишите суть жалобы, при необходимости добавьте ссылки на скриншоты

Спасибо! Ваше обращение ушло на рассмотрение.

Название работы

Описание работы (необязательно)

Комментарий

Ваша миниатюра:

Название:
{{name}}
Описание:

{{text}}

Исходник:

{{source.name}} {{source.name}}

Тэги:
#{{tag.label}}

Есть ли у вас исходник к работе?

Исходник — это файл из исходных изображений, которые использовались для создания вашей работы. Исходник позовляет лучше понять вашу работу. Он не обязателен, но работы с исходниками получают больше лайков и имеют право на участие в еженедельных конкурсах.
jpg-файл, максимальный размер 1920x1080px

Пример исходника

Выберете тэги работы:

Тэги позволяют лучше находить вашу работу другим пользователям. Подумайте какие тэги описывают вашу работу лучше всего и проставьте их. Это даст вам больше просмотров, лайков и комментариев. 

Не более десяти тэгов на одну работу

Вашу работу разберет один из экспертов проекта «Фотошоп-мастер». Это позволит вам увидеть свои ошибки и сделать следующую работу лучше. Разбор будет сделан в комментариях к работе и будет виден всем пользователям.

Пункт «18+» допустимо ставить только для работ, действительно содержащих элементы, которые не должны видеть несовершеннолетние: обнаженка, сцены жестокости, и т.д. Запрещается ставить такую метку на обычные работы. За подобное поведение у пользователя будет блокироваться возможность добавления новых работ. Все понятно, больше не показывать

После добавления работы:


Запланировать публикацию

Запланировать

Правила загрузки работ на «Фотошоп-Мастер»

  • 1. На сайте запрещается размещать изображения, которые содержат нецензурную лексику, угрозы, оскорбляет, унижает чье-либо достоинство, а также явно или косвенно нарушает законодательство Российской Федерации.

  • 2. Сайт photoshop-master.ru приветствует соблюдение авторских прав. В случае возникновения споров или разногласий Администрация сайта приложит все усилия для разрешения сложившейся ситуации.

  • 3. Правило третье. Публикуемые работы не должны содержать изображения, связанные с наркотиками , порнографического содержания, сцены насилия.

Подробная информация о правилах публикации https://photoshop-master.ru/blog/post/rules