Birthday Sale! Up to 40% off unlimited courses & creative assets Birthday Sale! Save up to 40%!
Advertisement
  1. Design & Illustration
  2. Photo Effects
Design

Создаём Подводную Сцену в программе Photoshop

by
Difficulty:AdvancedLength:LongLanguages:

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

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


Ускоренный Видеоурок

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


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

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


1. Создаём Основу

Шаг 1

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

Step 01

Шаг 2

Откройте стоковое изображение ‘под водой’, чтобы создать основу для моря. С помощью инструмента Штамп  tool (S), скройте дайвера. Примечание переводчика: к сожалению, автор не указал ссылку на изображение ‘под водой’, поэтому, самостоятельно подберите соответствующее изображение на стоковых ресурсах.

Step 02

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

Step 02

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

Step 02

Шаг 3

Для создания горизонта поверхности моря, с помощью инструмента Перо (path tool (P) выделите часть изображения, используя стоковое изображение ‘Вода 1’. Как только вы замкнули контур, нажмите клавиши (CTRL+Enter) для создания активного выделения, а затем (SHIFT + F6), примените значение Растушёвки (feather) примерно 0.5 или выше. Примечание переводчика: скопируйте активное выделение на новый слой.

Step 03

Далее, к поверхности воды, примените корректирующий слой Карта Градиента (gradient map), а также Кривые (curves) в качестве обтравочных масок в следующей последовательности. Примечание переводчика: на слой-маске второго корректирующего слоя Кривые (curves), скройте коррекцию, как показано на скриншоте ниже.

Step 03
Step 03
Step 03

В конце этого шага, горизонт воды должен выглядеть, как на скриншоте ниже.

Step 03

Шаг 4

Откройте изображение ‘Небо 1’, которое мы используем в качестве основного, далее, откройте стоковое изображение ‘Небо 2’, поменяйте режим наложения для второго слоя с небом на Умножение (multiply) и с помощью слой-маски, скройте отдельные участки изображения, сохраняя отдельные облака на чистых участках основного неба.

Step 04

Для коррекции неба, примените следующие корректирующие слои Кривые (curves), Цветовой Баланс (color balance) в следующей последовательности. Примечание переводчика: объедините слои с небом в одну группу, а затем внутри созданной группы, добавьте соответствующие корректирующие слои.

Кривые (Curves):

Step 04

Кривые (Curves):

Step 04

Цветовой Баланс (Color Balance), режим наложения Мягкий свет (soft light), непрозрачность слоя 50%:

Step 04

Кривые (Curves). Скройте коррекцию на слой-маске данного корректирующего слоя:

Step 04

2.  Добавляем Элементы Композиции

Шаг 1

В следующем шаге мы добавим затонувший корабль на дно нашей композиции. Также, как и в предыдущем шаге 3, с помощью инструмента Перо (path tool (P) выделите изображение корабля, используя стоковое изображение ‘Затонувший корабль’. Как только вы замкнули контур, нажмите клавиши (CTRL+Enter) для создания активного выделения, а затем (SHIFT + F6), примените значение Растушёвки (feather) примерно 0.5. Примечание переводчика: не снимая активного выделения + добавьте слой-маску к слою с изображением корабля. Перейдите на слой-маску слоя с кораблём и с помощью мягкой чёрной кисти, прокрасьте по нижней части корабля, чтобы проявились подводные камни. Чтобы создать эффект, что корабль затонул и находится под водой, продублируйте слой с морем (‘под водой’). Щёлкните правой кнопкой мыши по слою с морем и в появившемся окне, выберите опцию Создать дубликат слоя (Duplicate Layer), далее, уменьшите непрозрачность слоя до 75%. К дубликату слоя с морем, добавьте слой-маску и с помощью мягкой чёрной кисти, скройте часть моря, создавая глубину. Далее, удерживая клавишу ALT + щёлкните между слоем с кораблём и дубликатом слоя с морем, чтобы создать обтравочную маску. Примечание переводчика: 1. дубликат слоя ‘под водой’ должен располагаться поверх слоя с кораблём и использоваться в качестве обтравочной маски. 2. количество дубликатов слоёв с морем  будет зависеть от ваших предпочтений, не забудьте объединить все дубликаты слоёв в один слой 3. обрабатывая дубликат слоя ‘под водой’ на слой-маске, используйте кисть с низкой непрозрачностью, чтобы создать плавный переход от носа корабля к задней корме корабля, создавая эффект глубины, тем дальше расположены объёкты под водой, тем они менее видны. 4. Можете назвать данный слой ‘эффект глубины’.

Step 05

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

Step 05

Для создания эффектов освещения, создайте новый корректирующий слой Кривые (curves) поверх всех остальных слоёв.

Step 05

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

Step 05

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

Кривые (Curves). Скройте коррекцию на слой-маске данного корректирующего слоя:

Step 05

Кривые (Curves). Скройте коррекцию на слой-маске данного корректирующего слоя:

Step 05

Цветовой Баланс (Color balance):

Step 05

Шаг 2

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

Step 06

Для коррекции цвета и световой коррекции, добавьте следующие корректирующие слои.

Кривые (Curves):

Step 06

Цветовой Баланс (Color Balance):

Step 06

Кривые (Curves). Скройте коррекцию на слой-маске данного корректирующего слоя:

Step 06

Шаг 3

Откройте стоковое изображение ‘Пузырьки’. Поместите слой с пузырьками поверх слоя с горизонтом воды. Поменяйте режим наложения для слоя с пузырьками на Осветление (screen), а затем обработайте данное изображение на слой-маске, как показано на скриншоте ниже.

Step 07

3. Создаём Подводную Жизнь

Шаг 1

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

Step 08

Далее, объедините оба слоя в один слой, а затем вырежьте полученное изображение осьминога. Далее, проведите цветовую коррекцию и светокоррекцию изображения осьминога: Примечание переводчика: создайте новую группу для осьминога, назовите группу ‘осьминог’, а затем внутри созданной группы, добавьте соответствующие корректирующие слои.

Кривые (Curves).

Step 08

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

Кривые (Curves). Скройте коррекцию на слой-маске данного корректирующего слоя:

Step 08

Кривые (Curves). Скройте коррекцию на слой-маске данного корректирующего слоя:

Step 08

Кривые (Curves). Скройте коррекцию на слой-маске данного корректирующего слоя:

Step 08

Кривые (Curves). Скройте коррекцию на слой-маске данного корректирующего слоя:

Step 08

Цветовой Баланс (Color Balance):

Step 08

Теперь, добавьте слой-маску к слою с группой ‘осьминог’, далее, идём на слой с затонувшим кораблём и, удерживая клавишу CTRL + щёлкните по миниатюре слой-маски слоя, чтобы загрузить активное выделение корабля, нажмите клавиши (SHIFT + CTRL+ I) для инверсии активного выделения, а затем возвращаемся на маску слоя с осьминогом, и с помощью мягкой чёрной кисти, скройте отдельные участки осьминога. Примечание переводчика: автор обрабатывает осьминога на слой-маске, создавая ощущение, что осьминог сидит на краю корабля.

Step 08

Для создания тени, используйте коррекцию Кривых (curves).

Кривые (Curves). Скройте коррекцию на слой-маске данного корректирующего слоя:

Step 08

Кривые (Curves). Скройте коррекцию на слой-маске данного корректирующего слоя:

Step 08

Используя другие изображения щупалец, вы можете создать любое положение осьминога на своё усмотрение, для этого, вырежьте щупальца, используя изображения 3,4 и 5, а затем идём Редактирование – Марионеточная Деформация (edit - puppet warp) и деформируем щупальца на своё усмотрение.

Step 08

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

Добавьте корректирующий слой Карта Градиента (Gradient map), чтобы все щупальца были одного цвета:

Step 08

Кривые (Curves). Скройте коррекцию на слой-маске данного корректирующего слоя:

Step 08

Кривые (Curves). Скройте коррекцию на слой-маске данного корректирующего слоя:

Step 08

Кривые (Curves). Скройте коррекцию на слой-маске данного корректирующего слоя:

Step 08

Кривые (Curves). Скройте коррекцию на слой-маске данного корректирующего слоя:

Step 08

Кривые (Curves). Скройте коррекцию на слой-маске данного корректирующего слоя:

Step 08

Цветовой Баланс (Color Balance):

Step 08

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

Для завершения работы с осьминогом, откройте стоковое изображение с трещинами. Переместите данное изображение на наш рабочий документ, расположив, как показано на скриншоте ниже. Поменяйте режим наложения для слоя с трещинами на Умножение (multiply), непрозрачность слоя 75%. Примените масштабирование / поворот на своё усмотрение, расположив трещины таким образом, чтобы они были видны на корпусе корабля.

Step 08

Шаг 2

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

Step 09

Шаг 3

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

Step 10

Далее, идём Фильтр – Размытие – Размытие по Гауссу (filter – blur - Gaussian blur) и применяем небольшое размытие, примерно 0.5. Далее, добавьте два корректирующих слоя:

Кривые (Curves):

Step 10

Цветовой Баланс (Color Balance):

Step 10

Шаг 4

Далее, мы используем изображения рыбок #1 и #2, вырежьте стайку рыбок.

Step 11

Кривые (Curves).

Step 11

Цветовой Баланс (Color Balance):

Step 11

Шаг 5

Теперь вырежьте изображение акулы.

Step 12

Далее, отразите изображение акулы по горизонтали. Идём Редактирование – Трансформация – Отразить по горизонтали (edit – transform - flip horizontal). Расположите акулу за кораблём в нижней части сцены, далее, уменьшите непрозрачность слоя с акулой до 75%, а затем добавьте корректирующие слои.

Цветовой Баланс (Color Balance):

Step 12

Кривые (Curves).

Step 12

Шаг 6

Далее, мы добавим пузырьки к нашей сцене. Для этого, продублируйте изображение, которое вы использовали в качестве основы для океана, затем, преобразуйте данное изображение в чёрно-белое, нажав клавиши (SHIFT+CTRL+U), или идём Изображение – Коррекция – Уровни (image, adjustments, levels), установите уровни, как показано на скриншоте ниже.

Step 13

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

Step 13

Шаг 7

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

Step 14

Добавьте следующие корректирующие слои в качестве обтравочных масок.

Кривые (Curves). С помощью кривых создайте тени, попробуйте прокрасить по правой стороне птиц:

Step 14

Кривые (Curves). С помощью кривых создайте световые блики, попробуйте прокрасить по левой стороне птиц:

Step 14

Цветовой Баланс (Color Balance) для коррекции цвета:

Step 14

4. Добавляем Элементы на Передний План

Шаг 1

В этой части урока мы добавим элементы на передний план. Ещё раз откройте стоковое изображение с рыбками и подводными рифами. На этот раз вырежьте только рифы, к рифам примените Размытие по Гауссу (Gaussian blur), радиус размытия примерно 8.0. Примените масштабирование, чтобы рифы выглядели так, как будто они близко расположены к объективу камеры.

Step 15

С помощью корректирующего слоя Цветовой Баланс (color Balance), установите следующие цветовые оттенки:

Step 15

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

Step 15
Step 15

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

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

Step 15

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

Step 15

Шаг 2

Данный шаг является выборочным. Если вы хотите применить эффект Искажения к воде, то вам необходимо создать объединённый слой, для этого, находясь на самом верхнем слое, нажмите клавиши (SHIFT+CTRL+ALT+E), далее идём Фильтр – Галерея фильтров – Искажение – Стекло (filter - filter gallery – distortion – glass), примените настройки, которые указаны на скриншоте ниже. Примечание переводчика: к сожалению, настройки данного фильтра едва видны, поэтому, поэкспериментируйте с настройками данного фильтра.

Step 16

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

Step 16

Шаг 3

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

Кривые (Curves). С помощью кривых затемните углы подводной сцены:

Step 17

Карта Градиента (Gradient Map). Поменяйте режим наложения на Цветность (color), непрозрачность слоя 40%:

Step 17

Далее, мы используем кисти Лучи света. Создайте новый слой, нарисуйте лучи света, которые видно подводой. К слою с лучами света, добавьте корректирующий слой Кривые (curves): Примечание переводчика: не забудьте преобразовать корректирующие слои Кривые в обтравочные маски к слою с лучами.

Step 17

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

Step 17

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

Step 17

Цветовой Баланс (Color Balance) для коррекции цвета:

Step 17

Следующий корректирующий слой имеется в программе Photoshop только в версии CS6 и выше. Добавьте корректирующий слой Поиск цвета (color lookup). Данный корректирующий слой имеет несколько режимов цвета, в данном случае, выберите Horror Blue.

Step 17

Далее, добавьте Фото Фильтр (Photo filter), чтобы изменить оттенок синего цвета:

Step 17

Далее, добавьте Вибрацию (Vibrance), чтобы добавить больше жизни ко всему изображению:

Step 17

Заключительный штрих – это добавить шум ко всему изображению. Идём Слой- Новый – Слой – Новый – Слой (Layer > new> layer), в появившемся окне установите режим наложения Перекрытие (overlay), поставьте галочку в опции заливка 50% серым (50% grey).

Step 17
Step 17

Далее идём Фильтр – Шум – Добавить Шум (filter> noise > add noise).

Step 17

Заключение

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


Advertisement
Advertisement
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.