В этом уроке Фотошоп вы узнаете, как создать яркий футуристический плакат в ретро- стиле. Для творчества нам понадобятся некоторые стоковые изображения, навыки работы с фильтрами и панелью «Каналы» (Channels) в Фотошоп. Следуя этапам урока, мы создадим эффектный и стильный результат.
Предварительный просмотр финального результата:


 

Шаг 1.

Прежде всего, создаем новый документ (Ctrl+N) в Adobe Photoshop формата А4 (21х29,7 см или 8,26х11,69 см) с разрешением 300рх/дюйм и белым фоном. Сразу установим линейки, нажав на клавиатуре Ctrl+R. Установите единицы измерения документа в сантиметрах (см), нажав пр.кн.мыши по линейке и выбрав нужное. Теперь, инструментом «Перемещение» (Move Tool) вытяните горизонтальные и вертикальные направляющие из линеек и установите их на расстоянии 1 см (2,54 дюйма) от краев документа, обозначив границы.

Далее, выберите инструмент «Прямоугольное выделение» (Rectangle Marquee Tool) и создайте область внутри ограничительных направляющих. На новом слое (Ctrl+Shift+N) заполните (Shift+F5) прямоугольное выделение светло-зеленым цветом.



Добавляем Маску слоя (Layer-Layer Mask-Reveal All или клик по иконке круга в квадрате внизу панели слоев) на слой с зеленым прямоугольником и используем на маске Градиент с линейным стилем (Gradient Tool (G)) черно-белого цвета внизу прямоугольника. Проводим линию градиента снизу вверх, скрывая низ прямоугольника. Cнимаем выделение(Ctrl+D).



Устанавливаем цвета переднего и заднего планов на светло-зеленый (#b3ff68) и белый (#ffffff), открыв цветовую палитру.



Создаем новый слой (Ctrl+Shift+N) выше предыдущего и переходим в меню Фильтр-Рендеринг-Облака (Filter > Render > Clouds).







Изменяем режим смешивания (Blend Mode) для слоя с облаками на Затемнение основы (Color Burn) и получаем следующий эффект:



Создаем новый слой (Ctrl+Shift+N) и повторяем шаг с созданием облаков, но после этого применяем к слою фильтр «Волокна» (Filter > Render > Fibers). Устанавливаем вибрацию на 8, а интенсивность (strength) на 64.







Изменяем режим смешивания слоя с волокнами на Затемнение основы (Color Burn).



Повторяем снова процесс создания облаков, но уже используем черный (#000000) и белый (#ffffff) цвета для переднего и заднего планов. Cоздаем новый слой (Ctrl+Shift+N) и добавляем фильтр «Облака с наложением» (Filter > Render > Difference clouds), затем применяем данный фильтр еще 6 раз, нажав сочетание Ctrl+F.





Снижаем непрозрачность (Opacity) этого слоя до 25% и изменяем режим его смешивания на Мягкий свет (Soft Light).



Чтобы не путаться в работе, сгруппируйте слои с фоном, предварительно выделив их в панели слоев (Ctrl+клик по миниатюрам слоев, затем Ctrl+G). Проверьте последовательность слоев, используя скриншот ниже.


 

Шаг 2.

Теперь добавим на плакат горный пейзаж, скачав его из ресурсов урока. Открываем изображение в фотошоп и обесцвечиваем его (Ctrl+Shift+U).





Копируем (Ctrl+A, Ctrl+C), затем вставляем (Ctrl+V) горы в наш документ выше всех слоев. Загружаем выделение слоя с зеленым прямоугольником (Ctrl+клик по иконке слоя) и на слое с горами обрезаем изображение по границам прямоугольника, нажав Ctrl+J.





Изменяем режим смешивания слоя с горами на Линейный свет (Linear light).





Дублируем слой с горами (Ctrl+J) и переходим на дубликате в меню Фильтр-Другие-Цветовой контраст (Filter > Other > High Pass), установив радиус на 9,9 рх. Изменяем режим смешивания для дубликата гор на Перекрытие (Overlay).






 

Шаг 3.

Открываем изображение звездной ночи, скачав его из ресурсов урока. Применяем к звездам тот же прием с фильтром «Цветовой контраст» (Filter-Other-High Pass), как на изображении с горами.







Повысим насыщенность звездного неба путем дублирования этого слоя (Ctrl+J) и изменим режим смешивания дубликата на Перекрытие (Overlay).

Далее обесцвечиваем его (Ctrl+Shift+U) и делаем контрастнее при помощи коррекции «Уровни» (Image-Adjustment-Levels). Выполните настройки значение опции со скриншота ниже.







Копируем (Ctrl+A, Сtrl+C), затем вставляем (Ctrl+V) полученное изображение звезд в наш основной документ и изменяем режим смешивания этого слоя на Линейный свет (Linear Light). Добавляем на этот слой Маску (Layer-Layer Mask-Reveal All) и, используя черно-белый линейный Градиент (Gradient) или мягкую Кисть (Brush) черного цвета, удаляем звезды с области гор.







Загружаем выделение зеленого прямоугольника (Ctrl+клик по иконке этого слоя) и создаем новый слой (Ctrl+Shift+N). Выбираем инструмент Градиент (Gradient) черно-белого цвета и проводим им по выделению сверху вниз. Устанавливаем режим смешивания этого слоя на Мягкий свет (Soft Light) и снижаем непрозрачность (Opacity) до 70%.






 

Шаг 4.

Теперь, создадим сетку на нашем фоне. Сначала, увеличьте масштаб изображения, нажав Ctrl+ или используя инструмент Zoom и установите единицы измерения документа в пикселях (рх), нажав пр.кн.мыши по линейкам и выбрав из списка нужное. Выбираем инструмент «Прямоугольное выделение» (Restangle Marquee Tool) и создаем узкую полосу шириной в 1,5 рх. Заполняем ее (Edit-Fill) белым цветом. Если необходимо, используйте Трансформирование для полосы (Ctrl+T), выравнивая ее до нужного размера.



Продублируйте полосу множество раз, выбрав инструмент «Перемещение» (Move Tool (V)) и, удерживая Alt, сдвигая копии на расстоянии друг от друга.



После дублирования полос мы должны распределить их равномерно по холсту. Многие из вас, наверное, уже знакомы с функцией «Распределение центров» (Distribute center), которая необходима при выравнивании объектов в документе. Применим эту опцию для наших полосок, предварительно выделив слои с ними в панели слоев (Ctrl+клик по миниатюрам слоев). Активируя инструмент «Перемещение» (Move Tool), нажимаем в верхнем меню пиктограмму «Распределение центров по-горизонтали» (Distribute horizontal center). Ваши полоски должны равномерно заполнить холст. Объедините слои с полосами вместе (Ctrl+E).





Теперь, чтобы создать сетку, дублируем слой с линиями (Ctrl+J) и поворачиваем его на 180° (Edit-Transform-Rotate 180).



Сгруппируйте слои с горизонтальными и вертикальными линиями (Ctrl+G) или объедините их в один слой (Ctrl+E). Добавьте Маску (Layer-Layer Mask-Reveal All) на полученный слой и выберите Зеркальный градиент (Reflection Gradient) черно-белого цвета. Используйте его на маске по-диагонали (черный цвет посередине), чтобы скрыть сетку в области гор.




 

Шаг 5.

Одним из важных моментов в составлении такого рода манипуляций является выбор подходящего ключевого изображения. Я использовал фото мужчины, который как бы мысленно обращается к тем, кто смотрит на снимок, указывая пальцем вовне. Откройте это изображение в фотошоп.



Мы будем извлекать парня с фото при помощи панели «Каналы» (Channels). На слое с изображением переходим в панель каналов, активируем красный канал (Red) и дублируем его (клик пр.кн.мыши по миниатюре канала и выбираем – Create Dublicat Cannal). На копии красного канала переходим в меню Изображение-Коррекция-Уровни (Image-Adjuatment-Levels) и делаем фон совершенно белым, регулируя ползунки опции.







Еще раз применяем коррекцию «Уровни» (Ctrl+L), передвигая серый ползунок вправо. Изображение мужчины должно стать почти черным. Можете закрасить черной Кистью (Brush) оставшиеся светлые участки на фигуре мужчины, чтобы было легче отделить его от фона.

Выбираем инструмент «Волшебная палочка» (Magic Wand Tool) и нажимаем по изображению мужчины, выделив его. Активируем канал RGB и возвращаемся в панель «Слои». Инвертируем выделение (Ctrl+Shift+I) и удаляем фон клавишей Delete.





Теперь, удалим голову при помощи инструмента Лассо (Lasso Tool (L)). Будьте осторожны, создавая выделение около пальца, не вырежьте его.





Повторяем процесс с использованием фильтра «Цветовой контраст» (High Pass), как мы делали это с другими элементами плаката. Дублируем слой с мужчиной (Ctrl+J), переходим в меню Фильтр-Другие-Цветовой контраст (Filter-Other-High Pass), затем изменяем режим смешивания этого слоя на Перекрытие (Overlay).

Копируем (Ctrl+A, Ctrl+C), затем вставляем (Ctrl+V) мужчину в наш плакат выше всех слоев.







Создаем новый слой (Ctrl+Shift+N) выше слоя с мужчиной и загружаем выделение парня (Ctrl+клик по иконке слоя). Активируем инструмент Заливка (paint bucket tool (G)) и заполняем выделение зеленым цветом. Снимаем выделение(Ctrl+D). Изменяем режим смешивания этого слоя на Затемнение основы (Color Burn).





Объединяем все слои с мужчиной в группу, предварительно выделив их в панели слоев (Ctrl+клик по миниатюрам слоев, затем Ctrl+G). Создаем маску (Layer Mask) на миниатюре группы (клик по иконке круга в квадрате внизу панели слоев). Выбираем Линейный градиент (Gradient Tool) черно-белого цвета и проводим им на маске снизу-вверх, скрывая нижнюю часть изображения.




 

Шаг 6.

В качестве головы героя плаката я решил использовать голову орла. Мне кажется его изображение довольно удачно подобранным, поскольку взгляд птицы властный и авторитарный, что соответствует сюжету этой композиции «с вызовом».



Открываем изображение птицы. Разблокировав фон двойным кликом по его миниатюре, отражаем изображение по-горизонтали (Edit-Transform-Flip to Horizontally).
Помещаем слой с птицей в группу, перетянув его на иконку папки внизу панели слоев.





Я решил извлечь голову орла с фона, используя предыдущий способ с мужчиной при помощи палитры «Каналы»(Channels), но без дублирования канала. Переходим в панель каналов и выбираем синий канал (Blue), активируя его.



Выбираем инструмент «Волшебная палочка» (Magic Wand tool) и кликаем им по черному фону. Появилось выделение черного фона вокруг орлиной головы. Нажав канал RGB, возвращаемся в панель «Cлои» (Layers) и удаляем фон клавишей Delete.





Далее, дублируем голову орла (Ctrl+J) и на дубликате переходим в меню Фильтр-Другие-Цветовой контраст (Filter-Other-High Pass) c радиусом в 9,9 рх. Изменяем режим смешивания этого слоя на Перекрытие (Overlay).



Возвращаемся на оригинал с головой и дублируем слой (Ctrl+J), перетягиваем дубликат выше слоя с «цветовым контрастом» и изменяем режим его смешивания на Мягкий свет (Soft Light).



Выше всех слоев с головой создаем корректирующий слой «Уровни» (Layer-New Adjustment Layer-Levels) и выполняем настройки опции, регулируя контраст на изображении. Вставляем группу с головой в основной документ выше всех слоев в панели (сделайте видимыми в рабочем пространстве два документа (с орлом и плакатом) и инструментом «Перемещение» (Move Tool) перетащите группу с орлом в файл с плакатом). При помощи Трансформирования(Ctrl+T) уменьшите размер головы, чтобы она соответствовала размерам тела мужчины.





Создаем новый слой (Ctrl+Shift+N) выше всех предыдущих слоев в группе с головой и загружаем выделение оригинала с головой (Ctrl+клик по иконке этого слоя). Заливаем (Edit-Fill) выделение зеленым цветом и изменяем режим смешивания этого слоя на Затемнение основы (Color Burn).







Создаем Маску (Layer-Layer Mask-Reveal All) на миниатюре группы с головой и Кистью (Brush Tool) черного цвета удаляем часть перьев орла, открыв указательный палец.



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


 

Шаг 7.

Пришло время добавить слоган на наш постер. Скачайте из ресурсов урока шрифт «Walkway» или любой другой на ваше усмотрение и загрузите его в Фотошоп через меню вашего компьютера (Пуск-Панель управления-Шрифты). Выберите инструмент «Горизонтальный текст» (Type Tool) и напишите сначала верхнюю часть фразы «Let It». Нажмите галочку в верхнем меню для завершения написания. Затем напишите более мелким шрифтом слова «Just» и «Happen» на отдельных слоях, а затем инструментом Перемещение (Move Tool) передвиньте эти cлова, как на примере ниже. Если необходимо, используйте для настроек шрифта панель инструмента «Текст» (Window-Character).







Далее, создаем новый слой (Ctrl+Shift+N) и загружаем выделение слоев с текстом (Ctrl+Shift+клик по иконкам данных слоев). Выбираем линейный Градиент (Gradient) черно-белого цвета и заполняем им выделение снизу-вверх так, чтобы нижняя часть слогана была затемненной.



На слой с градиентом добавляем эффект «Тень» (Drop shadow), открыв окно «Стилей слоя» (Layer Style) двойным кликом по миниатюре слоя. Выполняем настройки со скриншота ниже.



Снижаем непрозрачность (opacity) градиентного слоя до 50%.


 

Шаг 8.

Теперь, оформим плакат остроконечными полосами, как бы осколками. Выбираем инструмент «Прямоугольник»(Rectangle Tool (U)) и в режиме слой-фигуры (первая иконка в верхнем меню) рисуем горизонтальный белый прямоугольник. Используя Трансформирование (Ctrl+T) и Искажение (клик пр.кн.мыши по рамке и выбираем Distort)изменяем форму прямоугольника, создавая острые края.





Изменяем режим смешивания фигуры на Мягкий свет (Soft Light).



Поворачиваем осколок диагонально (Ctrl+T), затем дублируем его (Ctrl+J) дважды, распределяем дубликаты по плакату инструментом «Перемещение» (Move Tool), наслаивая их друг на друга и объединяем вместе (Ctrl+клик по слоям с фигурами, затем Ctrl+E).





Дублируем объединенный слой (Ctrl+J) и отражаем копию по горизонтали (Edit-Transform-Flip Horizontally). Размещаем дублированные осколки напротив оригиналов и объединяем оригинал и дубликат в группу (Ctrl+клик по миниатюрам данных слоев, затем Ctrl+G).



Я добавил Маску слоя (Layer-Layer Mask-Reveal All) на группу с осколками и при помощи Градиента (Gradient) черно-белого цвета с зеркальным стилем (Reflection) создал интересный эффект. Проведите градиентом по маске справа-налево(белый цвет градиента посередине), скрыв края осколков. Дублируйте несколько раз группу с осколками и распределите дубликаты в виде пирамиды над героем.




 

Шаг 9.

Наконец, добавим последний световой эффект в виде лучей. Выбираем инструмент «Эллипс» (Elliptical Tool) и рисуем вертикальный узкий овал белого цвета. При помощи Трансформирования (Ctrl+T) сплющиваем овал по-вертикали еще больше и добавляем к нему фильтр «Размытие в движении» (Filter> Blur> Motion Blur). Устанавливаем угол (angle) на 82°, а смещение (distance) на 998 рх. Изменяем режим смешивания для слоя с овалом на Перекрытие (Overlay) и дублируем его несколько раз (Ctrl+J). Распределяем копии по холсту параллельно друг другу.











B вот как выглядит мой финальный результат, исполненный в двух вариантах:



исходный размер финального изображения

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



исходный размер финального изображения
 

Используемые материалы:

Звездное небо
Горы
Мужчина
Орел
Шрифт «Walkway»
PSD файл урока