Advertisement
  1. Design & Illustration
  2. Photo Manipulation

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

Scroll to top
Read Time: 8 min

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, используя техники создания фотоманипуляций.

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

Если вы заняты поиском стоковых ресурсов, включая исходные изображения, текстуры и 3D модели для своих творческих проектов, то вы можете найти всё это на Envato Elements или GraphicRiver.

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

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

1. Создаём Основу Пейзажа

Шаг 1

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

new filenew filenew file

Шаг 2

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

add landscapeadd landscapeadd landscape

Шаг 3

Нам нужно ослабить свет на заднем плане изображения, а также скрыть частицы в небе. Для этого, идём Слой- Новый слой-заливка – Цвет (Layer > New Fill Layer > Solid Color). Выберите цвет заливки схожий с оттенком неба. Не забудьте расположить слой с заливкой ниже слоя с пейзажем. Я временно отключила видимость слоя с пейзажем, чтобы показать вам результат.

color fillcolor fillcolor fill

Шаг 4

Включите видимость слоя с пейзажем, а затем щёлкните по второму значку в нижней части панели слоёв, чтобы добавить слой-маску к данному слою. Выберите инструмент Кисть (Brush Tool (B), установите мягкую круглую кисть, цвет кисти чёрный с пониженной Непрозрачностью (opacity) (примерно 70-80%), а затем прокрасьте поверх области неба и верхней части солнца. 

landscape maskinglandscape maskinglandscape masking

Шаг 5

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

landscape cloninglandscape cloninglandscape cloning

Шаг 6

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

add mountain 1add mountain 1add mountain 1
mountain1 maskingmountain1 maskingmountain1 masking

Шаг 7

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

add mountain 2add mountain 2add mountain 2
mountain 2 maskingmountain 2 maskingmountain 2 masking

2. Добавляем Изображение Сундука

Шаг 1

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

add chestadd chestadd chest

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

chest maskingchest maskingchest masking

Шаг 2

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

chest shadow 1 fill chest shadow 1 fill chest shadow 1 fill

Уменьшите Непрозрачность (opacity) данного слоя до 30%, а затем идём Фильтр – Размытие- Размытие по Гауссу (Filter > Blur > Gaussian Blur). Установите Радиус (Radius) размытия на 10 px.

chest shadow 1 gaussian blurchest shadow 1 gaussian blurchest shadow 1 gaussian blur

Тень необходимо немного смягчить, для этого, с помощью слой-маски, ослабьте непрозрачность тени вдоль краёв тени.

chest shadow 1 maskingchest shadow 1 maskingchest shadow 1 masking

Шаг 3

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

chest shadow 2 fillchest shadow 2 fillchest shadow 2 fill

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

chest shadow 2 transformchest shadow 2 transformchest shadow 2 transform

Шаг 4

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

chest shadow 2 maskingchest shadow 2 maskingchest shadow 2 masking

Шаг 5

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

chest hue saturationchest hue saturationchest hue saturation

Шаг 6

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

chest curves 1chest curves 1chest curves 1
chest curves 1 maskingchest curves 1 maskingchest curves 1 masking

Шаг 7

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

chest curves 2chest curves 2chest curves 2
chest curves 2 maskingchest curves 2 maskingchest curves 2 masking

Шаг 8

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

DBnew layerDBnew layerDBnew layer

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

DB resultDB resultDB result

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

Шаг 1

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

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

Шаг 2

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

whole scene curves 1whole scene curves 1whole scene curves 1
whole scene curves 1 maskingwhole scene curves 1 maskingwhole scene curves 1 masking

Шаг 3

Добавьте ещё один корректирующий слой Карта градиента (Gradient Map). Установите следующие цвета градиента: #750909 и #00601b. Уменьшите непрозрачность данного корректирующего слоя до 20%, а затем перейдите на маску данного корректирующего слоя и с помощью мягкой чёрной кисти, прокрасьте область вокруг сундука, чтобы скрыть воздействие данного корректирующего слоя.

whole scene curves 2whole scene curves 2whole scene curves 2

Шаг 4

Добавьте корректирующий слой Поиск цвета (Color Lookup). Выберите фильтр Bleach Bypass.look. Уменьшите Непрозрачность (opacity) данного корректирующего слоя до 70%.

whole scene color lookupwhole scene color lookupwhole scene color lookup

4. Добавляем Изображение Ворона

Шаг 1

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

add crowadd crowadd crow

Шаг 2

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

crow curves 1crow curves 1crow curves 1
crow curves 1 maskingcrow curves 1 maskingcrow curves 1 masking

Шаг 3

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

crow bright details removecrow bright details removecrow bright details remove

Шаг 4

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

crow DBcrow DBcrow DB

5. Добавляем Световые Эффекты

Шаг 1

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

light 1light 1light 1

Шаг 2

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

light 2light 2light 2

Шаг 3

Создайте новый слой, поменяйте режим наложения на Перекрытие (Overlay). Продолжайте прокрашивать внутри сундука, используя более светлый оттенок (#b4d4f1).

light 3light 3light 3

Шаг 4

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

light 4light 4light 4

Шаг 5

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

crow lightcrow lightcrow light

6. Создаём Магический Свет и Волшебный Блеск

Шаг 1

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

add smokeadd smokeadd smoke

Далее, идём Фильтр – Размытие- Размытие в движении (Filter > Blur > Motion Blur). Установите следующие настройки, которые указаны на скриншоте ниже:

smoke motion blursmoke motion blursmoke motion blur

Шаг 2

С помощью свободной трансформации (Ctrl+T), измените перспективу света, создав ощущение, как будто он идёт из сундука:

turn smoke to lightturn smoke to lightturn smoke to light

Шаг 3

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

duplicate to add more lightduplicate to add more lightduplicate to add more light

Шаг 4

Выделите все слои с лучами света, чтобы сгруппировать их в одну группу (Ctrl+G). Далее, поменяйте режим наложения для слоя с данной группой на Линейный осветлитель (Linear Dodge), непрозрачность слоя 100%. Добавьте корректирующий слой Цветовой тон / Насыщенность (Hue/Saturation) внутри созданной группы, чтобы слегка обесцветить синее свечение.

light hue saturationlight hue saturationlight hue saturation

Шаг 5

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

light levelslight levelslight levels

Шаг 6

Создайте новый слой, установите цвет переднего плана на #b6d4df. Нажмите клавишу (F5), чтобы поменять настройки кисти:

dot brush settings 1dot brush settings 1dot brush settings 1
dot brush settings 2dot brush settings 2dot brush settings 2
dot brush settings 3dot brush settings 3dot brush settings 3

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

dots paintdots paintdots paint

Шаг 7

Нажмите клавиши (Ctrl+G), чтобы сгруппировать данный слой, а затем поменяйте режим наложения для данного слоя с группой на Осветление основы (Color Dodge), непрозрачность слоя 100%. Теперь эффект выглядит намного лучше!

dots color dodge modedots color dodge modedots color dodge mode

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

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

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.