Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Fan Art

Создаём Ночную Сцену с Бэтменом в программе Adobe Photoshop

by
Difficulty:IntermediateLength:MediumLanguages:

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

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

new file

Шаг 2

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

select sky

С помощью инструмента Перемещение (Move Tool (V), переместите выделенное изображение неба на наш рабочий документ. Далее, с помощью инструмента Свободная Трансформация (Free Transform Tool (Ctrl+T), немного растяните изображение по высоте, как показано на скриншоте ниже.

adding sky

Шаг 3

Идём Фильтр –Размытие- Размытие по Гауссу (Filter > Blur > Gaussian Blur). Установите радиус размытия 6 px.

blur sky

Шаг 4

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

sky huesaturation

Шаг 5

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

sky curves 1

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

sky curves 1 layer mask
sky curves 1 result

Шаг 6

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

sky levels

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

sky levels masking

Шаг 7

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

select wall

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

adding wall

Шаг 8

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

wall huesaturation

Шаг 9

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

wall curves

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

wall curves masking

Шаг 10

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

wall dodge tool new layer

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

wall dodge tool normal mode
wall dodge tool overlay mode

Шаг 11

Чтобы усилить световые блики вдоль контура стены, а также, чтобы они были более видимыми, создайте новый слой, а затем выберите инструмент Линия (Line Tool (U)). Поменяйте цвет переднего плана на #d9d9da, а также в панели управления инструмента, установите Толщину (Weight) линии на 2px. Нарисуйте линию вдоль горизонтального контура стены.

wall highlight

2. Добавляем Луну

Шаг 1

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

select moon

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

adding moon

Шаг 2

Идём Фильтр –Размытие- Размытие по Гауссу (Filter > Blur > Gaussian Blur). Установите радиус размытия 6 px.

moon gaussian blur

Шаг 3

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

moon huesaturation

Шаг 4

Чтобы добавить эффекты свечения к изображению Луны, дважды щёлкните по слою с Луной, чтобы применить следующие стили слоя: Внешнее свечение (Outer Glow) и Внутреннее свечение (Inner Glow). Установите цвет свечения: #fcfcfc.

moon outer glow
moon inner glow
moon layer styles result

Шаг 5

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

moon glowing light normal mode
moon glowing light soft light mode

3. Добавляем Модель

Шаг 1

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

adding model

Шаг 2

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

model shadow

Шаг 3

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

model curves

Шаг 4

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

model huesaturation

Шаг 5

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

model dodge and burn new layer

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

model dodge and burn normal mode
model dodge and burn overlay mode

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

Шаг 1

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

adding branch

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

branch masking

Шаг 2

Идём Фильтр –Размытие- Размытие по Гауссу (Filter > Blur > Gaussian Blur). Установите радиус размытия 8 px.

branch gaussian blur

Шаг 3

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

branch curves

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

branch curves masking
branch curves masking result

Шаг 4

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

branch dodge tool normal mode
branch dodge tool overlay mode

5. Добавляем Эффект Тумана

Шаг 1

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

adding smoke

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

smoke masking

Шаг 2

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

smoke huesaturation

Шаг 3

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

smoke curves

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

smoke curves masking result

6. Добавляем Летучих Мышей

Шаг 1

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

cut out bats

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

adding bats

Шаг 2

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

bats gaussian blur 4 px

Шаг 3

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

right bat gaussian blur 8 px

Шаг 4

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

bottom bat gaussian blur 12 px

Шаг 5

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

bats huesaturation

Шаг 6

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

bats curves

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

bats curves masking result

Шаг 7

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

right bat burn tool

7. Добавляем Частицы

Шаг 1

Далее, мы добавим частицы, чтобы усилить ночную атмосферу нашей сцены. Откройте исходную текстуру с Частицами. Переместите данную текстуру на наш рабочий документ. Поменяйте режим наложения для данного слоя с текстурой Частиц на Умножение (Multiply), непрозрачность слоя 100%

adding particles

Не переживайте насчёт чёрного заднего фона, мы исправим это сейчас.

Шаг 2

К слою с текстурой Частиц, добавьте корректирующий слой Инвертировать (Invert) в качестве обтравочной маски, чтобы удалить тёмный задний фон, таким образом, восстановив эффект частиц.

particles invert

Шаг 3

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

particles layer mask
particles masking result

Шаг 4

Идём Фильтр –Размытие- Размытие по Гауссу (Filter > Blur > Gaussian Blur). Установите радиус размытия 5 px.

particles gaussian blur

8. Заключительная Цветовая Коррекция

Шаг 1

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

color balance

Шаг 2

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

gradient map

Шаг 3

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

curves

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

curves masking

Шаг 4

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

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.