Создаём Сюрреалистическую Картину в Фотошоп

by admin · 14.07.2015

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

Исходные материалы

Шаг 1

Вначале создайте новый документ (600X700px).

Откройте изображение с пейзажем. Переместите данное изображение на наш рабочий документ, расположив / применив масштабирование, как показано на скриншоте ниже.

2-4784079

Шаг 2

Далее, уменьшите Непрозрачность (opacity) слоя с пейзажем до 45%, а затем с помощью слой-маски, обработайте верхнюю часть изображения (используйте большую мягкую чёрную кисть на маске слоя).

3-7988516

Теперь к слою с пейзажем, добавьте корректирующий слой Цветовой тон / Насыщенность(hue/saturation). Не забудьте преобразовать данный корректирующий слой в обтравочную маску к слою с пейзажем, таким образом, коррекция данного корректирующего слоя будет воздействовать только на нижний слой, т.е. слой с пейзажем.

Настройки для корректирующего слоя Цветовой тон / Насыщенность (Hue/Saturation):

Цветовой тон (Hue): 0
Насыщенность (Saturation): -60
Яркость (Lightness): 0

4-2772291

Шаг 3

Далее, откройте исходную текстуру с помятой бумагой. Переместите данную текстуру бумаги на наш рабочий документ, повернув / применив масштабирование. Уменьшите непрозрачность слоя с текстурой бумаги до 25%. Уменьшение непрозрачности создаст нежный эффект наложения.

5-4434605

Шаг 4

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

Назовите слои с узорами ‘цветы на заднем фоне’. Далее, уменьшите непрозрачность этих слоёв до 25%, а затем с помощью слой-маски, обработайте цветочные узоры, чтобы совместить их с основным задним фоном:

7-4118278

Шаг 5

Далее, создайте новый слой, назовите этот слой ‘Круг’. Создайте большое круглое выделение в центре нашей композиции, а затем залейте выделенную область Радиальным градиентом grad_radial-7260236(radial gradient). Цвета градиента от 90294b до 631c34.

9-9415057

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

10-3179728

Шаг 6

Далее, с помощью инструмента Пипетка pipetka-5911983(eye-dropped tool), отберите образец цветового оттенка с заднего фона.

Создайте новый слой, назовите этот слой ‘Произвольные линии’. С помощью кисти 1px, нарисуйте произвольные линии в пределах нарисованного круга:

11-4917812

Шаг 7

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

Итак, добавьте цветочный узор, как показано на скриншоте ниже.

12-4659168

Далее, идём Редактирование – Трансформация — Деформация (edit>transform>warp). С помощью инструмента Деформация (warp tool), деформируйте цветочный узор, чтобы он подходил под изгиб круга.

13-7867842

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

14-3054859

К этому же слою с цветочным узором, примените стиль слоя Наложение цвета (color overlay).

Примените следующие настройки для стиля слоя Наложения цвета (Color Overlay):

Режим наложения (Blend Mode): Мягкий свет (Soft Light)
Цвет (Color): e70000
Непрозрачность (Opacity): 100%

15-6560649

Шаг 8

Теперь, повторите Шаг 7, добавив ещё цветочные узоры по контуру вашего круга:

17-5339584

Шаг 9

Теперь откройте исходное изображение с вороном. Вы можете отделить изображение ворона от заднего фона с помощью любой техники выделения, с которой вам легче работать, лично я использовал инструмент Лассо lasso-2894878(lasso tool), т.к. я знал, что нам не понадобится задний фон на данном изображении.

18-8953780

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

Настройки для корректирующего слоя Цветовой тон / Насыщенность (Hue/Saturation):

Цветовой тон (Hue): 0
Насыщенность (Saturation): -100
Яркость (Lightness): -10

Настройки для корректирующего слоя Уровни (Levels):

36 / 1.00 / 253

19-1255770

Шаг 10

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

На скриншоте ниже видно, я использовал радиальные градиенты, цвета градиентов от голубого до прозрачного, от оранжевого до прозрачного и от белого до прозрачного (каждый градиент должен быть использован на отдельном слое). Далее, я уменьшил непрозрачность каждого слоя с градиентом до, примерно 10-20%, а также поменял режим наложения для каждого слоя на Перекрытие (overlay). Это добавит по-настоящему нежные и в то же время привлекательные цветовые оттенки к нашей картине:

21-8401789

Шаг 11

Создайте новый слой, назовите этот слой ‘Блик’.

Залейте слой чёрным цветом, поменяйте режим наложения для данного слоя на Осветление (screen). Данный режим скроет чёрную заливку, но позволит вам применить блик без негативного воздействия на пиксели. Итак, идём Фильтр – Рендеринг – Блик  (filter>render>lens flare) и в появившемся окне, установите Тип объектива (Lens Type) 50-300mm Zoom, а значение Яркости (Brightness) на 100%. Постарайтесь расположить блик на глаз ворона. Чтобы расположить правильно блик, возможно, у вас уйдёт несколько попыток.

Как только вы расположили блик, далее, уменьшите непрозрачность слоя с бликом до 80%. На скриншотах ниже, вы можете увидеть слой с бликом при режиме Нормальный (normal), а также результат при режиме Осветление (screen).

23-5323124

Шаг 12

Далее, добавьте текст в нижней части нашей картины, напишите слово ‘flight’.

Настройки для шрифта:

Шрифт: FatC Размер шрифта: 82pt Цвет: 831d15

Кернинг (Kerning): 0

25-4181315

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

26-2695071

Шаг 13

С помощью инструмента Прямоугольная областьmarque-9189263(marquee tool), создайте прямоугольную область. Создайте прямоугольную фигуру, залейте созданный прямоугольник цветовым оттенком d2d2d2. Далее, не снимая активного выделения, идём Выделение – Модификация — Сжать (select>modify>contract) и применяем значение сжатия на 30px. Далее, нажмите клавишу (delete), и вы получите красивый прямоугольник.
Примечание переводчика: не будьте создать новый слой.

27-6691126

Теперь к слою с прямоугольником, примените стиль слоя Внутренняя тень (inner shadow), чтобы придать прямоугольнику красивый вид.

Примените следующие настройки для стиля слоя Внутренняя тень (Inner Shadow):

Режим наложения (Blend Mode): Нормальный (Normal)
Непрозрачность (Opacity): 100%
Цвет (Color): ffffff
Угол (Angle): 120
Смещение (Distance): 5px
Стягивание (Choke): 0%
Размер (Size): 7px

28-8031860

Шаг 14

Теперь идём Редактирование – Трансформация — Искажение (edit>transform>distort), чтобы придать искажение к фигуре прямоугольника и создать ощущение перспективы.

30-7132459

Создайте новый слой ниже слоя с фигурой прямоугольника, назовите этот слой ‘тёмные плоскости’. Теперь, с помощью инструментов Лассо lasso-2894878

31-4349497

Теперь, сместите 3D рамку вверх, расположив в верхнем левом углу картины. Создайте новый слой ниже слоя с прямоугольной рамкой, назовите этот слой ‘затенение за рамкой’, а затем, с помощью большой мягкой кисти чёрного цвета и с низкой непрозрачностью, нарисуйте тени, прокрасив верхний левый угол картины. Это поможет создать ощущение глубины, т.к. наш взгляд устремлён через рамку.

32-9134011

Шаг 15

Теперь откройте изображение пера в новом документе.

Для отделения пера от заднего фона, мы используем технику выделения с помощью Цветовогодиапазона (color range). Это самый простой способ, т.к. изображение имеет белый задний фон. Просто идём Выделение – Цветовой диапазон (select>color range).

Далее, с помощью Пипетки pipetka-5911983(eye dropper tool), щёлкните по белому заднему фону. Нажмите кнопку ‘OK’, а затем идём Выделение – Инверсия (select>inverse) для инверсии активного выделения (таким образом, создав выделение вокруг пера). Скопируйте / вклейте перо на наш рабочий документ, далее, с помощью маски или ластика, почистите края изображения пера:

33-2884070

Шаг 16

Далее, продублируйте слой с пером. Уменьшите масштаб дубликата с пером, а затем сместите перо вверх, расположив поверх прямоугольной рамки. С помощью инструментов Искажения (distort tools), деформируйте перо, чтобы оно отличалось от оригинального пера, добавив разнообразие к нашей картине.

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

35-2325000

Шаг 17

Теперь нам нужно совместить наше перо с окружающей обстановкой. Для этого, к дубликату слоя с пером, добавьте корректирующий слой Цветовой тон / Насыщенность (hue/saturation), а также корректирующий слой Уровни (levels). Не забудьте преобразовать каждый корректирующий слой в обтравочную маску, чтобы коррекция указанных корректирующих слоёв воздействовала только на слой с пером, а не на всю композицию:

Настройки для корректирующего слоя Цветовой тон / Насыщенность (Hue/Saturation):

Цветовой тон (Hue): 0
Насыщенность (Saturation): -100
Яркость (Lightness): 0

Настройки для корректирующего слоя Уровни (Levels):

19 / 1.00 / 241

36-1171380

Шаг 18

Теперь, создайте ещё один дубликат слоя с пером, но на этот раз сохраните размер пера. Примените те же самые корректирующие слои к слою с пером, чтобы уменьшить насыщенность, а также провести коррекцию уровней. Далее, идём Фильтр – Размытие- Размытие по Гауссу (filter>blur>gaussian blur). Примените радиус размытия 3.8px. С помощью фильтра размытия мы создадим ощущение глубины, т.к. размытое перо будет казаться ближе к наблюдателю.

38-7792997

Шаг 19

Теперь, повторите технику, добавьте ещё перьев. Не забудьте применить корректирующие слои к каждому слою с пером, а также варьировать радиус размытия, применяя наибольшее размытие к перьям на переднем плане, для акцентирования глубины резкости. Также, не забывайте использовать инструмент Деформация (warp tool) для разнообразия перьев, а также поможет повторить контур центрального круга при деформации перьев:

39-6102531

Шаг 20

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

На скриншотах ниже, вы можете увидеть применение радиальных градиентов при непрозрачности слоя 100%, а также результат при непрозрачности слоя 20% и режиме наложения Перекрытие (overlay):
Примечание переводчика: для создания эффекта, используйте несколько слоёв.

40-4123507

Шаг 21

Создайте новый слой, назовите этот слой ‘осветление / затемнение’. Далее, идём Редактирование – Выполнить заливку (edit>fill), залейте слой 50% серым (50% gray). Это позволит вам проводить осветление / затемнение без повреждения пикселей.

Поменяйте режим наложения на Перекрытие (overlay), чтобы скрыть 50% серую заливку, а затем с помощью мягкой чёрной кисти (непрозрачностью примерно 10%), добавьте затемнение на изображение. Далее, используя ту же самую кисть, установите цвет кисти на белый оттенок, начните добавлять световые блики. Таким образом, мы легко можете добавить светотени к своему изображению.

На скриншотах ниже, вы можете увидеть участки применения инструментов осветлительdodge-2034530

41-6371715

Шаг 22

Далее, добавьте 3 заключительных корректирующих слоя поверх всех остальных слоёв. НЕ преобразовывайте эти корректирующие слои в обтравочные маски, т.к. мы проводим общую коррекцию всей картины.

Настройки для корректирующего слоя Цветовой тон / Насыщенность (Hue/Saturation):

Цветовой тон (Hue): 0
Насыщенность (Saturation): -20
Яркость (Lightness): 0

Настройки для корректирующего слоя Карта градиента (Gradient Map):

Цвета градиента: от ae8108 до 053141
Непрозрачность (Opacity): 15%
Режим наложения (Blend Mode): Нормальный (Normal)

Настройки для корректирующего слоя Уровни (Levels):

20 / 0.94 / 236

43-7620480

Шаг 23

В завершении, нам нужно применить резкость к центральной части нашей композиции. Самый простой и безопасный способ – это создать объединённый слой, а затем продублировать объединённый слой.

Далее, идём Фильтр – Резкость – Контурная резкость (filter>sharpen>unsharp mask).

Примените следующие настройки для фильтра Контурная резкость (Unsharp Mask):

Эффект (Amount): 80%
Радиус (Radius): 4.0 pixels
Порог (Threshold): 0 levels

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

45-8022507

И мы завершили урок!

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

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

47-4969881

Автор: Tom Ross
Переводчик: Садыгалиев Марат

photoshop4you