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

В этом уроке я покажу вам, как с помощью программы Adobe Photoshop создать волшебную сцену, в которой летающая девушка ловила облака внутри комнаты.

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

Любите что-то красочное? Тогда представляем для вас немного вдохновения.

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

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

1. Меняем Цвет, Освещение и Тени Комнаты

Шаг 1

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

new filenew filenew file

Шаг 2

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

add roomadd roomadd room

Шаг 3

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

room gaussian blurroom gaussian blurroom gaussian blur

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

room gaussian blur maskingroom gaussian blur maskingroom gaussian blur masking

Шаг 4

Чтобы изменить свет и тени в комнате, идём Слой- Новый корректирующий слой – Кривые (Layer > New Adjustment Layer > Curves), чтобы уменьшить яркость. Мы планируем создать основной источник света справа, поэтому, перейдите на маску корректирующего слоя с кривыми и с помощью мягкой чёрной кисти, скройте эффект затемнения в правой части сцены.

room curves 1room curves 1room curves 1
room curves 1 maskingroom curves 1 maskingroom curves 1 masking

Шаг 5

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

room curves 2room curves 2room curves 2

Шаг 6

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

room hue saturation 1room hue saturation 1room hue saturation 1

Шаг 7

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

room hue saturation 2room hue saturation 2room hue saturation 2

Шаг 8

Добавьте корректирующий слой Фото Фильтр (Photo Filter). Установите следующий цветовой тон #f9e88c. Данный шаг придаст всей сцене мягкий тон солнечного света.

room photo filterroom photo filterroom photo filter

2. Проводим Ретушь Модели

Шаг 1

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

add modeladd modeladd model

Шаг 2

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

model hue saturationmodel hue saturationmodel hue saturation

Шаг 3

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

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

Шаг 4

Чтобы изменить цвет волос и губ, сделав их более яркими, выберите инструмент Лассо (Lasso Tool (L), а затем выделите указанные участки. Далее, идём Слой- Новый корректирующий слой – Микширование каналов (Layer > New Adjustment Layer > Channel Mixer). Не забудьте преобразовать данный корректирующий слой в обтравочную маску к слою с моделью.

model channel mixer redmodel channel mixer redmodel channel mixer red
model chanel mixer greenmodel chanel mixer greenmodel chanel mixer green
model channel mixer bluemodel channel mixer bluemodel channel mixer blue

Шаг 5

Удерживая клавишу (Ctrl), щёлкните по миниатюре слой-маски корректирующего слоя Микширование каналов (Channel Mixer), чтобы загрузить активное выделение маски. Далее, не снимая выделения, добавьте корректирующий слой Цветовой Баланс (Color Balance).

model color balance midtones model color balance midtones model color balance midtones
model color balance highlightsmodel color balance highlightsmodel color balance highlights

Шаг 6

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

model hue saturation 2model hue saturation 2model hue saturation 2

Шаг 7

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

model DB new layermodel DB new layermodel DB new layer

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

model DB resultsmodel DB resultsmodel DB results

3. Добавляем Озеро

Шаг 1

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

add lakeadd lakeadd lake

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

lake maskinglake maskinglake masking

Шаг 2

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

lake hue saturationlake hue saturationlake hue saturation

Шаг 3

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

lake curves lake curves lake curves

Шаг 4

Чтобы создать отражение стены на поверхности озера, перейдите на слой с комнатой, а затем с помощью инструмента Прямоугольная область (Rectangular Marquee Tool (M), выделите нижнюю часть стены. Нажмите клавиши (Ctrl+C), чтобы скопировать созданное выделение. Создайте новый слой поверх всех слоёв, а затем нажмите клавиши (Ctrl+V), чтобы вклеить скопированное выделение на новый слой. Отразите по вертикали фрагмент стены, для этого идём Редактирование – Трансформация – Отразить по вертикали (Edit > Transform > Flip Vertical), а затем сдвиньте отражение стены вниз, закрыв область озера.

select wall select wall select wall
wall flipping verticallywall flipping verticallywall flipping vertically

Шаг 5

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

wall reflection maskingwall reflection maskingwall reflection masking

Шаг 6

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

reflection hue saturationreflection hue saturationreflection hue saturation

Шаг 7

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

reflection curvesreflection curvesreflection curves

4. Добавляем Лодку

Шаг 1

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

add boatadd boatadd boat
boat tweakingboat tweakingboat tweaking

Шаг 2

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

boat reflectionboat reflectionboat reflection

Уменьшите Непрозрачность (Opacity) дубликата слоя с лодкой до 50%, а затем с помощью слой-маски, удалите участки изображения лодки, которые расположены за пределами контура озера.

boat reflection maskingboat reflection maskingboat reflection masking

Шаг 3

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

boat hue saturationboat hue saturationboat hue saturation

Шаг 4

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

boat curvesboat curvesboat curves

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

Шаг 1

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

add flowersadd flowersadd flowers

С помощью слой-маски, удалите нижнюю часть цветов.

flowers maskingflowers maskingflowers masking

Шаг 2

Создайте отражение цветов на поверхности озера, точно так же, как мы проделали с лодкой.

flowers reflectionflowers reflectionflowers reflection

Шаг 3

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

flowers hue saturationflowers hue saturationflowers hue saturation

Шаг 4

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

flowers curvesflowers curvesflowers curves

Шаг 5

Создайте новый слой ниже слоя с группой с цветами. С помощью мягкой кисти, цвет кисти #151110, Непрозрачность (Opacity) кисти примерно 40%, нарисуйте тени на лодке от цветов.

flowers shadowflowers shadowflowers shadow

Шаг 6

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

paint stringpaint stringpaint string

6. Добавляем Облака

Шаг 1

Создайте новый слой поверх всех остальных слоёв, поменяйте кисть на кисть Облака. Установите цвет переднего плана на #eaeaea, выберите одну из кистей Облака (я выбрала кисть под номером 1252), а затем добавьте облака на нижнюю правую часть холста.

add cloudsadd cloudsadd clouds

Шаг 2

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

add other clouds add other clouds add other clouds

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

clouds maskingclouds maskingclouds masking

Шаг 3

Примените Размытие по Гауссу (Gaussian Blur) с радиусом размытие 6 px к каждому слою с облаком, которые расположены в верхней и нижней части холста.

clouds gaussian blur 1clouds gaussian blur 1clouds gaussian blur 1

Примените Размытие по Гауссу (Gaussian Blur) с радиусом размытие 4 px к слою с облаком, которое расположено в верхней средней части сцены. Это поможет добавить глубину резкости к нашей сцене.

clouds gaussian blur 2clouds gaussian blur 2clouds gaussian blur 2

Шаг 4

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

clouds curves 1clouds curves 1clouds curves 1

Шаг 5

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

clouds curves 2clouds curves 2clouds curves 2

Шаг 6

Добавьте корректирующий слой Фото Фильтр (Photo Filter), установите цвет фильтра на #ec8a00, чтобы совместить цвет облаков с остальной сценой.

clouds photo filterclouds photo filterclouds photo filter

7. Рисуем Волосы

Создайте два новых слоя поверх всех остальных слоёв и с помощью маленькой кисти, цвет кисти #4a2e34 и #f3a493, дорисуйте волосы к модели.

paint hairpaint hairpaint hair

8. Проводим Заключительную Коррекцию

Шаг 1

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

whole scene gradient mapwhole scene gradient mapwhole scene gradient map

Шаг 2

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

whole scene color balance midtones whole scene color balance midtones whole scene color balance midtones
whole scene color balance highlightswhole scene color balance highlightswhole scene color balance highlights

Шаг 3

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

whole scene curveswhole scene curveswhole scene curves

Шаг 4

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

whole scene vibrancewhole scene vibrancewhole scene vibrance

Шаг 5

Добавьте корректирующий слой Выборочная коррекция цвета (Selective Color). Поменяйте настройки для Красных (Reds), Голубых (Cyans), Синих (Blues), Нейтральных (Neutrals) и Чёрных (Blacks).

whole scene selective colorwhole scene selective colorwhole scene selective color

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

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

Представляем вам другие уроки с волшебными летающими объектами:

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
One subscription.
Unlimited Downloads.
Get unlimited downloads