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

Scroll to top
Read Time: 8 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

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

Исходники для Урока

При подготовке этого урока использовались следующие исходники:

1. Создаем Фон

Шаг 1

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

new filenew filenew file

Шаг 2

Откройте изображение с землей. Используйте инструмент Rectangular Marquee Tool (M), чтобы выделить только область с травой и переместите ее в белые рамки с помощью инструмента Move Tool (V). Поместите ее в нижнюю часть рамки.

select groundselect groundselect ground
add groundadd groundadd ground

Шаг 3

Перейдите в Filter > Blur > Gaussian Blur и установите Radius 30 px:

ground gaussian blurground gaussian blurground gaussian blur

Выделите маску фильтра и используйте мягкую круглую кисть черного цвета (мягкую черную кисть), чтобы убрать эффект размытия с переднего плана:

ground gaussian blur maskingground gaussian blur maskingground gaussian blur masking

Шаг 4

Перейдите в Layer > New Adjustment layer > Hue Saturation и примените этот слой, как Clipping Mask. Измените значения Master SaturationReds и Yellows:

ground hue saturationground hue saturationground hue saturation
ground hue saturation resultground hue saturation resultground hue saturation result

Шаг 5

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

ground curvesground curvesground curves
ground curves maskingground curves maskingground curves masking

Шаг 6

Перетащите изображение леса в свой основной документ и поместите его в верхней половине:

add forestadd forestadd forest

Примените маску слоя, чтобы сделать сделать границу между землей и лесом мягче.

forest maskingforest maskingforest masking

Шаг 7

Примените к лесу фильтр Gaussian Blur с радиусом 12 px. Используйте мягкую черную кисть на маске фильтра, чтобы уменьшить эффект вдоль границы между землей и лесом. Вот как выглядят результаты на маске фильтра и на изображении:

forest gaussian blurforest gaussian blurforest gaussian blur
forest gausssian blur maskingforest gausssian blur maskingforest gausssian blur masking
forest blur masking resultforest blur masking resultforest blur masking result

Шаг 8

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

tree shadow 1tree shadow 1tree shadow 1

Отразите его вертикально (Edit > Transform > Flip Vertical) и переместите под дерево. Используйте инструмент Free Transform Tool (Control-T), чтобы исказить тень, чтобы она соответствовала направлению света:

tree shadow trasformtree shadow trasformtree shadow trasform

Примените к тени фильтр Gaussian Blur с радиусом 15 px:

shadow gaussian blurshadow gaussian blurshadow gaussian blur

Шаг 9

Используйте тот же метод, чтобы создать тени для других деревьев:

make other shadowsmake other shadowsmake other shadows

Шаг 10

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

add forest light 1add forest light 1add forest light 1

Шаг 11

Создайте новый слой и измените режим смешивания на Soft Light 100%. Используйте мягкую белую кисть, чтобы нарисовать больше света в середине леса.

add forest light 2add forest light 2add forest light 2

2. Добавляем Дерево

Шаг 1

Отделите дерево от фона и добавьте его в работу. Нажмите Control-T, чтобы немного уменьшить его длину.

add treeadd treeadd tree

Примените маску слоя, чтобы убрать жесткие края и соединить дерево с землей:

tree maskingtree maskingtree masking

Шаг 2

Примените фильтр Gaussian Blur с радиусом 4 px и сотрите эффект размытия на маске фильтра, оставляя его видимым только на контурах дерева, чтобы они соответствовали фону:

tree gaussian blurtree gaussian blurtree gaussian blur

Шаг 3

Создайте новый слой, измените режим смешивания на Overlay 100% и залейте его 50% серым:

DB new fileDB new fileDB new file

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

DB resultDB resultDB result

Шаг 4

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

tree hue saturationtree hue saturationtree hue saturation

Шаг 5

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

tree color balancetree color balancetree color balance

Шаг 6

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

tree curvestree curvestree curves

Шаг 7

Создайте новый слой и с помощью мягкой белой кисти с низкой непрозрачностью (примерно 15-20%), прокрасьте вдоль краёв дерева, чтобы добавить мягкую световую кромку.

tree lighttree lighttree light

3. Добавляем Ворота и Маленькую Рощу

Шаг 1

Откройте изображение ворот. Удалите часть внутри ворот и добавьте их в нижнюю часть дерева:

add gateadd gateadd gate

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

gate maskinggate maskinggate masking

Шаг 2

Создайте корректирующий слоя Color Balance и измените значения Midtones:

gate color balancegate color balancegate color balance

Шаг 3

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

gate curvesgate curvesgate curves

Шаг 4

Дублируйте слой с лесом и сильно уменьшите его. Поместите этот слой под слой с воротами и над слоями с деревьями.

add small forestadd small forestadd small forest

Используйте маску слоя, чтобы удалить лес за пределами ворот.

small forest maskingsmall forest maskingsmall forest masking

Шаг 5

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

small forest curvessmall forest curvessmall forest curves

4. Добавляем Тропу

Шаг 1

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

add pathwayadd pathwayadd pathway

Шаг 2

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

pathway maskingpathway maskingpathway masking

Шаг 3

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

add more pathway partsadd more pathway partsadd more pathway parts

Шаг 4

Выделите все слои с тропинками, а затем нажмите клавиши (Ctrl+G), чтобы сгруппировать их в одну группу. Поменяйте режим наложения для слоя с группой на Нормальный (Normal), непрозрачность слоя 100%. Создайте новый слой и с помощью инструмента Штамп (Clone Tool (S), удалите нежелательные фрагменты растительности на первой ступеньке тропинки.

pathway clonepathway clonepathway clone

Шаг 5

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

pathway color balancepathway color balancepathway color balance

Шаг 6

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

pathway curves 1pathway curves 1pathway curves 1

Шаг 7

Добавьте еще один корректирующий слой Curves для увеличения света в тумане в верхней части тропинки. Сотрите лишнее, чтобы она оставалась темной.

pathway curves 2pathway curves 2pathway curves 2

5. Добавление Ребенка

Шаг 1

Вырежьте девочку и поместите ее на ту ступеньку, откуда мы убрали нежелательные растения.

add childadd childadd child

Шаг 2

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

child shadowchild shadowchild shadow

Шаг 3

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

child hue saturationchild hue saturationchild hue saturation

Шаг 4

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

child curveschild curveschild curves

6. Добавляем Траву

Шаг 1

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

add grassadd grassadd grass

Шаг 2

Примените фильтр Gaussian Blur радиусом 8 px к каждому из слоев с травой.

grass gaussian blurgrass gaussian blurgrass gaussian blur

Шаг 3

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

grass hue saturationgrass hue saturationgrass hue saturation

Шаг 4

Используйте корректирующий слой Curves, чтобы немного затемнить траву. Выделенные области показывают, где рисовать на маске слоя.

grass curvesgrass curvesgrass curves

7. Базовая Коррекция

Шаг 1

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

color fill exclusion modecolor fill exclusion modecolor fill exclusion mode

Шаг 2

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

color balancecolor balancecolor balance
color balance resultcolor balance resultcolor balance result

Шаг 3

Добавьте корректирующий слой Channel Mixer и измените значения в красном канале:

channel mixerchannel mixerchannel mixer

Шаг 4

Создайте корректирующий слой Curves и измените немного цвет в синем канале.

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

Шаг 5

Примените еще один корректирующий слой Curves, чтобы усилить свет в середине. Рисуйте на остальной части сцены:

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

Шаг 6

Продолжайте менять цвет с помощью корректирующего слоя Hue/Saturation:

whole scene hue saturationwhole scene hue saturationwhole scene hue saturation

Шаг 7

Создайте корректирующий слой Photo Filter с той же целью. Выберите цвет #01ec96:

whole scene photo filterwhole scene photo filterwhole scene photo filter

Шаг 8

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

vibrancevibrancevibrance

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

Шаг 1

Откройте изображение с текстурой света. Выберите изображение "starry 4", добавьте его в работу, и измените режим смешивания на Screen 100%

add light textureadd light textureadd light texture

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

light texture maskinglight texture maskinglight texture masking

Шаг 2

Создайте корректирующий слой Hue/Saturation, чтобы изменить цвет света с красного на розовый:

light texture hue saturationlight texture hue saturationlight texture hue saturation

Шаг 3

Сейчас мы поменяем цвет маленькой рощи, чтобы она смотрелась, как другой мир. Используйте инструмент Lasso Tool, чтобы выбрать маленькую рощу с радиусом Feather Radius = 30. Перейдите в Layer > New Adjustment Layer > Channel Mixer:

small forest colorsmall forest colorsmall forest color

Шаг 4

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

lighting effectlighting effectlighting effect

Шаг 5

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

whole scene curves 3whole scene curves 3whole scene curves 3
whole scene curves 3 maskingwhole scene curves 3 maskingwhole scene curves 3 masking

Поздравлеяем, Вы Закончили!

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

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