Advertisement
  1. Design & Illustration
  2. Photo Manipulation
Design

Создаём Сюрреалистическую Сцену в Adobe Photoshop

by
Difficulty:IntermediateLength:MediumLanguages:
This post is part of a series called Communication Week.
How to Create a Mobile Phone Icon Pack in Adobe Illustrator
27 Creative Infographic Templates

Russian (Pусский) translation by Marat Sadygaliev (you can also view the original English article)

Final product image
What You'll Be Creating

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

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

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

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

1. Создаём Основной Пейзаж

Шаг 1

Создайте новый документ в Photoshop со следующими размерами 1440 x 1089 px, включая остальные настройки, которые указаны ниже:

new file

Шаг 2

Откройте исходное изображение с небом. Переместите данное изображение с небом на наш рабочий документ с помощью инструмента Перемещение (Move Tool (V), расположив в верхней половине холста. Преобразуйте данный слой с небом в Смарт-объект (Smart Object).

add sky

Уменьшите Непрозрачность (Opacity) данного слоя до 50%.

sky lowered opacity

Шаг 3

Чтобы смягчить небо, идём Фильтр – Размытие- Размытие по Гауссу (Filter > Blur > Gaussian Blur). Установите Радиус (Radius) размытия на 3 px.

sky gaussian blur

Шаг 4

Далее идём Слой- Новый корректирующий слой - Цветовой тон / Насыщенность (Layer > New Adjustment Layer > Hue/Saturation). Уменьшите значение Насыщенности (Saturation) до -69:

sky hue saturation

Шаг 5

Добавьте корректирующий слой Кривые (Curves), чтобы усилить яркость неба. Далее, перейдите на маску данного корректирующего слоя и с помощью мягкой чёрной кисти, прокрасьте левую часть изображения, чтобы скрыть коррекцию осветления. Мы собираемся расположить источник света в правой части сцены, поэтому, левая часть должна быть темнее.

sky curves1
sky curves 1 masking

Шаг 6

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

sky curves 2

Шаг 7

Откройте исходное изображение с полем, а затем переместите данное изображение на наш рабочий документ. С помощью инструмента Свободная трансформация (Free Transform Tool (Ctrl+T), уменьшите размеры изображения в соответствии с размерами холста. Преобразуйте данный слой с полем в Смарт-объект (Smart Object).

add field

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

field masking

Шаг 8

К слою с полем, примените фильтр Размытие по Гауссу (Gaussian Blur) с радиусом размытия 4 px.

field gaussian blur

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

field gaussian blur masking

Шаг 9

Добавьте корректирующий слой Цветовой тон / Насыщенность (Hue/Saturation) в качестве обтравочной маски к слою с полем. Уменьшите значение Насыщенности (Saturation) до -79:

field hue saturation

Шаг 10

Добавьте корректирующий слой Фото Фильтр (Photo Filter). Установите цвет фильтра #0665da. Примечание переводчика: не забудьте преобразовать данный корректирующий слой, а также последующие корректирующие слои в обтравочные маски к слою с полем.

field photo filter

Шаг 11

Добавьте корректирующий слой Кривые (Curves) для осветления поля. Далее, перейдите на маску данного корректирующего слоя и с помощью мягкой чёрной кисти, прокрасьте левую часть изображения, поскольку эта часть сцены будет менее яркой, чем правая.

field curves 1

Шаг 12

Добавьте ещё один корректирующий слой Кривые (Curves), чтобы дополнительно осветлить правую часть сцены. Тёмные участки, указанные на скриншоте ниже, это участки, которые необходимо прокрасить на слой-маске.

field curves 2
field curves 2 layer mask
field curves 2 masking result

2. Создаём Колонны

Шаг 1

Откройте исходное изображение с колоннами. С помощью инструмента Прямоугольное лассо (Polygonal Lasso Tool (L), выделите лицевую поверхность правой колонны, а затем переместите выделенный фрагмент колонны на наш рабочий документ, расположив в левой части сцены.

add column 1

С помощью слой-маски, совместите нижнюю часть колонны с травой на земле.

column 1 masking

Шаг 2

К слою с колонной примените фильтр Размытие по Гауссу (Gaussian Blur) с радиусом размытия 4 px, поскольку колонна находится в размытой области.

column 1 gaussian blur

Шаг 3

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

add column 2

Шаг 4

Выделите слои с колоннами, а затем нажмите клавиши (Ctrl+G), чтобы сгруппировать их в одну группу. Поменяйте режим наложения для слоя с группой на Нормальный (Normal), непрозрачность слоя 100%. Добавьте корректирующий слой Цветовой тон / Насыщенность (Hue/Saturation) внутри созданной группы. Уменьшите значение Насыщенности (Saturation) до минимума.

columns hue saturation

Шаг 5

Добавьте корректирующий слой Цветовой Баланс (Color Balance), чтобы изменить цвет колонн:

columns color balance

Шаг 6

Добавьте корректирующий слой Фото Фильтр (Photo Filter). Установите следующий цвет фильтра #dcafaf:

columns photo filter

Шаг 7

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

columns curves 1

Шаг 8

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

columns curves 2

Шаг 9

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

load column 1 selection

Залейте выделенную область чёрным цветом, а затем с помощью свободной трансформации (Ctrl+T), расположите тень на земле, сделав её уже.

transform column 1 shadow

Уменьшите Непрозрачность (Opacity) слоя с тенью до 30%.

column 1 shadow completed

Шаг 10

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

column 2 shadow

3. Ретушируем Модель

Шаг 1

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

add model

К слою с моделью, добавьте слой-маску, чтобы совместить ноги модели с травой, а также удалить голову модели.

model masking

Шаг 2

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

model shadow

Шаг 3

Добавьте корректирующий слой Цветовой тон / Насыщенность (Hue/Saturation). Уменьшите значение Насыщенности (Saturation) до -74: Примечание переводчика: не забудьте преобразовать данный корректирующий слой, а также последующие корректирующие слои и слой с заливкой серым в обтравочные маски к слою с моделью.

model hue saturation

Шаг 4

Чтобы добавить нежные тона к изображению модели, используйте корректирующий слой Цветовой Баланс (Color Balance).

model color balance

Шаг 5

Модель выглядит слишком тёмной, поэтому, добавьте корректирующий слой Кривые (Curves), чтобы осветлить модель. Далее, перейдите на маску данного корректирующего слоя и с помощью мягкой чёрной кисти, прокрасьте выделенные участки, поскольку это участки тени.

model curves

Шаг 6

Создайте новый слой, поменяйте режим наложения на Перекрытие (Overlay), непрозрачность слоя  100%, а также выполните заливку 50% нейтральным серым (fill it with 50% gray):

model DB new layer

Выберите инструмент Осветлитель / Затемнитель (Dodge and Burn Tool (O) в панели управления данного инструмента, установите Диапазон (Range) на Средние тона (Midtones), значение Экспозиции (Exposure) примерно 20-25%. Теперь проведите коррекцию светотеней на изображении модели, в частности, добавив блики к чемоданчику. Вы можете увидеть мою обработку при режиме Нормальный (Normal) и результат при режиме Перекрытие (Overlay) на скриншоте ниже:

model DB result

4. Добавляем Дерево

Шаг 1

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

add branch 1

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

branches 1 masking

Шаг 2

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

add more branches

Шаг 3

Сгруппируйте все слои ветками в одну группу, а затем добавьте корректирующий слой Цветовой тон / Насыщенность (Hue/Saturation), чтобы обесцветить ветви. Примечание переводчика: не забудьте поменять режим наложения для слоя с группой на Нормальный (Normal), непрозрачность слоя 100%, а затем добавьте корректирующий слой Цветовой тон / Насыщенность (Hue/Saturation) внутри созданной группы.

tree hue saturation

Шаг 4

Добавьте корректирующий слой Цветовой Баланс (Color Balance), чтобы добавить нежные тёплые тона к ветвям дерева.

tree color balance

Шаг 5

Добавьте корректирующий слой Кривые (Curves), чтобы сделать ветви немного светлее.

tree curves

5. Добавляем Телевизор

Шаг 1

Откройте исходное изображение с телевизором. Вырежьте изображение телевизора. А затем переместите его на наш рабочий документ, расположив поверх ветвей дерева. К слою с телевизором, добавьте слой-маску, а затем с помощью чёрной кисти, удалите отдельные участки телевизора, чтобы были видны ветви.

add tv

Шаг 2

Добавьте корректирующий слой Цветовой Баланс (Color Balance), чтобы добавить нежные тёплые тона к телевизору:

tv color balance

Шаг 3

Добавьте корректирующий слой Кривые (Curves), чтобы сделать ТВ немного светлее. Далее, перейдите на маску данного корректирующего слоя и с помощью мягкой чёрной кисти, прокрасьте выделенные участки, поскольку это участки расположены в области тени.

tv curves

Шаг 4

Создайте новый слой, поменяйте режим наложения на Перекрытие (Overlay), непрозрачность слоя  100%, а также выполните заливку 50% нейтральным серым (fill it with 50% gray): Выберите инструмент Осветлитель (Dodge Tool (O) в панели управления данного инструмента, установите Диапазон (Range) на Света (Highlights), чтобы усилить блики на телевизоре. Далее, Выберите инструмент Затемнитель (Burn Tool (O) в панели управления данного инструмента, установите Диапазон (Range) на Средние тона (Midtones), чтобы усилить тени на телевизоре. Вы можете увидеть мою обработку при режиме Нормальный (Normal) и результат при режиме Перекрытие (Overlay) на скриншоте ниже:

tv DB

Шаг 5

Создайте новый слой поверх слоя с телевизором. Загрузите выделение вокруг изображения дерева, для этого, удерживая клавиши (Ctrl+Shift), щёлкните по миниатюре слоёв с ветвями, а затем залейте выделение чёрным цветом.

load tree selection

Уменьшите Непрозрачность (Opacity) данного слоя с тенью до 60%, а затем сместите тень слегка влево.

tree shadow lowered opacity

К слою с тенью, примените фильтр Размытие по Гауссу (Gaussian Blur) с радиусом размытия 3 px и с помощью слой-маски, удалите лишние участки тени. расположенные за пределами контура телевизора.

tree shadow gaussian blur

6. Добавляем Листья

Шаг 1

Откройте исходное изображение с листьями. Выделите листик, который вам понравился, а затем переместите понравившийся листик на наш рабочий документ, расположив в нижней части на переднем плане. С помощью свободной трансформации (Ctrl+T) в режиме Деформация (Warp), деформируйте листик, как показано на скриншоте ниже:

add leaf

Шаг 2

К слою с листиком, примените фильтр Размытие по Гауссу (Gaussian Blur) с радиусом размытия 8 px:

leaf gaussian blur

Шаг 3

Продублируйте слой с листиком несколько раз, разбросав их по всей сцене. Варьируйте размеры и формы листьев с помощью инструмента Деформация (Warp Tool), включая радиус размытия фильтра Размытие по Гауссу (Gaussian Blur), чтобы усилить глубину резкости.

add more leaves

Шаг 4

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

leaves hue saturation

Шаг 5

Добавьте корректирующий слой Кривые (Curves), чтобы сделать листья немного светлее. Далее, перейдите на маску данного корректирующего слоя и с помощью мягкой чёрной кисти, прокрасьте левые и нижние стороны листьев, чтобы скрыть коррекцию осветления, поскольку эти участки скрыты от попадания основного света, чем остальные участки.

leaves curves
leaves curves masking
leaves curves masking result

7. Проводим Заключительную Цветовую Коррекцию

Шаг 1

Добавьте корректирующий слой Карта градиента (Gradient Map) поверх всех остальных слоёв. Установите следующие цвета градиента: #c598a1 и #114755. Уменьшите Непрозрачность (Opacity) данного корректирующего слоя до 20%.

whole scene gradient map

Шаг 2

Добавьте корректирующий слой Цветовой Баланс (Color Balance). Установите настройки для Средних тонов (Midtones) и Света (Highlights), которые указаны на скриншота ниже:

whole scene color balance 1
whole scene color balance 2

Шаг 3

Добавьте корректирующий слой Кривые (Curves), чтобы усилить освещение и контраст всей сцены.

whole scene curves 1

Шаг 4

Добавьте ещё один корректирующий слой Кривые (Curves), чтобы усилить тени в левой части сцены. Далее, перейдите на слой-маску данного корректирующего слоя и с помощью мягкой чёрной кисти, прокрасьте правую часть сцену, поскольку это освещаемая область.

whole scene curves 2

Шаг 5

Добавьте корректирующий слой Вибрация (Vibrance), чтобы усилить заключительный результат:

whole scene vibrance

Поздравляю! Мы завершили урок!

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

final result
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.