Создаём Фотоманипуляцию с Котом и Рыбками в Adobe Photoshop

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

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

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

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

• Небо
• Стена
• Кот
• Рыбка 1
• Рыбка 2
• Рыбка 3
• Рыбка 4
• Рыбка 5
• Рыбка 6
• Рыбка 7
• Дерево 1
• Дерево 2

1. Создаём Базовую Сцену

Шаг 1

Создайте новый документ 2000 x 1700 px в программе Photoshop. Установите настройки, которые указаны на скриншоте ниже.

Шаг 2

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

Шаг 3

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

Шаг 4

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

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

Шаг 5

Выделите оба слоя с небом, а затем нажмите клавиши (Ctrl+G), чтобы сгруппировать их в одну группу. Поменяйте режим наложения для данного слоя с группой на Нормальный (Normal), непрозрачность слоя 100% далее, добавьте корректирующий слой Цветовой Баланс (Color Balance) внутри созданной группы, итак идём Слой- Новый корректирующий слой - Цветовой Баланс (Layer > New Adjustment Layer > Color Balance):

Шаг 6

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

Шаг 7

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

Шаг 8

Создайте новый слой в качестве обтравочной маски к слою со стеной. Выберите инструмент Штамп (Clone Tool (S), чтобы удалить отдельные лишние детали на стене.

Шаг 9

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

Шаг 10

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

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

Шаг 11

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

Шаг 12

Добавьте корректирующий слой Фото Фильтр (Photo Filter), чтобы добавить больше тёплого света на стену. Установите следующий цвет для фото фильтра #a4640a.

Шаг 13

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

Уменьшите Непрозрачность (opacity) слоя с тенью до 60%, а затем примените фильтр Размытие по Гауссу (Gaussian Blur) с радиусом размытия 4 px, чтобы смягчить тень.

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

2. Ретушируем Кота

Шаг 1

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

Шаг 2

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

Отразите тень по вертикали. для этого идём Редактирование - Трансформация - Отразить по вертикали (Edit > Transform > Flip Vertical), далее, используйте инструмент Свободная трансформация (Free Transform Tool (Ctrl+T), чтобы тень стала более узкой и более вытянутой.

Уменьшите Непрозрачность (opacity) слоя с тенью кота до 70%, а затем примените фильтр Размытие по Гауссу (Gaussian Blur) с радиусом размытия 5 px, чтобы смягчить тень.

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

Шаг 3

Создайте новый слой, загрузите активное выделение вокруг изображения кота, как мы это уже проделывали в предыдущем шаге. Нажмите клавиши (Ctrl+I) для инверсии выделенной области.

С помощью инструмента Лассо (Lasso Tool), обведите туловища кота, таким образом, только хвост останется не выделенным.

Ещё раз нажмите клавиши (Ctrl+I), таким образом, сейчас у нас будет выделен только хвост. Добавьте тень от хвоста на стене точно так же, как мы проделывали ранее с туловищем. Примечание переводчика: не забудьте вытянуть и размыть тень.

Шаг 4

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

Шаг 5

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

Шаг 6

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

Шаг 7

Создайте новый слой, поменяйте режим наложения на Перекрытие (Overlay), непрозрачность слоя 100%, а также выполните заливку 50% нейтральным серым (fill it with 50% gray). Далее, с помощью инструмента Осветлитель / Затемнитель (Dodge and Burn Tool (O), проведите коррекцию светотеней на изображение кота.

Шаг 8

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

Шаг 9

Создайте новый слой, не преобразовывайте данный слой в обтравочную маску. С помощью маленькой кисти средней жёсткости, цвет кисти светло-жёлтый (#fef5dc), нарисуйте усы коту.

3. Добавляем Рыбок

Шаг 1

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

Шаг 2

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

Шаг 3

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

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

Шаг 4

Добавьте корректирующий слой Цветовой тон / Насыщенность (Hue/Saturation), чтобы обесцветить зеленовато-жёлтые оттенки на рыбках. На скриншоте ниже вы можете увидеть мои настройки для рыбки 1, вы можете применить эти настройки ко всем остальным рыбкам. В зависимости от насыщенности тонов каждой рыбки, вы можете изменять настройки до тех пор, пока вас не устроит результат.

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

Шаг 5

Добавьте корректирующий слой Цветовой Баланс (Color Balance), чтобы изменить цвет рыбок. На скриншоте ниже вы можете увидеть мои настройки для выделенных рыбок, к которым я решила добавить больше оранжевых тонов, чем к другим рыбкам. Усильте Синие (Blue) цвета для Средних тонов (Midtones) и Жёлтые (Yellow) цвета для Света (Highlights).

Ниже представлены настройки для остальных рыбок. Усильте значения для Голубых (Cyan) тонов. Не забывайте, что при изменении настроек, значения настроек должны подходить для конкретных рыбок.

Шаг 6

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

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

Шаг 7

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

Шаг 8

Создайте новый слой и с помощью мягкой белой кисти, 2px, добавьте светлый блик к рыбке 7. Блик усилит взгляд этой рыбки и создаст связь с котом.

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

Шаг 1

Откройте исходное изображение с деревом 1. Переместите данное изображение на наш рабочий документ, расположив в нижней левой части нашей сцены. К слою с деревом, примените фильтр Размытие по Гауссу (Gaussian Blur) с радиусом размытия 8 px.

Шаг 2

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

Шаг 3

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

Шаг 4

Добавьте корректирующий слой Цветовой тон / Насыщенность (Hue/Saturation). Поменяйте настройки для Жёлтых (Yellows) тонов.

Шаг 5

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

Шаг 6

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

Шаг 7

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

Шаг 8

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

Шаг 9

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

5. Заключительная коррекция

Шаг 1

Чтобы добавить волшебную атмосферу к нашей сцене, создайте новый слой поверх всех остальных слоёв. С помощью мягкой светлой кисти (#e9cfbd), прокрасьте поверх нашей сцены, а затем поменяйте режим наложения для данного слоя на Осветление (Screen), непрозрачность слоя 20%.

Шаг 2

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

Шаг 3

Добавьте корректирующий слой Карта градиента (Gradient Map). Установите цвета градиента #48517d и #b68760. Поменяйте режим наложения для данного корректирующего слоя на Мягкий свет (Soft Light), Непрозрачность (Opacity) данного корректирующего слоя до 100%.

Шаг 4

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

Шаг 5

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

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

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