1. Design & Illustration
  2. Drawing/Illustration

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

Scroll to top
Read Time: 10 min

() translation by (you can also view the original English article)

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

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

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

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

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

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

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

Шаг 1

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

new filenew filenew file

Шаг 2

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

select skyselect skyselect sky

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

adding skyadding skyadding sky

Шаг 3

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

blur skyblur skyblur sky

Шаг 4

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

sky huesaturationsky huesaturationsky huesaturation

Шаг 5

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

sky curves 1sky curves 1sky curves 1

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

sky curves 1 layer masksky curves 1 layer masksky curves 1 layer mask
sky curves 1 resultsky curves 1 resultsky curves 1 result

Шаг 6

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

sky levelssky levelssky levels

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

sky levels maskingsky levels maskingsky levels masking

Шаг 7

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

select wallselect wallselect wall

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

adding walladding walladding wall

Шаг 8

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

wall huesaturationwall huesaturationwall huesaturation

Шаг 9

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

wall curveswall curveswall curves

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

wall curves masking wall curves masking wall curves masking

Шаг 10

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

wall dodge tool new layerwall dodge tool new layerwall dodge tool new layer

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

wall dodge tool normal modewall dodge tool normal modewall dodge tool normal mode
wall dodge tool overlay modewall dodge tool overlay modewall dodge tool overlay mode

Шаг 11

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

wall highlightwall highlightwall highlight

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

Шаг 1

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

select moonselect moonselect moon

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

adding moonadding moonadding moon

Шаг 2

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

moon gaussian blurmoon gaussian blurmoon gaussian blur

Шаг 3

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

moon huesaturationmoon huesaturationmoon huesaturation

Шаг 4

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

moon outer glowmoon outer glowmoon outer glow
moon inner glowmoon inner glowmoon inner glow
moon layer styles resultmoon layer styles resultmoon layer styles result

Шаг 5

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

moon glowing light normal modemoon glowing light normal modemoon glowing light normal mode
moon glowing light soft light modemoon glowing light soft light modemoon glowing light soft light mode

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

Шаг 1

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

adding modeladding modeladding model

Шаг 2

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

model shadowmodel shadowmodel shadow

Шаг 3

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

model curvesmodel curvesmodel curves

Шаг 4

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

model huesaturationmodel huesaturationmodel huesaturation

Шаг 5

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

model dodge and burn new layermodel dodge and burn new layermodel dodge and burn new layer

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

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

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

Шаг 1

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

adding branchadding branchadding branch

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

branch maskingbranch maskingbranch masking

Шаг 2

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

branch gaussian blurbranch gaussian blurbranch gaussian blur

Шаг 3

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

branch curvesbranch curvesbranch curves

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

branch curves maskingbranch curves maskingbranch curves masking
branch curves masking resultbranch curves masking resultbranch curves masking result

Шаг 4

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

branch dodge tool normal modebranch dodge tool normal modebranch dodge tool normal mode
branch dodge tool overlay modebranch dodge tool overlay modebranch dodge tool overlay mode

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

Шаг 1

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

adding smokeadding smokeadding smoke

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

smoke masking smoke masking smoke masking

Шаг 2

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

smoke huesaturationsmoke huesaturationsmoke huesaturation

Шаг 3

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

smoke curvessmoke curvessmoke curves

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

smoke curves masking resultsmoke curves masking resultsmoke curves masking result

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

Шаг 1

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

cut out batscut out batscut out bats

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

adding batsadding batsadding bats

Шаг 2

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

bats gaussian blur 4 pxbats gaussian blur 4 pxbats gaussian blur 4 px

Шаг 3

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

right bat gaussian blur 8 pxright bat gaussian blur 8 pxright bat gaussian blur 8 px

Шаг 4

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

bottom bat gaussian blur 12 pxbottom bat gaussian blur 12 pxbottom bat gaussian blur 12 px

Шаг 5

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

bats huesaturationbats huesaturationbats huesaturation

Шаг 6

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

bats curvesbats curvesbats curves

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

bats curves masking resultbats curves masking resultbats curves masking result

Шаг 7

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

right bat burn toolright bat burn toolright bat burn tool

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

Шаг 1

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

adding particlesadding particlesadding particles

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

Шаг 2

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

particles invertparticles invertparticles invert

Шаг 3

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

particles layer maskparticles layer maskparticles layer mask
particles masking resultparticles masking resultparticles masking result

Шаг 4

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

particles gaussian blurparticles gaussian blurparticles gaussian blur

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

Шаг 1

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

color balancecolor balancecolor balance

Шаг 2

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

gradient mapgradient mapgradient map

Шаг 3

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

curvescurvescurves

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

curves masking curves masking curves masking

Шаг 4

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

vibrancevibrancevibrance

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

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

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.
One subscription. Unlimited Downloads.
Get unlimited downloads