7 days of PS Actions, graphics, templates & fonts - for free!* Unlimited asset downloads! Start 7-Day Free Trial
Advertisement
  1. Design & Illustration
  2. Photo Manipulation

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

Scroll to top
Read Time: 10 mins

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

Final product imageFinal product imageFinal product image
What You'll Be Creating

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

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

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

1. Добавляем Подводную Сцену

Шаг 1

Создайте новый документ 1500 x 1263 px в программе Photoshop со следующими настройками:

new filenew filenew file

Шаг 2

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

adding underwateradding underwateradding underwater

Шаг 3

К слою с Подводной сценой, добавьте корректирующий слой Цветовой тон / Насыщенность (Hue/Saturation) в качестве обтравочной маски, чтобы уменьшить насыщенность изображения подводной сцены. Идём Слой – Новый корректирующий слой – Цветовой тон / Насыщенность (Layer > New Adjustment Layer > Hue/Saturation). Уменьшите значение Насыщенности (Saturation) до - 79:

underwater hue saturationunderwater hue saturationunderwater hue saturation

Шаг 4

Добавьте корректирующий слой Цветовой Баланс (Color Balance). Поменяйте настройки для Средних тонов (Midtones), чтобы добавить немного вибрации к подводной сцене. Примечание переводчика: здесь и далее, не забывайте преобразовывать корректирующие слои в обтравочные маски.

underwater color balanceunderwater color balanceunderwater color balance

Шаг 5

Далее, добавьте слой-заливку, чтобы снизить видимость подводной сцены и добавить немного глубины. Идём Слой- Новый слой-заливка – Цвет (Layer > New Fill Layer > Solid Color). Выберите тёмно-голубой оттенок средних тонов (я выбрал цветовой оттенок #2e595c). Уменьшите Непрозрачность (Opacity) данного слоя до 50%.

underwater fill layerunderwater fill layerunderwater fill layer

Шаг 6

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

underwater curvesunderwater curvesunderwater curves

2.  Добавляем Морскую Поверхность

Шаг 1

Откройте исходное изображение с морем. С помощью инструмента Прямоугольная область (Rectangular Marquee Tool (M), выделите среднюю часть изображения моря:

select the sea partselect the sea partselect the sea part

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

adding seaadding seaadding sea

Шаг 2

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

sea maskingsea maskingsea masking

Шаг 3

К слою с морской поверхностью, добавьте корректирующий слой Цветовой тон / Насыщенность (Hue/Saturation) в качестве обтравочной маски, чтобы цветовые оттенки морской поверхности соответствовали цветовым оттенкам подводной сцены:

sea hue saturationsea hue saturationsea hue saturation

Шаг 4

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

sea curves sea curves sea curves

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

sea curves masking sea curves masking sea curves masking

3.  Добавляем Небо

Шаг 1

Откройте исходное изображение с небом. Выделите верхнюю часть изображения с помощью инструмента Прямоугольная область (Rectangular Marquee Tool):

select skyselect skyselect sky

Переместите выделенное изображение на наш рабочий документ, расположив небо в верхней части рабочей сцены. Отразите небо по горизонтали, идём Редактирование – Трансформация – Отразить по горизонтали (Edit > Transform > Flip Horizontal).  Не забудьте расположить слой с небом ниже слоя с подводной сценой.

adding skyadding skyadding sky

Шаг 2

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

sky color balancesky color balancesky color balance

4.  Добавляем Ботинок

Шаг 1

Откройте исходное изображение с ботинком, отделите изображение ботинка от заднего фона с помощью инструмента Волшебная палочка (Magic Wand Tool (W):

extract shoeextract shoeextract shoe

Шаг 2

Переместите выделенное изображение ботинка на наш рабочий документ, расположив его в средней части нашей сцены, а затем отразите по горизонтали:

adding shoeadding shoeadding shoe

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

shoe maskingshoe maskingshoe masking

Шаг 3

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

shoe hue saturationshoe hue saturationshoe hue saturation

Шаг 4

Далее, добавьте корректирующий слой Фото Фильтр (Photo Filter). Выберите тёмно-голубой оттенок средних тонов (#607a85) для соответствия цвета ботинка с задним фоном:

shoe photo filtershoe photo filtershoe photo filter

Шаг 5

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

shoe curves 1shoe curves 1shoe curves 1

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

shoe curves 1 maskingshoe curves 1 maskingshoe curves 1 masking

Шаг 6

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

shoe curves 2shoe curves 2shoe curves 2

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

shoe curves 2 maskingshoe curves 2 maskingshoe curves 2 masking

Шаг 7

Чтобы наилучшим образом совместить нижнюю часть ботинка с морской водой, добавьте слой-заливку. Установите тёмно-голубой оттенок (#2d4b54). Уменьшите Непрозрачность (Opacity) данного слоя до 50%.

shoe fill layer shoe fill layer shoe fill layer

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

shoe fill layer maskingshoe fill layer maskingshoe fill layer masking

Шаг 8

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

dodge tool new layerdodge tool new layerdodge tool new layer

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

dodge tool normal modedodge tool normal modedodge tool normal mode
dodge tool overlay modedodge tool overlay modedodge tool overlay mode

Шаг 9

Создайте новый слой и с помощью мягкой кисти, цвет кисти #9ed5da, добавьте светлый оттенок на нижнюю часть подошвы ботинка, чтобы лучше совместить эту часть с подводной частью. Поменяйте режим наложения для данного слоя на Мягкий свет (Soft Light), непрозрачность слоя 100%:

shoe bottom light shoe bottom light shoe bottom light

5.  Добавляем Котёнка

Шаг 1

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

extract catextract catextract cat

Шаг 2

Создайте новый слой между слоем с выделенным изображением котёнка и слоем с задним фоном, залейте этот слой цветовым оттенком #80604e. Далее, перейдите на маску слоя с выделенным изображением котёнка и с помощью жёсткой кисти, размер кисти 3–6 px, проведите коррекцию шерсти, удалив оставшиеся тёмные участки:

cat fur masking cat fur masking cat fur masking

Шаг 3

Создайте новый слой и с помощью жёсткой кисти, цвет кисти #eff3f6, дорисуйте шёрстку вдоль контура тела и головы котёнка.

cat fur paintingcat fur paintingcat fur painting

Шаг 4

Отключите видимость слоя задним фоном и слоя с заливкой. Нажмите клавиши (Ctrl+Shift+Alt+E), чтобы объединить все видимые слои в один. Переместите объединённый слой на наш рабочий документ с помощью инструмента Перемещение (Move Tool). Добавьте котёнка прямо на ботинок, а затем отразите данное изображение по горизонтали.

adding catadding catadding cat

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

cat masking cat masking cat masking

Шаг 5

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

cat hue saturationcat hue saturationcat hue saturation

Шаг 6

Добавьте корректирующий слой Цветовой Баланс (Color Balance). Поменяйте настройки для Средних тонов (Midtones):

cat color balancecat color balancecat color balance

Шаг 7

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

cat curvescat curvescat curves

Шаг 8

Создайте новый слой, поменяйте режим наложения для данного слоя на Перекрытие (Overlay), выполните заливку 50% серым (50% gray). С помощью инструмента Осветлитель (Dodge Tool), добавьте световые блики на верхние участки ушей, головы и лап, а с помощью инструмента Затемнитель (Burn Tool), добавьте затенение, уменьшив световые блики в области шеи.

cat dodge and burncat dodge and burncat dodge and burn

Шаг 9

.Чтобы добавить тень от лап котёнка на ботинке, создайте новый слой ниже слоя с котёнком С помощью мягкой чёрной кисти непрозрачностью примерно 20–25%, нарисуйте тени под лапами котёнка:

cat shadowcat shadowcat shadow

6.  Добавляем Птиц

Шаг 1

Откройте исходное изображение с птицами 1. Отделите птиц от заднего фона с помощью инструмента Волшебная палочка (Magic Wand Tool).

isolate birds 1isolate birds 1isolate birds 1

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

adding small birdsadding small birdsadding small birds

Шаг 2

Добавьте две птицы на самый дальний план, они должны быть меньше тех, которые расположены ближе к наблюдателю. К каждому слою с птицей на самом дальнем плане, примените фильтр Размытие по Гауссу (Gaussian Blur), идём Фильтр – Размытие – Размытие по Гауссу (Filter > Blur > Gaussian Blur). Установите Радиус (Radius) размытия 2 px:

smaller birds gaussian blursmaller birds gaussian blursmaller birds gaussian blur

Шаг 3

Добавьте птицу большого размера к нашей сцене, расположив её в нижнем правом углу изображения над поверхностью воды. Примените фильтр Размытие по Гауссу (Gaussian Blur). Установите радиус размытия 4 px:

add a bigger birdadd a bigger birdadd a bigger bird

Шаг 4

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

birds 1 hue saturationbirds 1 hue saturationbirds 1 hue saturation

Шаг 5

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

birds 1 curvesbirds 1 curvesbirds 1 curves

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

birds 1 curves maskingbirds 1 curves maskingbirds 1 curves masking

Шаг 6

Откройте исходное изображение с морской птицей 2, выделите изображение птицы с помощью инструмента Волшебная палочка (Magic Wand Tool). Переместите выделенное изображение птицы на наш рабочий документ, расположив в верхней левой части нашей сцены, увеличьте масштаб изображение, сделав птицу больше, чем те, которых мы добавили ранее (т.к. она ближе находится к наблюдателю). Главное, чтобы птица была в том же направлении, что и взгляд котёнка:

add bird 2add bird 2add bird 2

Шаг 7

К данному слою с птицей 2, примените фильтр Размытие по Гауссу (Gaussian Blur). Увеличьте Радиус (Radius) размытия до 8 px, чтобы усилить глубину резкости:

bird 2 gaussian blurbird 2 gaussian blurbird 2 gaussian blur

Шаг 8

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

bird 2 color balancebird 2 color balancebird 2 color balance

7.  Добавляем Пузырьки

Поменяйте кисть на кисть Пузырьки, цвет кисти#c2cfd5. Выберите кисть, которая вам нравится, а затем нажмите клавишу (F5), чтобы поменять настройки для данной кисти:

bubble brush settings 1bubble brush settings 1bubble brush settings 1
bubble brush settings 2bubble brush settings 2bubble brush settings 2
bubble brush settings 3bubble brush settings 3bubble brush settings 3

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

paint bubblespaint bubblespaint bubbles

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

Шаг 1

Создайте новый корректирующий слой Карта Градиента (Gradient Map) поверх всех остальных слоёв. Установите цвета градиента #1b243f и #f8b884. Поменяйте режим наложения для данного корректирующего слоя на Мягкий свет (Soft Light), 100%. Примечание переводчика: автор проводит общую коррекцию цвета всего изображения, поэтому, корректирующие слои НЕ будут использоваться в качестве обтравочных масок.

whole scene gradient map whole scene gradient map whole scene gradient map

Шаг 2

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

whole scene color balancewhole scene color balancewhole scene color balance
color balance resultcolor balance resultcolor balance result

Шаг 3

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

whole scene photo filter whole scene photo filter whole scene photo filter

Шаг 4

Пришло время добавить источник света к нашей сцене. Создайте новый слой. С помощью мягкой кисти, цвет кисти #1f0b01, прокрасьте левую часть изображения:

painting light 1 normal modepainting light 1 normal modepainting light 1 normal mode

Поменяйте режим наложения для данного слоя на Линейный осветлитель (Linear Dodge), 100%. Далее, к созданному слою добавьте слой-маску и с помощью мягкой чёрной кисти, скройте эффект освещения на самой большой птице, на правой стороне головы котёнка, на ботинке и в подводной части сцены, куда меньше всего попадает свет.

light 1 linear dodge modelight 1 linear dodge modelight 1 linear dodge mode

Шаг 5

Создайте новый слой, поменяйте цвет кисти на #efa67e. Прокрасьте левый угол, чтобы создать световой блик. Поменяйте режим наложения для данного слоя на Перекрытие (Overlay), 100%:

light 2 overlay modelight 2 overlay modelight 2 overlay mode

Шаг 6

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

whole scene curveswhole scene curveswhole scene curves

Шаг 7

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

whole scene vibrancewhole scene vibrancewhole scene vibrance

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

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

final resultfinal resultfinal result
Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
Start your 7-day free trial*
Start free trial
*All Individual plans include a 7-day free trial for new customers; then chosen plan price applies. Cancel any time.