Создаем композицию в стиле Стимпанк

Итак, главная цель этого урока – взять изображения из разных источников и создать из них единое целое.

Внимание! Если вы читаете этот урок через RSS-ленту и у вас не отображаются картинки, не пугайтесь, просто перейдите на сайт и всё будет отлично.

Вступление

Стимпанк – жанр фантастики, был широко развит в конце 80-х и начале 90-х. Основная идея стимпанка – это развитие человечества, в совершенстве овладевшего технологией паровых машин. Более подробнее о стимпанке можете почитать в википедии.

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

Ресурсы

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

• Шляпа
• Орнамент на шляпу
• Компас
• Водопроводный кран
• Ремень
• Часы на цепочке
• Большая емкость из меди
• Здание
• Труба
• Шестерни
• Электросчетчик
• Лампочка
• Усы
• Мужчина
• Текстура бумаги

Шаг 1

Создаем новый документ (холст) 260mm на 210mm и 300dpi. Загружаем фотографию мужчины и защитные очки и открываем их в фотошоп. Вырезаем очки при помощи Pen Tool (Перо), вставляем их на наш чистый холст и назовем новый слой например “GOGGLES”. Теперь вставляем фотографию мужчины на слой “MAN”. Расположите очки у него на лице и сделайте подходящий размер при помощи Ctrl + T. Теперь уменьшим насыщенность слоя с очками при помощи Image > Adjust > Hue/Saturation (Изображение > Коррекция > Цветовой тон/Насыщенность) до -37.

Теперь берем Pen Tool (Перо) и вырезаем мужчину. Не беспокойтесь о том, что волосы выделятся не идеально. После того, как закончите контур, превратите его в выделение и создайте маску слоя Layer > Layer Mask > Reveal Selection (Слой > Маска слоя > Показать выделенные области).

Выбираем слой “MAN” и используем инструмент Clone Stamp Tool (Клонирующий штамп), чтобы заполнить промежутки в волосах. Убедитесь, что вы клонируете волосы за пределами маски слоя.

Выбираем инструмент Smudge Tool (Палец), ставим настройки как на скриншоте и обрабатываем им маску слоя (именно маску, а не сам слой), чтобы было видно больше волос из-под неё.

Применяем маску слоя Layer > Layer Mask > Apply (Слой > Маска слоя > Применить) и выбираем Smudge Tool (Палец). Смените размер кисти на 2px, жесткость (Hardeness) 0%, установите значение smudge strength (дословный перевод “Сила пальца” :D ) между 70 и 85. Пройдитесь ещё по волосам, по их направлению. Меняйте значение smudge strength, чтобы избежать одинаковой длины волос.

Шаг 2

Открываем изображение шляпы (ссылка на него должна быть в начале урока) и рисуем вокруг него контур при помощи Pen Tool (Перо). Превращаем контур в выделение (щелкнув правой кнопкой мыши по нему на вкладке контуров), затем копируем и вставляем шляпу на наш рабочий документ. Назовем слой “HAT” и уменьшим его до 56%.

Открываем изображение орнамента для шляпы и вставляем его в рабочий документ. Назовем слой “WATCH”, уменьшим его размер до 38.5%. Переходим Layer > Layer Style > Drop Shadow (Слой > Эффекты слоя > Отбросить тень) и настраиваем тени так, как показано на скриншоте.

Переходим на слой “HAT” и рисуем контур вокруг той части полей, которая находится под орнаментом. Копируем и вставляем её на новый слой. Поместите его над часами (я имею ввиду порядок на вкладке со слоями) и назовите “HAT_BRIM”. Выделяем все три слоя, относящиеся к шляпе и группируем их Layer > Group Layers (Слой > Сгруппировать слои), чтобы не путаться в дальнейшем, так как слоев у нас ещё будет предостаточно.

Шаг 3

Создаем новый слой между слоем с мужчиной и защитными очками. Назовите его “FACE_SHADOW” и поставьте Blend Mode (Режим наложения) на Multiply (Умножение). Используем Eyedropper Tool (Пипетка), чтобы взять образец темных цветов кожи, затем выбираем Brush Tool (Кисть), настраиваем размер кисти 40px, жесткость 0%, Flow 25% и начинаем рисовать тени вокруг защитных очков и шляпы. Помните, что тень будет неровная, к тому же, чем ближе к источнику, тем темнее она будет. Используйте маленькую кисть, чтобы рисовать тень в таких местах. При необходимости можете ещё раз воспользоваться Eyedropper tool (Пипетка).

Шаг 4

Открываем в фотошоп изображение с усатым дядькой, которое вы должны были скачать в начале урока и, используя Rectangular Marquee Tool (Прямоугольная область), выделяем область с усами. Вырезаем и вставляем её на рабочий документ поверх слоя с мужчиной, назовем слой “MOUSTACHE”, что в переводе означает усы. Ставим режим наложения на умножение так, чтобы можно было увидеть мужчину за усами, затем поворачиваем и изменяем размер усов, чтобы они хорошо подошли к лицу.

Корректируем Hue/Saturation (Цветовой тон/Насыщенность) для лучшего сочетания с кожей мужчины.

Используем Eraser Tool (Ластик) с мягкими краями и Flow 25%, чтобы стереть резкие края слоя с усами.

Чтобы создать естественное сочетание между двумя слоями, просто щелкайте мышью в наиболее темных участках слоя с усами пока он не начнёт хорошо сочетаться с кожей.

Под конец добавляем новый корректирующий слой Curves (Кривые), при создании поставьте галочку около Use Previous Layer To Create Clipping Mask (Использовать предыдущий слой для создания обтравочной маски) и поиграйте с настройками до тех пор, пока не останетесь довольны сочетанием слоя усов со слоем мужчины. Выделяем слои “MAN”, “FACE_SHADOW” и “MOUSTACHE” и группируем их, назовите как-нибудь группу, например “MAN”.

Шаг 5

На этом этапе “MAN” кажется немного светлее всего остального, поэтому добавляем Curves Adjustment Layer (Корректирующий слой кривые), не забыв отметить галочку Use Previous Layer (Использовать предыдущий слой).

Шаг 6

Создаем новую группу поверх группы “MAN” и называем её “CHEST_PLATE”. Теперь выбираем “MAN” вместе с прикрепленным к нему корректирующим слоем и дублируем их. Перетащите копии в группу “CHEST_PLATE” на вкладке слоев. Нарисуем контур, выделяющий зону с пиджаком не трогая рубашку и голову. Превращаем получившийся контур в маску слоя для “MAN copy”.

Открываем изображение компаса и рисуем вокруг него контур так, как показано на скриншоте.

Расположите компас в групп слоев “CHEST_PLATE” ниже “MAN copy”. Назовем этот новый слой “CHEST_PLATE”, Жмём Ctrl + T чтобы активировать свободную трансформацию, трансформируем так, как показано ниже. Зажмите и удерживайте Ctrl, чтобы манипулировать отдельными точками.

Используем Clone Stamp Tool (Клонирующий штамп), чтобы заполнить участки нагрудника, на которые не хватило компаса.

Добавляем новый слой между “MAN copy” и “CHEST_PLATE”, назовем его “CHEST_SHADOW”. Ставим режим наложения – умножение и создаем тень так же, как мы это делали в шаге 3. Продолжайте рисовать тень, чтобы она легла на рубашку от пиджака. Это сделает её более реалистичной.

Шаг 7

Открываем в фотошоп водопроводный кран, вырезаем и вставляем его на рабочий холст. На вкладке слоев расположим его поверх слоя “CHEST_PLATE” и назовем “TAP”. Меняем его размер и располагаем на нагруднике.

Создаем новый слой – это будет тень от крана. Рисуем тени.

Тени говорят о том, что нижняя часть крана довольно светлая. Выбираем слой “TAP” и используем Burn Tool (Затемнитель), чтобы затемнить его основу, перед использованием поставьте настройки: Range (Диапазон) на Midtones (Средние тона) и Exposure (Экспозиция) на 25%.

Создаем новый корректирующий слой Кривые для водопроводного крана и настраиваем его как на скриншоте. Ваша вкладка слоев (в группе “CHEST_PLATE”) должна выглядеть следующим образом:

Стимпанк на этом этапе:

Шаг 8

Можете сами отсканировать свой ремень :) а можете использовать изображение ремня, отсканированного мной, ссылку на которое вы найдете в начале урока. Вырезаем, копируем и вставляем его в рабочий документ, назовем слой “BELT_LEFT”. Теперь дублируем его, копию называем “BELT_RIGHT”.

Используйте свободную трансформацию (Ctrl + T), чтобы изменить и повернуть ремни (по одному конечно) таким образом, чтобы они выглядели как ремни от рюкзака. Прежде чем применять трансформацию, перейдите Edit > Transform > Warp (Редактировать > Трансформирование > Искажение) и сманипулируйте рычагами и узлами решетки следующим образом:

Придадим ремням трехмерный вид. Выбираем слой “BELT_LEFT” и инструмент Move Tool (Перемещение). Зажав клавишу Alt, нажмите один раз стрелку вниз на клавиатуре. Тем самым слой продублируется и сместится вниз. Теперь отпустите Alt и нажмите клавишу влево. Повторяем эту последовательность для “BELT_LEFT copy”. Таким образом сделайте три копии слоя “BELT_LEFT”. Последовательность слоев должна быть следующая: начиная сверху “BELT_LEFT”, “BELT_LEFT copy”, “BELT_LEFT copy 2” и “BELT_LEFT copy 3”. Выбираем все три слоя и объединяем их, также подкорректируем Levels (Уровни) у получившегося слоя как показано на скриншоте. Повторяем процесс для “BELT_RIGHT”.

Создаем слой для теней (“BELT_SHADOW”) под объединенными слоями “BELT_LEFT” и “BELT_RIGHT”, ставим режим наложения на умножение. Добавляем тени. Только возьмите на заметку, что поверхность пиджака довольно неровная. Правило большого пальца гласит: чем ближе к поверхности располагается объект, тем тоньше и острее будет отбрасываемая им тень. В закругленных местах тень будет больше и мягче, используйте соответствующую кисть, чтобы это показать.

Создаем ещё один слой для теней (“TOP_BELT_SHAD”) поверх всех слоев с ремнями и добавляем тень как показано ниже. Группируем все слои с ремнями и их тенями, назовем группу “BELTS” и расположим её в “CHEST_PLATE”.

Шаг 9

Выбираем слой с мужчиной и, используя инструмент Pen Tool (Перо), рисуем контур вокруг сжатой в кулак руки. Превращаем контур в выделение, копируем и вставляем его на новый слой “HAND”. Передвиньте его поверх группы слоев “BELTS”, при этом не покидая группу “CHEST_PLATE”.

Выбираем корректирующий слой Curves (Кривые), который мы создавали для слоя “MAN” и дублируем его. Располагаем копию непосредственно над слоем “HAND” и переходим Layer > Create Clipping Mask (Слой > Создать обтравочную маску).

Открываем часы с цепочкой, переносим их на наш холст поверх слоя “HAND”, назовем слой “HANGING_WATCH”, изменим его размеры в соответствии с пропорциями руки. Выделяем любое наложение между слоями “HANGING_WATCH” и “HAND” при помощи инструмента Polygonal Lasso Tool (Полигональное лассо), затем переходим Layer > Layer Mask > Hide Selection (Слой > Маска слоя > Спрятать выделенные области). Выбираем маску слоя и применяем фильтр Gaussian Blur (Размытие по Гауссу) с радиусом 0.8px. Помещаем все эти слои в одну группу, назовем её “HAND” и расположим прямо над папкой “BELT” в группе “CHEST_PLATE”.

Шаг 10

Открываем изображение с медной емкостью, вырезаем, копируем и вставляем его на рабочий холст. Назовем слой “TANK” например. Теперь создадим группу слоев “TANKS” и поместим туда слой с медной емкостью. Жмем Ctrl + T, чтобы активировать инструмент свободной трансформации, трансформируем и поворачиваем слой как показано ниже.

Переходим Image > Adjustments > Shadow/Highlight (Изображение > Корррекция > Тень/Свет) и настраиваем следующим образом:

Дублируем слой “TANK” и трансформируем его как показано на скриншоте.

Создаем новый слой “TANK_SHADOW” поверх обеих слоев “TANK”. Да-да, это будут тени. Ставим режим наложения на умножение и добавляем тени уже знакомым способом. Используйте изображение ниже как подсказку. Тени будут базироваться на уже созданных ранее тенях и светлых участках. Постарайтесь представить, где находится источник света по отношению к “MAN”-слоям, в том же месте он будет находиться и для “TANK”-слоев.

Шаг 11

Открываем изображение здания в фотошоп и переносим его на рабочий холст. Назовите как-нибудь этот слой, например “BUILDING” и перетащите в самый низ палитры слоев. Затем трансформируем его как на скриншоте. Наша цель – скорректировать дисторсию объектива и перспективу.

Я также немного изменил размеры здания, чтобы композиция выглядела лучше.

Теперь переходим Filter > Blur > Lens Blur (Фильтр > Размытие > Размытие при малой глубине резкости) и применяем следующие настройки (см. скриншот ниже). Вы также можете использовать Размытие по Гауссу, если ваша система не будет справляться с Lens Blur, но оно менее эффективно.

Переходим Layer > New Adjustment Layer > Hue/Saturation (Слой > Новый корректирующий слой > Цветовой тон/Насыщенность) и перетаскиваем ползунок с насыщенностью на -48.

Теперь добавляем корректирующий слой Кривые поверх слоя Цветовой тон/Насыщенность.

Шаг 12

Открываем изображение трубы, выразем её и вставляем на рабочий холст. Назовем слой “CHIMNEY”, трансформируем, повернем и продублируем, короче в итоге у вас должно получится что-то вроде трёх выхлопов. Создаем группу слоев для этих выхлопов и называем её “CHIMNEYS”.

Создаем новый слой “CHIMNEY_SHADOW” с режимом наложения Multiply (Умножение) и рисуем на нём тени лишь с тем отличием, что в этот раз мы будем использовать маску слоев с трубами, чтобы спрятать те участки, на которые нам нужно нанести тени. Ctrl + клик левой кнопкой мыши по слою с трубой, для которой хотим создать тень. Если в выделение попали другие трубы, тогда Ctrl + Alt + клик по соответствующему слою. Затем рисуем тень на слое “CHIMNEY_SHADOW”. Исползуйте изображение ниже в качестве примера.

Теперь нам понадобится изображение с облаком. Открываем его в фотошоп и переходим Image > Adjust > Desaturate (Изображение > Корректировать > Обесцветить). После этого настраиваем Levels (Уровни) как на скриншоте.

Выбираем инструмент Burn Tool (Затемнитель), ставим в его настройках Shadows на 25% и затемняем все участки неба, которые ещё не черные.

Вставляем подкорректированное облако в рабочий документ и помещаем его в группу “CHIMNEYS”. Ставим режим наложения на Screen (Осветление) и называем слой “SMOKE”. Если позади облака видны участки неба, затемняем их. Теперь создаем копии слоя “SMOKE” и располагаем их так, будто бы дым появляется из труб. В итоге у нас должно получиться следующее:

Шаг 13

Продолжаем создавать коллаж, используя подходящие стилю стимпанк элементы. Я добавил немного шестерней (ссылки на изображения в начале урока) и ещё один компас в зону рюкзака. Не забывайте называть все свои слои и по возможности группируйте их. У каждого нового элемента также будет собственный слой с тенью. Также я подкорректировал Hue/Saturation (Цветовой тон/Насыщенность) у шестерней, тем самым создав ощущение, что они сделаны из меди.

Шаг 14

Создаем новый слой, назовем его “PIPE” и при помощи Pen Tool (Перо) рисуем прямую линию, затем берем Brush Tool (Кисть) и ставим настройки как на скриншоте ниже. И наконец переходим в панель контуров, выбираем тот, который создали мы, щелкаем по нему правой кнопкой и находим в появившемся меню Stroke Path (Обвести контур). Убедитесь, что в настройках кисти стоит 100% Opacity и 100% Flow.

После того, как ваш контур был обведен, переходим Layer > Layer Style > Inner shadow (Слой > Эффекты слоя > Внутренняя тень) и применяем следующие настройки:

Теперь настраиваем Bevel and Emboss (Тиснение):

Добавляем новый чистый слой под “PIPE”, выбираем оба слоя жмем Ctrl + E, чтобы объединить их. Это растеризует стили слоя.

Добавим фильтр Filter > Noise > Add Noise (Фильтр > Шум > Добавить шум).

Используем Размытие по Гауссу с радиусом 1px.

И под конец Filter > Sharpen > Smart Sharpen (Фильтр > Резкость > Настраиваемая резкость).

Шаг 15

Теперь нам понадобится электросчетчик, поместите его на слой “DIAL”, непосредственно над слоем “PIPE”. А ещё я переименовал “PIPE” в “PIPE_DIAL”. Трансформируем и немного поворачиваем “DIAL”, затем поворачиваем “PIPE_DIAL” под соответствующим углом.

Шаг 16

Открываем изображение лампочки, вырезаем, копируем и вставляем на рабочий документ. Отделяем лампочку от основы и помещаем каждую часть на отдельный слой – “BULB” и “LIGHTBULB_BASE”. Трансформируем и поворачиваем слои как показано ниже. Теперь дублируем “PIPE_DIAL”, назовем его “PIPE_LIGHTBULB” и повернем, чтобы выровнять относительно лампочки.

Ctrl + клик по миниатюре слоя “BULB” на палитре слоев, чтобы создать выделение. Добавляем новый слой, называем его “BULB_BRIGHTNESS” и заполняем #fff48a цветом. Меняем режим наложения слоя на Screen (Осветление), а непрозрачность уменьшаем до 87%. Теперь добавляем на него 0.6-пиксельное размытие по Гауссу.

Продублируем “BULB” и назовем слой-копию “BULB_OVERLAY”. Поместите его прямо над “BULB” и подкорректируйте Hue/Saturation как показано на скриншоте. Под конец меняем режим наложения на умножение.

Выбираем слой “BULB” и переходим Layer > Layer Styles > Drop Shadow (Слой > Эффекты слоя > Отбросить тень). Тем самым мы создадим легкое свечение, смотрите ниже:

Добавляем также стиль Outer Glow (Внешнее свечение), чтобы придать свечению глубины.

Шаг 17

Теперь добавим ещё несколько труб таким же образом, как мы делали это раньше. Если вы забыли, что надо делать, смотрите Шаг 14. Попробуйте разную толщину кстати.

Шаг 18

Ну вот, коллаж практически готов, хотя нельзя не заметить, что в некоторых местах фон не сочетается. Так что берем Clone Stamp Tool (Клонирующий штамп) и избавляемся от таких участков (они находятся на слое “BUILDING”).

Шаг 19

Дублируем самый большой из слоев с дымом и помещаем его на самый верх палитры слоев. Назовите его “FOG” и расположите таким образом, чтобы он покрыл туманом нижнюю часть композиции. Но только смотрите, чтобы он не загораживал слишком много деталей. Поставьте непрозрачность слоя примерно на 85%.

Дублируем слой “FOG”, поворачиваем и помещаем его на противоположную сторону холста.

Под конец создаем новый слой “FOG_FILLER” поверх слоев с туманом. Используя большую мягкую кисть, понажимайте несколько раз в кусочках дыма позади тумана. Можете менять размер кисти от 400 до 1000px, также меняйте количество нажатий кистью в одном месте, чтобы достичь различную плотность в пределах облака дыма.

Шаг 20

Выбираем все слои, которые мы до этого создавали, дублируем, а затем объединяем их в слой “FLATTENED”. Дублируем теперь его, переходим на копию, а затем Filter > Other > High Pass (Фильтр > Другое > Цветовой сдвиг). Ставим в настройках 2.0 пикселя и применяем. Меняем режим наложения на Overlay (Перекрытие).

Добавляем новый корректирующий слой – Кривые, чтобы усилить контраст и улучшить всеобщий цветовой тон.

Добавляем корректирующий слой Hue/Saturation и уменьшаем значение насыщенности.

Теперь добавим корректирующий слой Gradient Map (Карта градиента) со следующими настройками:

Шаг 21

Создаем новый слой под названием “HIGHS/LOWS” и заполняем его 50%-ным серым цветом. Используйте Burn Tool (Затемнитель), чтобы затемнить края холста, особенно в верхней части композиции. Это добавит необходимой глубины небу. Используйте скриншот ниже как подсказку.

Значительно уменьшаем размер кисти, чтобы затемнить участки на лице, он будет зависеть от того, какое место вы собираетесь обработать.

Обратите особое внимание на такие детали лица как веснушки и края губ.

Берем Dodge Tool (Осветлитель) и, используя такие же настройки как у затемнителя, начинаем осветлять те места, в которых вы хотите показать блики. Лучший подход в этом случае – обработка уже существующих на фото бликов вместо чрезмерного проявления креативности.

Вот как будет выглядеть изображение с выключенным слоем “HIGH/LOWS”.

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

Шаг 22

Дублируем слой “FLATTENED”, обесцвечиваем и инвертируем его. Применяем к нему 40-пиксельное размытие по Гауссу, настраиваем уровни, ставим режим наложения перекрытие и уменьшаем непрозрачность до 25% – тем самым мы выровняем тональный баланс.

Шаг 23

В принципе всё готово, но если вы хотите продолжить… Открываем в фотошоп текстуру бумаги (ссылка была в начале урока), затем переносим её на рабочий документ, помещаем поверх всех слоев и дублируем дважды, то есть в результате получится аж три слоя с бумагой. Итак самый верхний слой: режим наложения – Color Burn (Затемнение основы), непрозрачность 25%.

Настройки второго слоя – Color (Цветность) и 30%.

Ну а нижний слой – Hard Light (Жесткий свет), 30%. Это обеспечит отличное наложение текстур, которое не испортит контраста основного изображения, оставляя текстуру и изображение предельно четкими.

Заключение

Уф! :) Окей, это было небольшое введение в стиль “Стимпанк”. Теперь перед вами открылся удивительный мир паровых машин, персонажей и мест, которые можно воссоздать в фотошопе, используя изученные нами приемы. Удачи!