Advertisement
  1. Design & Illustration
  2. Photo Manipulation

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

Scroll to top
Read Time: 7 min
This post is part of a series called Photo Effects.
How to Create a Fun Heart Crown Photo Filter Effect in Adobe Photoshop
A Beginners Guide to Photo Manipulations in Adobe Photoshop

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

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

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

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

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

Шаг 1

Создайте новый документ 2000 x 1231 px в Photoshop со следующими настройками, которые указаны ниже:

new filenew filenew file

Шаг 2

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

add street 1add street 1add street 1

Шаг 3

Идём Фильтр – Размытие – Размытие по Гауссу (Filter > Blur > Gaussian Blur). Установите Радиус (Radius) размытия на 7 px. Данный шаг направлен на усиление глубины резкости всей сцены.

street 1 gaussian blurstreet 1 gaussian blurstreet 1 gaussian blur

Шаг 4

Идём Слой – Новый корректирующий слой – Кривые (Layer > New Adjustment Layer > Curves), а затем преобразуйте данный корректирующий слой в обтравочную маску. Потяните кривую вниз, чтобы уменьшить яркость. Далее, перейдите на маску данного корректирующего слоя, выберите инструмент Кисть (Brush Tool (B), установите мягкую круглую кисть, цвет кисти чёрный. С помощью данной кисти, прокрасьте центральную часть улицы, в частности землю, а также детали, куда падает свет, чтобы скрыть коррекцию кривых.

street 1 curvesstreet 1 curvesstreet 1 curves
street curves 1 maskingstreet curves 1 maskingstreet curves 1 masking

Шаг 5

Нам нужно ослабить свет фонарей, для этого, создайте новый слой и с помощью мягкой кисти, цвет кисти #625448, Непрозрачность (Opacity) кисти примерно 30-35%, прокрасьте поверх фонарей.

street 1 reduce lamp lightstreet 1 reduce lamp lightstreet 1 reduce lamp light

Шаг 6

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

Dodge Tool new layerDodge Tool new layerDodge Tool new layer

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

Dodging normal modeDodging normal modeDodging normal mode
dodging overlay modedodging overlay modedodging overlay mode

Шаг 7

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

add street 2add street 2add street 2

Шаг 8

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

street 2 gaussian blurstreet 2 gaussian blurstreet 2 gaussian blur

2. Ретушируем Мужчину на Переднем Плане

Шаг 1

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

add man 1add man 1add man 1
man 1 maskingman 1 maskingman 1 masking

Шаг 2

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

man 1 curves 1man 1 curves 1man 1 curves 1
man 1 curves 1 maskingman 1 curves 1 maskingman 1 curves 1 masking
man 1 curves 1 masking resultman 1 curves 1 masking resultman 1 curves 1 masking result

Шаг 3

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

man 1 curves 2man 1 curves 2man 1 curves 2

Шаг 4

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

man 1 DB normal modeman 1 DB normal modeman 1 DB normal mode
man 1 DB overlay modeman 1 DB overlay modeman 1 DB overlay mode

Шаг 5

Создайте новый слой и с помощью кисти средней мягкости маленького диаметра, цвет кисти белый, добавьте блик на нижнюю часть глаза (который расположен в области тени). Уменьшите Непрозрачность (Opacity) данного слоя до 50%, а затем с помощью слой-маски, создайте затенение блика с глазом.

eye highlight showingeye highlight showingeye highlight showing
eye highlight resulteye highlight resulteye highlight result

Шаг 6

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

man 1 beardman 1 beardman 1 beard

3. Добавляем Полицейского

Шаг 1

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

add cop manadd cop manadd cop man

Шаг 2

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

load cop selectionload cop selectionload cop selection

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

cop shadow transformingcop shadow transformingcop shadow transforming

Шаг 3

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

cop shadow maskingcop shadow maskingcop shadow masking

Шаг 4

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

cop man DBcop man DBcop man DB

4. Рисуем Дождь и Капли Дождя

Шаг 1

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

rain brushrain brushrain brush

Шаг 2

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

rain gaussian blurrain gaussian blurrain gaussian blur
rain filter mask maskingrain filter mask maskingrain filter mask masking
rain filter masking resultrain filter masking resultrain filter masking result

Шаг 3

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

paint rain dropspaint rain dropspaint rain drops

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

Шаг 1

Добавьте корректирующий слой Карта градиента (Gradient Map) поверх всех остальных слоёв. Установите следующие цвета градиента: #1f1203 и #2c85e9.

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

Шаг 2

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

whole scene color balance midtoneswhole scene color balance midtoneswhole scene color balance midtones
whole scene color balance highlightwhole scene color balance highlightwhole scene color balance highlight

Шаг 3

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

whole scene curves 1whole scene curves 1whole scene curves 1

Шаг 4

Чтобы изменить освещение и цвет улицы на заднем плане, используйте инструмент Лассо (Lasso Tool (L), чтобы выделить эту область, установите радиус растушёвки (feather) для данного выделения на 50:

street selectionstreet selectionstreet selection

Далее, идём Слой – Новый корректирующий слой – Микширование каналов (Layer > New Adjustment Layer > Channel Mixer). Поменяйте значения для Красных (Red), Зелёных (Green) и Синих (Blue) тонов:

channel mixer 1 redchannel mixer 1 redchannel mixer 1 red
channel mixer 1 greenchannel mixer 1 greenchannel mixer 1 green
channel mixer 1 bluechannel mixer 1 bluechannel mixer 1 blue

Шаг 5

Загрузите маску слоя Микширование каналов (Channel Mixer), для этого, удерживая клавишу (Ctrl), щёлкните по миниатюре маски. Создайте корректирующий слой Цветовой Баланс (Color Balance) к созданному выделению, чтобы усилить золотисто-жёлтый свет.

whole scene color balance 2 midtoneswhole scene color balance 2 midtoneswhole scene color balance 2 midtones
whole scene color balance 2 highlightwhole scene color balance 2 highlightwhole scene color balance 2 highlight

Шаг 6

Добавьте корректирующий слой Микширование каналов (Channel Mixer). Поменяйте значения для Синих (Blue) тонов, чтобы изменить синие тона справа на зелёные.

channel mixer 2channel mixer 2channel mixer 2

Шаг 7

Создайте новый слой и с помощью мягкой кисти, цвет кисти #140908, затемните левый край сцены. Уменьшите Непрозрачность (Opacity) данного слоя до 50%, чтобы эффект выглядел более нежным.

darken edgesdarken edgesdarken edges
darkened edges resultdarkened edges resultdarkened edges result

Шаг 8

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

whole scene curves 3whole scene curves 3whole scene curves 3
whole scene curves 3 masking resultwhole scene curves 3 masking resultwhole scene curves 3 masking result

Отличная Работа, Мы завершили урок!

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

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