Таинственная атмосфера

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

Ресурсы

Для урока вам понадобятся следующие изображения и кисти. Но если хотите, можете воспользоваться и своими, похожими.

• Основной фон и девушка
• Небо
• Горы
• Город
• Кисти дождя (ABR, 927 KB)
• Молния
• Птица
• Ветки (ZIP, 3.9 MB)
• Кисти волос (ABR, 188 KB)
• Кисти птиц (ABR, 103 KB)

Шаг 1

Загружаем изображение с девушкой и открываем его в фотошоп. Просто случайная фотография, она не была задумана для этого урока (в принципе вы можете использовать и свою), короче говоря мы видим на ней неподходящую нам оранжевую одежду, или что это такое.
Займемся этим. Создаем новый слой (вы можете найти кнопку создания слоя, Create a new layer в нижней части палитры слоев. Если же кнопку найти не получается, просто жмём F7 на клавиатуре, либо находим в меню Window > Layer, тем самым включив палитру слоев, так как нам она ещё неоднократно понадобится).

Назовем как-нибудь этот слой, например “REMOVE CLOTHING”, что в переводе означает – удаление одежды. Можете вообще никак не называть слои, это для наглядности.
Теперь берем инструмент кисть Brush Tool (B), зажимаем Alt на клавиатуре, тем самым активируется Eyedropper Tool, снимем образец цвета со светлых участков неба. Теперь начинаем закрашивать одежду, пока вместо неё не появится небо.

Да, заметьте, мы не закрашиваем соломины на переднем фоне. Куст в правом нижнем углу не очень фотогеничный – вот его можно закрасить. Лучше добавим вместо него что-нибудь поинтереснее, но это потом. Ну а сейчас ваше изображение должно выглядеть примерно так:

Шаг 2

Как видите, небо, да и весь фон в целом выглядят довольно скучно – лишь немного голубого цвета и всё. Мы добавим горы. Но перед этим необходимо сделать выделение девушки и сохранить его.
Для этого воспользуемся инструментом лассо Lasso Tool (L).

Будьте осторожны, когда будете делать выделение, иначе вы не добьетесь реалистичности. Возможно это покажется утомительным и займет некоторое время, будьте терпеливы, хорошее выделение имеет для нас очень большое значение. Как я уже говорил, его нужно сохранить, чтобы использовать его позднее. Переходим Select > Save Selection. Назовём его например WOMAN. ОК.

Нажмите Ctrl + D на клавиатуре, чтобы снять выделение. Вскоре мы к нему вернемся.

Шаг 3

Загрузите изображение гор и перетащите их на нашу работу. Жмем Ctrl + T и делаем подходящие нам размер. Переименовываем слой и помещаем его поверх остальных слоев. Для того, чтобы слой хорошо сочетался с оставшейся частью изображения, меняем режим наложения слоя на перекрытие (Blending Mode на Overlay). Эту настройку вы сможете найти в верхней части палитры слоев.

Ну вот, горы стали лучше сочетаться с небом, хотя они и находятся на девушке, что выглядит мягко говоря необычно.

Пришло время использовать выделение, которое мы сохранили в предыдущем шаге. Добавляем маску на слой с горами (Add layer mask) в нижней части палитры слоев, рядом с кнопкой создания слоя.

Переходим в меню Selection > Load Selection, выбираем канал с девушкой, OK.

Берем кисть черного цвета. Убедитесь, что маска слоя активна (просто щелкните по ней) и закрасьте кистью то, что находится внутри выделения. В результате горы на девушке исчезнут. Вот так:

Ctrl + D, чтобы снять выделение с маски.

Шаг 4

Пожалуй было бы лучше, если бы горы были потемнее и не такие насыщенные. Исправим это. Создаем новый корректирующий слой уровни (Levels) поверх наших гор. Найдите соответствующую кнопку Create new fill or adjustment layer… где? Правильно, в нижней части палитры слоев.

Использование корректирующего слоя гораздо лучше коректировки самого изображения, потому всегда можно вернуться назад и отредактировать то, что вам необходимо, вы больше не ограничены числом шагов в истории. Также не придется что-либо переделывать. Так… мы немного отошли от темы. В общем у корректирующего слоя ставим настройки: 37; 0,66; 255.

Нам нужно, чтобы корректирующий слой влиял только на горы, но никак не на всё изображение. Чтож, щелкаем правой кнопкой по слою уровни и выбираем пункт создания обтравочной маски (Create Clipping Mask).

Чтобы уменьшить насыщенность гор, создадим корректирующий слой Тон/Насыщенность (Hue/Saturation), ставим значение насыщенности на -100.
В этом случае горы станут такого же цвета, что и небо. Создаем обтравочную маску.

В результате должно получиться так:

Шаг 5

Как я уже упоминал жо этого, небо выглядит немного скучновато из-за малого количества деталей. Добавим атмосферу драмы! Загрузите изображения облаков в нашу работу. Ctrl + T, чтобы сделать подходящий размер, затем Enter. Назовем этот слой. Для того, чтобы слой лучше сочетался меняем его режим наложения на мягкий свет (Soft Light) и помещаем его на левую часть изображения. Смотрите на скриншоте:

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

Правый клик по слою с облаками, выбираем из меню дублирование слоя (Dublicate Layer. Меняем режим наложения на Soft Light и удаляем текущую маску слоя. Добавляем новую, красим её черной кистью в следующих местах:

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

Шаг 6

Солнце не вписывается в ту атмосферу, которую мы пытаемся воссоздать, так что закроем его облаками. Дублируем один из слоев с облаками из предыдущего шага. Так как солнце представляет из себя белое пятно, то режим наложения Soft Light не будет работать (он бы оставил участок белым), используем вместо него умножение (Multiply). И вот что получается:

Чтобы этот слой лучше вписывался, сделаем его светлее и создадим мягкий переход между слоем и всем остальным. Во-первых, меняем непрозрачность (Opacity) слоя на 50%

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

Как видите, слой содержит меньше голубых оттенков, чем само изображение, что не очень реалистично. Чтобы поправить это, добавляем корректирующий слой Color Balance поверх слоя COVER SUN.

Создаем обтравочную маску.

Шаг 7

Нам нужна драмматическая атмосфера. Драма означает контраст, и это изображение – не исключение. А по горам на заднем фоне этого не скажешь. Займемся этим. Поверх всех слоев добавляем новый корректирующий слой Selective Color так же, как на рисунке ниже:

Корректирующий слой действует и на девушку, а этого быть не должно. Переходим Select > Load Selection, выбираем WOMAN. Это активирует маску на девушке. Берем черную кисть и рисуем по маске в выделении. Изображение бы выглядело лучше, если бы в нем было поменьше насыщенности. Это легко исправить, добавим новый корректирующий слой Тон/Насыщенность (Hue/Saturation), ставим значение насыщенности на -25.

Шаг 8

Давайте сфокусируемся на увеличении контрастности девушки. Будем использовать два корректирующий слоя уровни – один для бликов, другой для теней.
Начнем с бликов. Создаем слой уровни (Levels) с настройками 0; 2,96; 255. Режим наложения – Люминесценция (Luminosity), ведь слой не должен затрагивать цвета, только блики.

Берем инструмент градиент (Gradient Tool (G)), черный цвет и заполняем им маску корректирующего слоя. Берем кисть с диаметром 2-5 пикселей и начинаем закрашивать зоны с бликами, чтобы сделать их ещё светлее. Внизу я выделил красным те места, которые закрасил сам.

Переходим от бликов к теням. Снова добавляем корректирующий слой уровни с режимом наложения Люминесценция, но на этот раз настройки будут: 0; 0,13; 255. Снова создаем и заполняем маску слою черным цветом.

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

Обтратите внимание, что я также закрасил участки травы на переднем фоне, чтобы они лучше выделялись. Вам тоже следует сделать это. Итак:

Шаг 9

В этом шаге будем действовать аналогично предыдущему. Только сейчас мы будем фокусироваться на увеличении контраста облаков. Начнем с теней – корректирующий слой уровни с режимом наложения – люминесценция и настройками: 0; 0,68; 255. Заполняем маску этого слоя черным цветом.

Теперь берем кисть диаметром 5-8px и рисуем поверх теней, чтобы сделать их ещё темнее.

Ну а блики должны быть светлее. Аналогично. Вот настройки корректирующего слоя: 0; 1,62; 255.

Красим кистью поверх бликов, получаем:

Вся картинка должна быть потемнее, добавляем корректирующий слой уровни с настройками 0; 0,81; 255 и режимом наложения – люминесценция. В результате:

Шаг 10

Загружаем фото города и перетаскиваем его на нашу работу, нажмите Ctrl + T, чтобы сделать размер более подходящим.
Поместите его на то же место, что и на скриншоте.
Добавляем маску для слоя с городом, берем черную непрозрачную кисть и рисуем по небу над городом, потому что нам надо его скрыть.

Меняем режим наложения слоя на Soft Light. Это сделаем дома более светлыми и создаст впечатление того, что они находятся далеко в тумане.

Шаг 11

Надо сделать город более светлым и менее насыщенным. Добавляем слой уровни(Levels) с настройками 0; 1,10; 255. Не забывайте про обтравочную маску.

Чтобы уменьшить насыщенность добавляем слой Hue/Saturation с параметром насыщенности -70.

Вот что мы имеем в результате:

Шаг 12

Действие на изображении происходит во время рассвета или сумерек. Это означает, что в домах должен гореть свет. Поверх всех слоев добавим новый, возьмем кисть 1px с непрозрачностью 80% и нарисуем маленькие окошечки в домах. Посмотрите на скриншот и вы поймете, о чем я говорю.

Добавим свечение вокруг города. Создаем новый слой, берем белую кисть диаметром 300px и 25% непрозрачностью. Рисуем одно большое пятно поверх города. Старайтесь, чтобы свет не попадал на землю, это будет нереалистично.

Смотрим на скриншот:

Шаг 13

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

Придадим кустам трехмерный вид при помощи стилей слоя Bevel and Emboss. Нажмите на кнопку Add a layer style, которая находится в нижней части палитры слоев и выберите опцию Bevel and Emboss.

Устанавливаем такие же настройки, как на скриншоте:

Переходим во вкладку – наложение градиента (Gradient Overlay) и ставим следующие настройки:

В итоге получаем:

Шаг 14

Мы создаем пасмурную ветренную погоду. Чтобы создать ощущение ветра, добавим девушке развевающихся волос. Создаем новый слой, загружаем кисти волос в фотошоп (ссылку вы найдете в начале урока). Теперь выбираем одну из установленных кистей, зажимаем Alt, тем самым сняв образец цвета волос девушки. Рисуем волосы.

Чтобы придать волосам реалистичный вид, надо добавить на них немного бликов. Берем мягкую круглую кисть диаметром 1px и непрозрачностью около 30%. Зажмите Alt, чтобы снять образец светлого цвета с волос.
Рисуем блики так же, как показано на скриншоте:

Шаг 15

Я думаю, что облака заслужили большего контраста, ведь на улице – шторм. С бликами всё ОК, но тени нуждаются в корректировке. Мы уже делали подобное на предыдущем этапе.
Итак, корректирующий слой уровни с режимом наложения люминесценция и настройками: 0; 0,45; 255. Теперь заливаем маску этого слоя черным цветом.
Берем кисть диаметром 2-5px и непрозрачностью около 15%. Рисуем ей поверх теней, чтобы сделать их ещё темнее. Там, где рисовал я, подсвечено красным на скриншоте:

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

Шаг 16

Добавим четкости изображению. Жмем Ctrl + A, чтобы выделить изображение, затем Ctrl + Shift + C, чтобы скопировать его со слитыми слоями. Ну и вставляем Ctrl + V. Помещаем слой поверх других слоев и переименовываем. Переходим Filter > Other > High Pass, ставим такое значение радиуса, чтобы изображение приняло примерно следующий вид:

Ставим режим наложения – перекрытие (Overlay). В принципе нам нужно увеличить четкость только объектов переднего плане а не гор или облаков. Для этого на текущий слой добавляем маску и закрашиваем черной кистью те места, которые не должны быть такими четкими.

Шаг 17

Справа от головы девушки есть маленькие белые облака и выглядят они не очень. Будем их ретушировать.

Добавляем новый слой, назовем его например CLOUDS RETOUCH. Воспользуемся инструментом штамп (Stamp Tool (S)), чтобы избавиться от облаков.

Шаг 18

Открываем в фотошоп фотографию птицы и перетаскиваем её на ннаше творение. Жмем Ctrl + T, чтобы изменить размер на подходящий. Используем инструмент лассо (Lasso Tool (L)), чтобы вырезать задний фон. Как видитеб птица слишком темная и не вписывается в обстановку. Добавляем корректирующий слой уровни с настройками: 17; 2,93; 255.

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

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

Шаг 19

Итак, теперь нам следует сделать изображение немного темнее и контрастнее. Создаем новый корректирующий слой Selective Color, настраиваем так же, как на скриншоте:

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

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

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

Шаг 20

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

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

Наверное вы заметили, что светлый треуголник всё ещё видимый. Для того, чтобы спрятать его – новый корректирующий слой уровни с настройками: 62; 1,00; 255. Прямоугольник должен исчезнуть.

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

Шаг 21

Изображение будет более сбалансированным, если около девушки появится ещё одна молния, поменьше. Дублируем слой с большой молнией, жмем Ctrl + T, чтобы уменьшить размер. Передвигаем её в то же место,что и на скриншоте. Добавляем на молнию слой уровни с такими же настройками, как и в предыдущем шаге. Ну и обтравочную маску тоже.
Выглядит неестественно, потому что в природе не бывает абсолютно одинаковых вещей. Сначала мы перевернем молнию Edit > Transform > Flip Horizontal а затем Edit > Transform > Warp. Появится сетка, изменяем вид и жмем Enter.

Смотрим, что у нас должно получиться, на скриншоте:

Шаг 22

В этом шаге мы добавим один недостающий элемент – дождь. Загружаем кисти с дождем и устанавливаем в фотошоп. Создаем новый слой, берем инструмент градиент (Gradient Tool (G)) и заполняем слой спрошным ченым цветом.
Меняем режим наложения на Screen. В этом нет сильной необходимости, в принципе мы можете сразу рисовать дождь на новом слое. Но если вы поступите так же, как и я, вы легко сможете переключиться между режимами наложения и точно увидеть, где именно нужно рисовать дождь, а также без труда исправить ошибки.
Для того, чтобы было реалистично, мы не будем рисовать дождь по всему изображению, на скриншоте вы можете посмотреть, в каких местах рисовал я (на скрине режим наложения – Normal).

Ещё одна важная вещь для достичжения реалистичности – во всех местах дождь должен быть наклонен под одним углом.

Шаг 23

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

Теперь переходим Select > Load Selection и выбираем канал Woman. Также отметьте опцию Invert и жмите ОК.

Убедившись, что маска корректирующего слоя активна, переходим Edit > Fill, используем черный цвет.

Нам нужно подкорректировать цвета. Создаем новый корректирующий слой Color Balance, настраиваем следующим образом:

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

Шаг 24

Финальное изображение содержит больше голубых/зеленых тонов, а облака не очень контрастны. Добавляем новый корректирующий слой Color Balance со следующими настройками:

Теперь переключимся на изменение контраста. Я считаю, что некоторые места должны быть немного светлее – это добавит баланса изображению. Я подсветил эти места красным на скриншоте:

Добавляем новый слой, берем мягкую круглую кисть с непрозрачностью около 15%, зажимаем Alt на клавиатуре и щелкаем по какому-нибудь светлому синему участку неба, чтобы выбрать цвет. Теперь рисуем кистью по тем местам, которые были подсвечены красным на предыдущем скриншоте.

Шаг 25

Мы уже практически завершили урок. Осталось несколько второстепенных моментов. Во-первых, добавляем карту градиента (Gradient Map) со следующими настройками:

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

В результате у вас должно получиться так же, как и на скриншоте:

Заключительный шаг

Добавляем новый слой и заполняем его сплошным белым цветом. Переходим Filter > Lens Correction (расположение может отличаться в зависимости от версии фотошопа, если не можете найти, просто нажмите Shift + Ctrl + R на клавиатуре). Смотрите настройки на скриншоте:

Теперь меняем режим наложения слоя на умножение (Multiply).

Финальное изображение

Вы можете скачать PSD-исходник этого урока: Against the Storm.zip | 5 MB