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: 10 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 Lightroom? У нас есть огромная коллекция пресетов Lightroom, которые доступны на сайте GraphicRiver, они сэкономят вам время, если хотите добавить эффекты или стилизацию на свои фотографии.

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

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

1. Добавляем Небо и Пейзаж

Шаг 1

Создайте новый рабочий документ в программе Photoshop со следующими размерами 1500 x 1500 px. Установите следующие настройки:

new filenew filenew file

Шаг 2

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

add skyadd skyadd sky

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

sky gaussian blursky gaussian blursky gaussian blur

Шаг 3

С помощью корректирующего слоя, немного затемните небо. Идём Слой- Новый корректирующий слой- Кривые (Layer > New Adjustment Layer > Curves):

sky curvessky curvessky curves

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

sky curves maskingsky curves maskingsky curves masking

Шаг 4

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

sky curves 2sky curves 2sky curves 2

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

sky curves 2 maskingsky curves 2 maskingsky curves 2 masking

Шаг 5

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

add landscapeadd landscapeadd landscape

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

landscape maskinglandscape maskinglandscape masking

Шаг 6

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

landscape cloninglandscape cloninglandscape cloning
landscape cloning resultlandscape cloning resultlandscape cloning result

Шаг 7

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

landscape curveslandscape curveslandscape curves
landscape curves maskinglandscape curves maskinglandscape curves masking

Шаг 8

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

landscape hue saturationlandscape hue saturationlandscape hue saturation

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

Шаг 1

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

add moonadd moonadd moon

Шаг 2

Для соответствия глубины и мягкости неба, примените фильтр Размытие по Гауссу (Gaussian Blur) к слою с Луной. Идём Фильтр - Размытие- Размытие по Гауссу (Filter > Blur > Gaussian Blur). Установите Радиус (Radius) размытия на 8 px:

moon gaussian blurmoon gaussian blurmoon gaussian blur

Шаг 3

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

moon inner glowmoon inner glowmoon inner glow
moon inner glow resultmoon inner glow resultmoon inner glow result

Шаг 4

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

moon reflectionmoon reflectionmoon reflection

Шаг 5

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

moon lightmoon lightmoon light

3. Добавляем Пол

Шаг 1

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

add flooradd flooradd floor

Шаг 2

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

floor hue saturationfloor hue saturationfloor hue saturation

Шаг 3

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

floor curvesfloor curvesfloor curves

4. Добавляем Балкон

Шаг 1

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

isolate balconyisolate balconyisolate balcony
add balconyadd balconyadd balcony

Шаг 2

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

duplicate add more balconyduplicate add more balconyduplicate add more balcony

Шаг 3

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

select columnsselect columnsselect columns
add columnsadd columnsadd columns

Шаг 4

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

balcony hue saturationbalcony hue saturationbalcony hue saturation

Шаг 5

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

balcony curves balcony curves balcony curves

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

balcony curves maskingbalcony curves maskingbalcony curves masking

Шаг 6

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

balcony dodge and burn new filebalcony dodge and burn new filebalcony dodge and burn new file

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

balcony DB resultsbalcony DB resultsbalcony DB results

Шаг 7

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

balcony parts dodge and burnsbalcony parts dodge and burnsbalcony parts dodge and burns

Шаг 8

Чтобы создать тень, падающую от балкона на пол, создайте новый слой ниже слоёв с балконом. Удерживая клавиши (Ctrl+Shift), щёлкните по миниатюрам слоёв с элементами балкона, чтобы загрузить активное выделение.

load balcony selectionload balcony selectionload balcony selection

Залейте выделенную область чёрным цветом, а также уменьшите значение Непрозрачности (Opacity) слоя до 60%. Примените трансформацию (Ctrl+T), чтобы изменить перспективу. Примечание переводчика: не забудьте преобразовать слой с тенью в смарт-объект, для этого щёлкните правой кнопкой мыши по слою с тенью в палитре слоёв и в появившемся окне, выберите опцию Преобразовать в смарт-объект (Convert to smart-object).

balcony shadow perspectivebalcony shadow perspectivebalcony shadow perspective

К слою с тенью, примените Размытие по Гауссу (Gaussian Blur). Установите радиус размытия 4 px:

balcony shadow gaussian blurbalcony shadow gaussian blurbalcony shadow gaussian blur

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

balcony shadow filter maskbalcony shadow filter maskbalcony shadow filter mask

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

balcony shadow maskingbalcony shadow maskingbalcony shadow masking

5. Добавляем Туман

Чтобы создать эффект тумана на озере, идём Слой- Новый слой-заливка – Цвет (Layer > New Fill Layer > Solid Color). Установите следующий цвет заливки #2d2d2d.

pick mist colorpick mist colorpick mist color

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

mist resultmist resultmist result

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

Шаг 1

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

add modeladd modeladd model

Шаг 2

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

model shadowmodel shadowmodel shadow

Шаг 3

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

moonlight on floormoonlight on floormoonlight on floor

Шаг 4

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

remove model tattooremove model tattooremove model tattoo

Шаг 5

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

model hue saturationmodel hue saturationmodel hue saturation

Шаг 6

Добавьте корректирующий слой Фото фильтр (Photo Filter). Установите следующий цвет для данного фильтра #87d5f9:

model photo filter model photo filter model photo filter

Шаг 7

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

model curves model curves model curves

Шаг 8

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

model DBmodel DBmodel DB

7. Добавляем Цветы

Шаг 1

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

add flowers 1add flowers 1add flowers 1

Шаг 2

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

flowers 1 hue saturationflowers 1 hue saturationflowers 1 hue saturation

Шаг 3

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

flowers 1 curves flowers 1 curves flowers 1 curves

Шаг 4

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

add flowers 2add flowers 2add flowers 2

Шаг 5

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

flowers 2 hue saturationflowers 2 hue saturationflowers 2 hue saturation

Шаг 6

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

flowers 2 curves flowers 2 curves flowers 2 curves

Шаг 7

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

flowers 2 DBflowers 2 DBflowers 2 DB

Шаг 8

Добавьте цветы 3 в левую часть сцены:

add flowers 3add flowers 3add flowers 3

Шаг 9

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

flowers 3 hue saturationflowers 3 hue saturationflowers 3 hue saturation
flowers 3 curves flowers 3 curves flowers 3 curves

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

Шаг 1

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

whole scene color balancewhole scene color balancewhole scene color balance
color balance resultcolor balance resultcolor balance result

Шаг 2

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

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

Шаг 3

Добавьте корректирующий слой Карта градиента (Gradient Map). Установите следующие цвета градиента #766f64 and #fde9ae. Поменяйте режим наложения для данного корректирующего слоя на Мягкий свет (Soft Light), 100%.

gradient mapgradient mapgradient map

Шаг 4

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

Color fill layer Color fill layer Color fill layer

Шаг 5

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

whole scene color balance 2whole scene color balance 2whole scene color balance 2

Шаг 6

Добавьте корректирующий слой Фото фильтр (Photo Filter). Установите следующий цветовой оттенок для данного фильтра #abccf8:

color balance 2 resultcolor balance 2 resultcolor balance 2 result

Шаг 7

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

vibrancevibrancevibrance

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

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

FInal image of moonlit sceneFInal image of moonlit sceneFInal image of moonlit scene
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.