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: 9 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

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

new filenew filenew file

Шаг 2

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

add flower backgroundadd flower backgroundadd flower background

Шаг 3

Теперь нам необходимо размыть задний фон, чтобы сфокусировать внимание на модели. Идём Фильтр - Размытие - Размытие по Гауссу (Filter > Blur > Gaussian Blur). Установите Радиус (Radius) размытия на 60 px (или установите радиус размытия на своё усмотрение).

background gaussian blurbackground gaussian blurbackground gaussian blur

Шаг 4

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

add branches 1add branches 1add branches 1

Шаг 5

К слою с выделенной веткой цветов, примените фильтр Размытие по Гауссу (Gaussian Blur). Установите радиус размытия 12 px. Второй размытый элемент усилит глубину нашей сцены.

branches 1 gaussian blurbranches 1 gaussian blurbranches 1 gaussian blur

Шаг 6

Далее, идём Слой- Новый корректирующий слой- Цветовой тон / Насыщенность (Layer > New Adjustment Layer > Hue/Saturation). Поменяйте значение Цветового тона (Hue) на 49:

branches 1 hue saturationbranches 1 hue saturationbranches 1 hue saturation

Шаг 7

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

branches 1 curvesbranches 1 curvesbranches 1 curves

Шаг 8

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

background color balancebackground color balancebackground color balance

Шаг 9

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

background curvesbackground curvesbackground curves

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

Шаг 1

Откройте исходное изображение с моделью. Отделите изображение модели от заднего фона с помощью слой-маски (но вы можете использовать любой инструмент выделения, с которым вы предпочитаете работать). Скопируйте / вклейте выделенное изображение модели на новый слой. Создайте новый слой, с помощью инструмента Пипетка (Eyedropper), отберите образец тёмно-золотистого оттенка с волос модели (я использовал цветовой оттенок #6a3017). Дорисуйте недостающие локоны волос.Примечание переводчика: автор создал новый слой ниже слоя с выделенным изображением модели, а затем залил этот слой персиковым оттенком, чтобы легче было проводить ретушь изображения модели.

model painting hair 1model painting hair 1model painting hair 1

Шаг 2

С помощью светлого оттенка #b06030, нарисуйте волоски на краях причёски модели.

model painting hair 2model painting hair 2model painting hair 2

Шаг 3

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

add modeladd modeladd model

Шаг 4

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

model curves 1model curves 1model curves 1
model curves maskingmodel curves maskingmodel curves masking

Шаг 5

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

model curves 2model curves 2model curves 2

Шаг 6

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

DB new dileDB new dileDB new dile

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

DB resultDB resultDB result

Шаг 7

Вы можете увидеть, что некоторые участки кожи на изображении модели выглядят немного обесцвеченными по сравнению с другими участками кожи. Чтобы исправить это, создайте новый слой и с помощью мягкой кисти, цвет кисти #aa784b, прокрасьте указанные участки изображения модели, а затем поменяйте режим наложения на данного слоя на Цветность (Color), непрозрачность слоя 100%:

skin color fixingskin color fixingskin color fixing
skin fixing resultskin fixing resultskin fixing result

3. Добавляем Крылышки

Шаг 1

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

add wingsadd wingsadd wings

Шаг 2

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

load model selectionload model selectionload model selection

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

wings maskingwings maskingwings masking

Шаг 3

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

wings curveswings curveswings curves

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

Шаг 1

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

add branches 2add branches 2add branches 2

Шаг 2

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

branches 2 gaussian blurbranches 2 gaussian blurbranches 2 gaussian blur

Шаг 3

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

branches 2 color balancebranches 2 color balancebranches 2 color balance

Шаг 4

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

branches 2 curvesbranches 2 curvesbranches 2 curves

5. Добавляем Бабочку

Шаг 1

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

add butterflyadd butterflyadd butterfly

Шаг 2

Чтобы создать тень, падающую от бабочки, создайте новый слой ниже слоя с бабочкой. С помощью инструмента Прямолинейное лассо (Polygonal Lasso Tool), выделите левое крылышко бабочки, а затем залейте выделенное изображение чёрным цветом. Отразите слой с тенью по вертикали, для этого идём Редактирование - Трансформация - Отразить по вертикали (Edit > Transform > Flip Vertical). С помощью инструмента Свободная трансформация (Free Transform Tool (Ctrl+T), растяните изображение с тенью, сделайте тень немного длиннее, чем оригинальное крылышко бабочки.

butterfly shadow 1butterfly shadow 1butterfly shadow 1

Уменьшите непрозрачность слоя с тенью до 40% и с помощью слой-маски, ослабьте насыщенность тени. Далее, к слою с тенью, примените фильтр Размытие по Гауссу (Gaussian Bur), радиус размытия 4 px.

butterfly shadow 2butterfly shadow 2butterfly shadow 2

Шаг 3

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

butterfly shadow 3butterfly shadow 3butterfly shadow 3

Шаг 4

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

butterfly hue saturationbutterfly hue saturationbutterfly hue saturation

Шаг 5

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

butterfly color balancebutterfly color balancebutterfly color balance

Шаг 6

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

butterfly curvesbutterfly curvesbutterfly curves

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

Шаг 1

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

color fill layer color fill layer color fill layer

Шаг 2

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

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

Шаг 3

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

whole scene curveswhole scene curveswhole scene curves

7. Добавьте Световые Блики на Волосы Модели

Создайте новый слой. Выберите ярко-жёлтый оттенок для кисти (я выбрал #fff08d). Добавьте световые блики на локоны волос модели.

hair highlighthair highlighthair highlight

8. Добавляем Текстуру Боке и Световые Эффекты

Шаг 1

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

add bokehadd bokehadd bokeh

Шаг 2

К слою с текстурой Боке, примените фильтр Размытие по Гауссу (Gaussian Blur), установите радиус размытия 25 px

bokeh gaussian blurbokeh gaussian blurbokeh gaussian blur
bokeh maskingbokeh maskingbokeh masking

Шаг 3

Откройте набор текстур со световыми эффектами. Выберите текстуру starry 4, переместите данную текстуру на наш рабочий документ. Поменяйте режим наложения для слоя с данной текстурой на Осветление (Screen), непрозрачность слоя 100%:

add light textureadd light textureadd light texture

Шаг 4

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

light maskinglight maskinglight masking

Шаг 5

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

light curveslight curveslight curves

Шаг 6

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

light hue saturationlight hue saturationlight hue saturation

Шаг 7

Создайте новый слой, а затем нажмите клавиши (Ctrl+G), чтобы создать новую группу для данного слоя. Поменяйте режим наложения для слоя с группой на Осветление основы (Color Dodge), непрозрачность слоя 100%. Поменяйте цвет переднего плана на #f3cf85, а затем нажмите клавишу (F5), чтобы открыть панель настроек кисти.

light dots brush settingslight dots brush settingslight dots brush settings

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

light dots paintinglight dots paintinglight dots painting

Шаг 8

Чтобы добавить свечение к добавленным точкам, дважды щёлкните по слою с нарисованными точками и в появившемся окне, выберите стиль слоя Внешнее свечение (Outer Glow). В окне настроек данного стиля слоя, выберите цвет свечения #fcfcfc.

dots outer glowdots outer glowdots outer glow
outer glow resultouter glow resultouter glow result

Шаг 9

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

paint bigger dotspaint bigger dotspaint bigger dots
bigger dots gaussian blurbigger dots gaussian blurbigger dots gaussian blur

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

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

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.