Уроки фотошопа, графика, дизайн
arrow

Постапокалиптический постер

Приветствую всех читателей psforce.ru! Сегодня вы научитесь создавать атмосферный постапокалиптический постер. Этот урок фотошопа относится к категории фото-манипуляций, а это значит что мы будем собирать сцену из различных фотографий и текстур. Отличный повод очередной раз потренироваться в коллажировании и работе с освещением, а также получить очередную порцию вдохновения, верно?

Финальный результат:

Постапокалиптический постер

Разумеется, основа любой фото-манипуляции это исходники. Поэтому вам придётся скачать этот архив, в который я положил всё, что использовалось при создании нашего постапокалипсиса. Также вы можете сами поискать исходники :)

Постапокалиптический постер

1. Откройте фотографию пустыни (файл desert.jpg) и вставьте туда человека в противогазе из файла man-in-gasmask.png:

Постапокалиптический постер

Растеризуйте этот слой (правая кнопка мыши -> выбрать Rasterize):

Постапокалиптический постер

2. Перейдите на слой с пустыней и нажмите Ctrl+U для вызова окна инструмента Hue/Saturation (Цветовой тон/Насыщенность). Нужно сделать пустыню куда менее яркой, у нас же на дворе постапокалипсис :) Для этого понижаем значение Saturation:

Постапокалиптический постер

Тоже самое делаем для слоя с человеком:

Постапокалиптический постер

Вот что получилось:

Постапокалиптический постер

3. Достаньте из архива файл clouds.jpg и поместите его на постапокалиптический постер таким образом:

Постапокалиптический постер

Растеризуйте этот слой и пока что скройте:

Постапокалиптический постер

Переходим на слой с пустыней, берем Quick Selection Tool (Быстрое выделение) и выделяем небо:

Постапокалиптический постер

Делаем видимым слой с облаками, переходим на него, и создаём маску слоя с помощью иконки в панели слоёв:

Постапокалиптический постер

Видим такую картину:

Постапокалиптический постер

Сейчас меня не устраивает белый шлейф на переходе между небом и землей. Поэтому, убедившись что всё ещё находитесь на слое с маской, возьмите мягкую кисть белого цвета, диаметром не более 6px. А теперь пройдитесь ей вдоль горизонта, убирая при этом белый шлейф:

Постапокалиптический постер

Должно получиться так:

Постапокалиптический постер

Теперь шва не заметно вовсе.

4. Поработаем над атмосферой. Создаём новый слой, берем мягкую кисть диаметром около 125px, цвет ставим #fee18e и проводим такую полосу:

Постапокалиптический постер

Режим смешивания Screen (Экран), непрозрачность 13%:

Постапокалиптический постер

Ластиком протираем человека в маске, дабы эффект на него не распространялся. Постер сейчас должен выглядеть примерно так:

Постапокалиптический постер

5. Создаём ещё один слой, и по той же схеме рисуем полосу на переднем плане, цвет #fdc275:

Постапокалиптический постер

Режим смешивания Color Dodge (Осветление цветом), непрозрачность 3%.

6. Ну и для переднего плана цвет #d26e47:

Постапокалиптический постер

Режим смешивания Multiply (Умножение), непрозрачность 9%. Копируем этот слой (Ctrl+J), меняем режим смешивания на Color Dodge, непрозрачность на 6%. Сейчас постапокалиптический постер должен иметь такой вид:

Постапокалиптический постер

7. Идём на слой с небом. Применяем маску (Layer ->Layer mask -> Apply), дублируем слой (Ctrl+J). Идём в Filter (Фильтр) -> Render (Визуализация) -> Light Effects (Освещение) и ставим такие настройки:

Постапокалиптический постер

Непрозрачность 50%. Теперь небо стало выразительнее:

Постапокалиптический постер

8. Ещё раз повторяем тоже самое, но уже для правой части облаков:

Постапокалиптический постер

9. Хорошо. Пришло время поработать с тенями. Создайте новый слой под изображением человека, возьмите чёрную кисть с жёсткостью 74% и нарисуйте тень:

Постапокалиптический постер

Теперь перейдите на слой с человеком и ластиком маленького диаметра уберите едва заметный белый ореол вокруг его фигуры. Для слоя с тенью создайте маску слоя и используя мягкую кисть светло-серого цвета проработайте тень:

Постапокалиптический постер

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

10. Уберите лишние детали, вроде клапана от шланга противогаза, используя Clone Stamp Tool (штамп):

Постапокалиптический постер

11. Может вы не заметили — но у парня в противогазе нет ноги :) Чтобы это исправить, понадобится любая картинка более-менее подходящего ботинка (в архиве это файл boot.jpg). А как его вставить — это будет для вас самостоятельное задание ;) Cкажу лишь что я вырезал ботинок из фон (без светлой подошвы), разместил его ниже слоя с человеком, с помощью Hue/Saturation затемнил, доработал освещение инструментами Dodge и Burn Tool, ну и добавил тень. Получилось в итоге так:

Постапокалиптический постер

Выглядит куда лучше, не так ли?

12. Для слоя с человеком создайте маску, возьмите кисть из brushes.abr (как установить кисть читайте в этом уроке — шаг 4, а также вся информация о кистях здесь) и слегка задевая кончики банки создайте более мягкий эффект закопанности в песок:

Постапокалиптический постер

Примените маску (Layer -> mask -> Apply Mask) и возьмите Burn Tool (Затемнитель). Затемнителем в режиме Shadows пройдитесь по правой части банки:

Постапокалиптический постер

13. Скройте слой с тенью и возьмите мягкую кисть, цвет поставьте #a96f5a. Теперь пройдитесь этой кистью на новом слое вдоль контура человека, создавая рефлексы (отражения от поверхностей):

Постапокалиптический постер

Непрозрачность 7%. Теперь зажмите Ctrl и кликните по иконке слоя с человеком, появится выделение, инвертируйте его (Shift+Ctrl+U):

Постапокалиптический постер

Теперь нажмите Delete. Лишние части рефлектов снаружи силуэта удалены. Осталось мягким ластиком сделать рефлекты внутри контура более плавными:

Постапокалиптический постер

На этом всё, вот наш постапокалиптический постер, я ещё добавил ворону :)

Постапокалиптический постер

Надеюсь этот урок фотошопа оказался для вас полезным и интересным. А теперь я прощаюсь с вами до встречи на нашем сайте ;)

M@X
Веб-дизайнер, основатель проекта psforce.ru и студии веб-дизайна Disarto.

Комментарии (2)

  1. Olegsa:

    Уроки у Вас отличные: все четко и по делу, методика описана очень сжато и последовательно.Спасибо!
    Также хочу задать вопрос — в чем заключается эффект процесса растеризации? и почему в самом начале урока я не смог выбрать опцию Rasterize, она была неактивна?

    • M@X M@X:

      Растеризация позволяет полноценно работать с изображением в фотошопе. Если вставить изображение в уже открытый документ в фотошопе, то оно будет загружено как Smart Object. Smart Object сохраняет исходное качество картинки, т.е. вы можете уменьшать, а затем снова увеличивать её до исходных размеров без потери качества.

      Однако, пока слой находится в режиме Smart Object вы не можете на него непосредственно воздействовать — рисовать на нем, вырезать что-либо и т.д. Доступны лишь трансформация и работа с корректирующими слоями, т.к. они не затрагивают оригинал. Smart Objext можно представить как защитный контейнер, в котором хранится картинка. Когда мы растеризуем её, то по сути выстаскиваем из контейнера и можем редактировать как угодно.

      Это не единственное предназначение процесса растеризации. Например, растеризация нужна если мы хотим векторный объект преобразовать в растр.

      Касательно вопроса, почему вы не могли выбрать в начале урока эту опцию — скорее всего ваша картинка уже была полностью готова для редактирования.

Оставить комментарий

Имя: *

Сообщение: