Уроки Все для дизайнера Марат Садыгалиев 14 апреля 2016

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

Сложность урока: Средний

Звёздные войны – являются фантастической сагой, которая была задумана и реализована американским режиссером Джорджем Лукасом. Первый фильм из трилогии “Звёздных войн”: Звёздные войны. Эпизод IV: Новая надежда (1977) быстро стал всемирным явлением поп-культуры. Затем последовало успешное продолжение: Звёздные войны. Эпизод V: Империя наносит ответный удар (1980) и Звёздные войны. Эпизод VI: Возвращение Джедая (1983). Самый последний эпизод – это Звёздные войны: Пробуждение силы (2015).

В этом уроке я покажу вам, как создать постер к фильму “Звёздные войны” в программе Photoshop, используя в качестве фокусной точки одного из самых популярных героев фантастической саги - Дарта Вейдера.

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

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

Шаг 1

В этом уроке мы создадим версию постера к фильму “Звёздные войны” в программе Photoshop. Даже, если Дарт Вейдера и нет в последнем эпизоде, Звёздные войны: Пробуждение силы 2015, я всё равно выбрал его в качестве основного персонажа, потому что он страшный и клёвый.

Создайте новый рабочий документ со следующими размерами 900x1060 px в формате PSD. Вы можете увеличить размеры рабочего документа. Размеры, которые я указал, приведены, чтобы показать соотношение высоты / ширины. Далее, создайте новый слой, залейте этот слой чёрным цветом. Откройте исходное изображение с задним фоном. Скопируйте / вклейте (Copy / Paste) данное изображение на наш рабочий документ. Назовите слой с изображением заднего фона Пустыня (Desert Background).

Шаг 2

Выберите инструмент Штамп (Clone Stamp Tool), чтобы заполнить верхнюю часть сцены облаками. Нажмите и удерживайте клавишу(Alt), таким образом, курсор превратится в мишень. Щёлкните по участку изображения, где вы хотите отобрать образец для клонирования.

Шаг 3

Откройте исходное изображение с небом. Скопируйте / вклейте (Copy / Paste) данное изображение на наш рабочий документ. Расположите изображение с небом, как показано на скриншоте ниже. Назовите слой с изображением облаков Облака (Clouds).

Шаг 4

К слою Облака (Clouds) добавьте слой-маску. С помощью слой-маски мы частично скроем изображение облаков. Работа со слой-масками - это полезная техника совмещения нескольких изображений в одну единую сцену.

Шаг 5

Выберите инструмент Градиент (Gradient Tool), установите чёрно-белый градиент с Непрозрачностью (opacity) 100%. Убедитесь, что вы находитесь на слой-маске слоя с облаками (для этого щёлкните по миниатюре слой-маски). Потяните градиент снизу вверх, как показано на скриншоте ниже. Если вы не сильно потяните градиент, то градиент получится небольшой и жёсткий и наоборот, более плавный и большой градиент можно получить, если вы потяните градиент сильнее.

Шаг 6

Возвращаемся на слой Пустыня (Desert Background). К данному слою добавьте стиль слоя Наложение градиента (Gradient Overlay), чтобы затемнить нижнюю часть изображения.

Шаг 7

Далее, создайте корректирующий слой Карта градиента (Gradient Map) поверх всех остальных слоёв, для этого перейдите Слой - Новый корректирующий слой – Карта градиента (Layer – New adjustment layer - Gradient Map). Как это работает: данная коррекция применяет градиент цветов к вашему изображению в зависимости от цветовых тонов на вашем изображении. Таким образом, там, где изображение темнее, мы получим тона с левой части градиента, а там, где изображение светлее, мы получим тона с правой части градиента. Средние тона будут окрашены из средней части градиента.

Дважды щёлкните по миниатюре корректирующего слоя Карта градиента (Gradient Map), чтобы поменять настройки. В появившемся окне редактора градиента щёлкните по шкале градиента, чтобы установить следующие цветовые оттенки: #8f0e0d, #600029 и #ffffff.

Шаг 8

Поменяйте режим наложения для корректирующего слоя Карта градиента (Gradient Map) на Мягкий свет (Soft Light), а также уменьшите Непрозрачность (opacity) слоя до 50%. Результат должен быть, как на скриншоте ниже.

Шаг 9

Чтобы задний фон был больше похож на фантастический пейзаж, мы добавим исходное изображение с галактикой на наш рабочий документ. Поменяйте режим наложения для слоя с галактикой на Осветление (Screen), Непрозрачность (Opacity) слоя 100% .

Примечание переводчика: 1. расположите слой с галактикой поверх всех остальных слоёв в палитре слоёв 2. Изображение с галактикой должно закрывать область неба на нашем заднем фоне 3. Вы можете назвать новый слой с галактикой “Галактика”.

Шаг 10

Теперь добавьте корректирующий слой Яркость / Контрастность (Brightness/Contrast) в качестве обтравочной маски к слою с галактикой.

Шаг 11

Откройте исходное изображение с Дарт Вейдером. Скопируйте / вклейте (Copy / Paste) данное изображение на наш рабочий документ. Расположите изображение, как показано на скриншоте ниже. Назовите данный слой с главным персонажем Дарт Вейдер (Darth Vader).

Шаг 12

К слою Дарт Вейдер (Darth Vader), добавьте следующие стили слоя Наложение градиента (Gradient Overlay) и Внутренняя тень (Inner Shadow).

Шаг 13

Продублируйте слой Дарт Вейдер (Darth Vader). Расположите дубликат слоя ниже оригинального слоя с Дарт Вейдером. Щёлкните правой кнопкой мыши по дубликату слоя и в появившемся окне, выберите опцию Очистить стили слоя (Clear Layer Styles). Назовите дубликат слоя Тень (Shadow).

Шаг 14

Находясь на слое Тень (Shadow), идём Редактирование – Трансформация - Искажение (Edit > Transform >Distort Tool) для трансформации тени. Потяните за опорную точку для искажения тени. Нажмите клавишу (Enter), чтобы применить трансформацию. Инструмент Искажение (Distort tool) искажает, а также растягивает объект во всех направлениях.

Шаг 15

Уменьшите значение Заливки (Fill) для слоя с тенью до 0%, а затем добавьте стиль слоя Наложение градиента (Gradient Overlay). Установите следующие настройки для данного стиля слоя, которые указаны на скриншоте ниже.

Шаг 16

Далее, мы добавим светотени, а также цветовые эффекты на главного персонажа. Создайте новый слой. Выберите инструмент Кисть (Brush Tool), установите мягкую круглую кисть, цвет кисти #e5e6e5. Теперь с помощью кисти нарисуйте несколько линий, создав световые блики. С помощью инструмента Палец (Smudge Tool), в настройках данного инструмента, установите мягкую круглую кисть Интенсивностью (Strength) примерно 70%, вы можете смягчить края нарисованных линий.

Шаг 17

Поменяйте режим наложения для слоя со световыми бликами на Перекрытие (Overlay). Мы можете добавить столько слоёв со световыми бликами, сколько захотите, а также можете создать более драматичный эффект.

Шаг 18

Создайте новый слой. Выберите инструмент Кисть (Brush Tool), установите мягкую круглую кисть, цвет кисти #0098e2. Прокрасьте поверх Дарт Вейдера, как показано на скриншоте ниже.

Шаг 19

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

Шаг 20

Создайте ещё один новый слой. Ещё раз выберите инструмент Кисть (Brush Tool), установите мягкую круглую кисть, цвет кисти # e00101. Прокрасьте различные участки изображения, как показано на скриншоте ниже. Варьируйте размер и непрозрачность кисти.

Шаг 21

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

Шаг 22

Откройте текстуры со световыми бликами. Добавьте понравившиеся блики к нашей сцене. Поменяйте режим наложения для текстур со световыми бликами на Осветление (Screen) или Замена светлым (Lighten).

Шаг 23

Добавьте корректирующий слой Яркость/Контрастность (Brightness & Contrast) и в появившемся окне настроек данного корректирующего слоя установите значения, которые указаны на скриншоте ниже.

Примечание переводчика: 1. добавьте корректирующий слой Яркость/Контрастность (Brightness & Contrast) поверх всех остальных слоёв в палитре слоёв 2. автор уменьшает яркость всего изображения.

Шаг 24

Создайте новый слой, назовите этот слой Свечение лазера (Laser Light). С помощью мягкой круглой кисти, прокрасьте вдоль лазера, а также поверх отдельных участков изображения, как показано на скриншоте ниже (отмечено зелёными линиями). Используйте любой цвет кисти, потому что мы собираемся поменять цвет путём добавления стилей слоя.

Шаг 25

Теперь давайте добавим стили слоя к слою Свечение лазера (Laser Light). Вначале уменьшите значение Заливки (Fill) до 0%, а затем примените следующие стили слоя: Тень (Drop Shadow) цвет #ff0000, Внешнее свечение (Outer Glow) цвет#, Внутреннее свечение (Inner Glow) цвет #ff6c00 и Наложение цвета (Color Overlay) цвет #ffffd4 .

Примечание переводчика: для стиля слоя Внешнее свечение (Outer Glow), подберите тёмно-красный оттенок, примерно #bc0400.

Шаг 26

Чтобы наш постер к фильму выглядел, как настоящий, я добавил нижние титры из оригинального постера к фильму “Звёздные войны”. С помощью инструментов Ластик (Eraser Tool) и мягкой круглой кисти, проведите совмещение текста со всей сценой.

Примечание переводчика: 1. Для названия фильма используйте шрифт Star Wars, для нижнего текста с титрами используйте любой шрифт на своё усмотрение, просто используйте маленький размер шрифта 2. автор использовал нижнюю часть из оригинального постера, а затем совместил со всей сценой с помощью ластика 3. вы можете или поискать на стоковых ресурсах изображения с данной тематикой и добавить на нижнюю часть своей сцены, а затем добавить текст, или просто добавьте текст на нижнюю часть сцены.

Шаг 27

В качестве заключительных штрихов, я добавил световых бликов, а также добавил 2 корректирующих слоя Карта градиента (Gradient Map):

Для первого корректирующего слоя Карта градиента (Gradient Map): режим наложения Мягкий свет (Soft Light), Непрозрачность (opacity) 100%, цвета градиента #4168c2 и #8de7d6.

Для второго корректирующего слоя Карта градиента (Gradient Map): режим наложения Мягкий свет (Soft Light), Непрозрачность (opacity) 75%, цвета градиента #256765 и #fb0101.

Шаг 28

В заключение, я применил фильтр Цветовой контраст (High Pass Filter) для усиления резкости изображения. Если вы хотите добавить другое название фильма, то вы можете использовать шрифт Star Wars.

Примечание переводчика: 1. чтобы применить фильтр Цветовой контраст (High Pass Filter), создайте объединённый слой поверх всех остальных слоёв (Ctrl+Shift+Alt+E), а затем идём Фильтр – Другое - Цветовой контраст (Filter – Other- High Pass Filter).

Итак, мы завершили урок! Мы создали постер к фильму “Звёздные войны”. Итоговый результат вы можете увидеть на скриншоте ниже. Вместо главного героя Дарт Вейдера, вы можете использовать любого другого героя из этой популярной фантастической саги. До встречи, удачного дня!

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

Автор: psddude

Источник: www.psd-dude.com

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

Первый раз в фотошопе :)

Пофарбував в блакитний

Прекрасное исполнение урока!

Хороший урок, автору и переводчику респект

Урок понравился, Спасибо!

Дарт Вейдер Forever, спасибо за интересный урок ;)

Познавательно спасибо

ага, звездные войны значит

Спасибо за урок)

Спасибо за урок)))

Спасибо за урок :)

отличный урок)

Спасибо за урок! Лень было текст добавлять) Остановилась на этом результате.

Благодарю, позновательно!

лайк за Арториаса :3

Спасибо большое

спасибо за урок)

Помогите пожалуйста - не совсем понял как нужно создавать блики, объясните пожалуйста

Вопросы по уроку задавайте на форуме. В конце каждого урока есть ссылка "Задать вопрос на форуме"

Спасибо за перевод, вот что получилось :)

Пока только так, увы. Спасибо за урок.

Смотрю про Ревана забыли.

Спасибо за урок.

А что нормально так сделано.

все подробно написано)
супер)

Дарт Вейдер конечно мегакрут, но слишком его тут много, поэтому я решила уделить внимание этим милым мальчикам)) Спасибо за урок)

Благодарю за урок.

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

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

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

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


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

Предыдущая Следующая
Добавлена {{work.date}}
Не удалось загрузить работу. Возможно она была удалена.
GIF {{work.bite}} Мб Загрузить
Редактировать Удалить
18+
Работа имеет содержимое для 18+ лет
{{work.views}} {{work.comments}}
Жалоба

Комментарии {{work.childs.length || 0}}

Видео к работе
Популярные работы автора:
Работа получила награды:
Курсы автора:
Онлайн-курс

Жалоба

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

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

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

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

Комментарий

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

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

Исходник:

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

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

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

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

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

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

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

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

Комментарии к работе будут отключены, на их месте будет выведена реклама.

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


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

Отменить планирование
Запланировать

Используя данный сайт, вы даёте согласие на использование файлов cookie, данных об IP-адрес, помогающих нам сделать его удобнее для вас. Подробнее