7 days of PS Actions, graphics, templates & fonts - for free!* Unlimited asset downloads! Start 7-Day Free Trial
Advertisement
  1. Design & Illustration
  2. Photo Manipulation

Создаём Волшебную Сцену Леса в Adobe Photoshop

Read Time: 7 mins

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 2000 px в Photoshop со следующими настройками, которые указаны ниже:

new filenew filenew file

Шаг 2

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

add stairadd stairadd stair

Шаг 3

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

unwanted light detailunwanted light detailunwanted light detail
remove unwanted light detailremove unwanted light detailremove unwanted light detail

Шаг 4

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

stair hue saturationstair hue saturationstair hue saturation

Шаг 5

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

add forest 1add forest 1add forest 1
forest 1 maskingforest 1 maskingforest 1 masking

Шаг 6

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

forest 1 curves forest 1 curves forest 1 curves

Шаг 7

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

stair curves 1stair curves 1stair curves 1
stair curves 1 maskingstair curves 1 maskingstair curves 1 masking
stair curves 1 masking resultstair curves 1 masking resultstair curves 1 masking result

Шаг 8

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

stair curves 2stair curves 2stair curves 2

Шаг 9

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

stair DB new layerstair DB new layerstair DB new layer

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

stair D B normal modestair D B normal modestair D B normal mode
stair D B overlay modestair D B overlay modestair D B overlay mode

2. Дополняем Лес на Заднем Фоне

Шаг 1

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

add forest 2add forest 2add forest 2
forest 2 maskingforest 2 maskingforest 2 masking

Шаг 2

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

forest 2 hue saturationforest 2 hue saturationforest 2 hue saturation

Шаг 3

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

add forest 3add forest 3add forest 3
forest 3 maskingforest 3 maskingforest 3 masking

Шаг 4

Добавьте корректирующего слоя Цветовой тон / Насыщенность (Hue/Saturation). Уменьшите значение Насыщенности (Saturation) до -100:

forest 3 hue saturationforest 3 hue saturationforest 3 hue saturation

Шаг 5

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

forest 3 curves forest 3 curves forest 3 curves

3. Добавляем Ручей

Шаг 1

Добавьте исходное изображение ручья на наш рабочий документ, расположив в нижней в нижней части сцены, а затем отразите ручей по горизонтали, для этого идём Редактирование – Трансформация – Отразить по горизонтали (Edit > Transform > Flip Horizontal). С помощью слой-маски, скройте верхнюю часть изображения, сохранив видимость изображения ручья с камнями, а также отдельные фрагменты растительности.

add streamadd streamadd stream
stream maskingstream maskingstream masking

Шаг 2

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

stream hue saturationstream hue saturationstream hue saturation

Шаг 3

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

stream curves stream curves stream curves

Шаг 4

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

stream D B resultstream D B resultstream D B result

4. Добавляем Птицу

Шаг 1

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

add birdadd birdadd bird

Шаг 2

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

bird hue saturationbird hue saturationbird hue saturation

Шаг 3

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

bird curvesbird curvesbird curves

5. Ретушируем Арку

Шаг 1

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

add archadd archadd arch
arch maskingarch maskingarch masking

Шаг 2

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

arch hue saturationarch hue saturationarch hue saturation

Шаг 3

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

arch curves 1arch curves 1arch curves 1

Шаг 4

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

arch curves 2arch curves 2arch curves 2

Шаг 5

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

arch D B normal modearch D B normal modearch D B normal mode
arch D B overlay modearch D B overlay modearch D B overlay mode

6. Добавляем Фонарь

Шаг 1

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

add lanternadd lanternadd lantern

Шаг 2

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

lantern curveslantern curveslantern curves

Шаг 3

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

lantern shadowlantern shadowlantern shadow

7. Проводим Базовую Цветовую Коррекцию

Шаг 1

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

whole scene channel mixerwhole scene channel mixerwhole scene channel mixer

Шаг 2

Добавьте слой-заливку Цвет (Color Fill). Установите цвет заливки на #21031e. Поменяйте режим наложения для данного слоя на Исключение (Exclusion), непрозрачность слоя 100%.

whole scene color fill whole scene color fill whole scene color fill

Шаг 3

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

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

8. Добавляем Свет

Шаг 1

Чтобы добавить свет к фонарю, создайте новый слой поверх всех остальных слоёв и с помощью мягкой кисти, цвет кисти #210402, прокрасьте поверх изображения фонаря, а также вокруг него. Поменяйте режим наложения для данного слоя на Линейный осветлитель (Linear Dodge), непрозрачность слоя 100%.

 light 1 normal mode light 1 normal mode light 1 normal mode
light 1 linear dodgelight 1 linear dodgelight 1 linear dodge

Шаг 2

Создайте новый слой поверх всех остальных слоёв и с помощью мягкой кисти, цвет кисти #d7a650, добавьте световые блики от фонаря на ступени, на отдельные детали на земле, а также на контуры арки. Поменяйте режим наложения для данного слоя на Перекрытие (Overlay), непрозрачность слоя 100%.

light 2light 2light 2

Шаг 3

Создайте новый слой поверх всех остальных слоёв и с помощью мягкой кисти, цвет кисти #ee9463, добавьте световой блики внутри фонаря, чтобы сделать свет фонаря ярче. Поменяйте режим наложения для данного слоя на Жёсткий свет (Hard Light), непрозрачность слоя 100%.

light 3light 3light 3

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

Надеюсь, что вам понравился этот урок и вы узнали сегодня что-то новое, что вы будете применять в своих будущих проектах. Не стесняйтесь делиться своими результатами или оставлять комментарии к уроку ниже. Желаю приятно провести время за программой 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.
Scroll to top
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.