Найти тему

Делаем в Фотошоп волшебный коллаж с каретой и тыквами

Оглавление

В этом уроке вы узнаете, как создать волшебную композицию с каретой и тыквами в стиле классического диснеевского мультфильма «Золушка». По ходу урока вы научитесь использовать 3D-рендеры и комбинировать их с фотографиями для создания драматичного коллажа.

Скачать архив с материалами к уроку

Примечание: Автор использовал платные материалы. В архиве вы найдёте альтернативный вариант изображений для выполнения урока.

В поисках вдохновения

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

Для начала на сайтах Pinterest и Google я собрала референсы, которые помогут мне построить правильную композицию и создать нужную атмосферу. Вам интересно, какие картинки я выбрала? Предлагаю по ссылке посмотреть мою коллекцию, чтобы лучше погрузиться в процесс работы!

-2

1. Как скачать и использовать 3D-рендер

У меня есть аккаунт на Envato Elements, и я без ума от 3D-раздела на этом сайте! Поэтому для этого урока нам понадобятся три 3D-рендера.

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

Шаг 1

Начнем с кареты. Нажимаем на View 360 Render, чтобы загрузить объект.

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

-3

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

-4

Шаг 2

Вы можете построить всю композицию с нуля, используя только 3D-рендеры, но учтите, что это достаточно длительный процесс. Хорошее сочетание обычных картинок и 3D-графики будет оптимальным вариантом для данной фотоманипуляции.

Скачиваем картинки с тыквой 1 и тыквой 2 со следующими ракурсами:

-5

2. Добавляем фон и дорогу

Скачав все необходимые исходники, начинаем работу.

Шаг 1

Создаем новый документ размером 2500 х 1588 пикселей и разрешением 300 dpi.

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

Затем переходим Filter – Liquify (Фильтр – Пластика).

-6

С помощью Forward Warp Tool (W) (Деформация) двигаем ветки над человеком чуть вверх, чтобы придать им более симметричную форму арки.

Получаем вот такой результат.

-7

Шаг 2

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

С помощью ластика (Е) (Hardness (Жесткость) 0% и Opacity (Непрозрачность) 20-50%) редактируем грубые края.

-8

Шаг 3

Теперь давайте осветлим дорогу и фон. Переходим Layer – New Adjustment Layer – Curves (Слой – Новый корректирующий слой – Кривые).

Редактируем RGB-канал и поднимаем кривую вверх, чтобы осветлить композицию, затем жмем ОК.

Выбираем маску корректирующего слоя Curves (Кривые) и черной кистью закрашиваем верхнюю часть в форме арки. Оставляем яркость только в центре композиции. Уменьшаем непрозрачность слоя до 35%.

-9

Шаг 4

Давайте подкорректируем дорогу. Чтобы вместить карету и тыквы, она должна быть шире.

С помощью свободной трансформации (Ctrl+T) растягиваем копию дороги по ширине.

-10

Шаг 5

Дублируем (Ctrl+J) получившийся слой. Заполняем копиями дорогу, как показано ниже.

Объединяем копии вместе и называем получившийся слой «Камни». Устанавливаем режим смешивания этого слоя на Difference (Разница) и добавляем маску, чтобы доработать границы дороги.

-11

Выполняем цветокоррекцию каменной дорожки.

Выбираем слой «Камни» и переходим Image – Adjustments – Hue & Saturation(Изображение – Коррекция – Цветовой тон/Насыщенность).

Настраиваем параметры, чтобы цвет дороги соответствовал лесу.

  • Hue (Цветовой тон): -19
  • Saturation (Насыщенность): -71
  • Lightness (Яркость): -16
-12

Шаг 6

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

-13

3. Добавляем карету и тыквы

Шаг 1

Открываем картинку с каретой.

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

-14
-15

Шаг 2

Далее добавляем белую и оранжевую тыквы и корректируем их размер (Ctrl+T).

-16

Несколько раз дублируем (Ctrl+J) обе тыквы. С помощью свободной трансформации (Ctrl+T) корректируем ширину и высоту каждой копии. Также, с помощью этого инструмента, можете повернуть их, изменить угол или перспективу.

-17

Также один букет добавляем на вершине кареты. Уменьшаем его Opacity(Непрозрачность) до 78%.

-18

4. Настраиваем цвет с помощью фильтров

Шаг 1

Теперь, закончив добавлять все необходимые элементы, мы можем настроить цвета, чтобы придать драматичности композиции.

В самом верху панели слоев добавляем корректирующий слой Color Lookup (Поиск цвета).

Устанавливаем 3DLUT File (Файл 3DLUT) на FoggyNight.3DL. Затем уменьшаем непрозрачность до 87%.

Теперь выглядит гораздо лучше.

-19

Выше добавляем новый корректирующий слой Curves (Кривые). Настраиваем каналы RGB и Blues (Синий), как показано ниже:

-20

Шаг 2

Продолжаем!

Выше добавляем корректирующий слой Gradient Map (Карта градиента). В настройках выбираем линейный градиент и применяем красный (#431704) и синий (#4079d7) цвета.

Затем устанавливаем режим смешивания на Hue (Цветовой тон) и уменьшаем непрозрачность до 35%.

-21

Шаг 3

Добавляем последний корректирующий слой Color Lookup (Поиск цвета). Устанавливаем 3DLUT File (Файл 3DLUT) на Filmstock_50.3DL. Затем уменьшаем непрозрачность слоя до 45%.

-22

5. Настраиваем освещение

Заметили, насколько некрасиво и нереалистично выглядят 3D-объекты?

Давайте это исправим!

Шаг 1

Над слоем с каретой добавляем новый слой и трансформируем его в обтравочную маску (Ctrl+Alt+G).

-23

Если вы удалите слишком много, возьмите кисть (В) и таким же оттенком серого восстановите цвет.

-24

Шаг 2

Теперь тыквы.

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

Чтобы настроить освещение для правой группы объектов, выше создаем корректирующий слой Levels (Уровни) и трансформируем его в обтравочную маску (Ctrl+Alt+G). Настраиваем канал RGB:

  • 58, 1.14, 242
  • Output Levels (Выходные значения): 0, 126
-25

Таким же образом настраиваем левую группу объектов. Используем те же настройки.

-26

Шаг 3

Теперь для каждой группы объектов мы добавим мелкие детали!

Для этого делаем следующее:

Выше группы создаем новый слой в режиме смешивания Multiply (Умножение) и трансформируем его в обтравочную маску (Ctrl+Alt+G).

Выбираем темно-серый цвет (#171718), затем на тыквах и цветах добавляем тени.

Берем мягкую круглую кисть (В) (жесткость 0%, низкий уровень непрозрачности) и наводим более четкие линии на тыквах. Затем увеличиваем жесткость кисти до 50-100% и продолжаем добавлять детали. Также рисуем тени и трещины на дороге.

Ниже вы можете посмотреть пошаговую доработку левой группы.

-27

Добавляем мелкие штрихи и царапины, чтобы сделать композицию интересной и реалистичной!

Используя тот же подход, дорабатываем правую группу объектов.

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

-28

6. Финальные штрихи

Пришло время добавить финальные штрихи!

Шаг 1

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

-29

Шаг 2

Создаем еще один новый слой в режиме смешивания Overlay (Перекрытие).

Светло-кремовым цветом (#e7e2d8) добавляем золотистые блики по всей сцене. Работаем мягкой круглой кистью (В), затем для добавления мелких деталей увеличиваем жесткость инструмента.

На картинке ниже вы можете увидеть результат с режимом смешивания Normal(Нормальный) (слева) и Overlay (Перекрытие) (справа).

-30

Продолжаем добавлять больше слоев с бликами в режиме смешивания Overlay(Перекрытие). Изучите различные картинки с лесом и другие фото, чтобы понять, как работает реалистичное освещение.

-31

Шаг 3

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

Начнем с Brightness and Contrast (Яркость/Контрастность):

  • Brightness (Яркость): 11
  • Contrast (Контрастность): 17
-32

Затем создаем корректирующий слой Color Lookup (Поиск цвета). Устанавливаем 3DLUTFile (Файл 3DLUT) на LateSunset.3DL. Уменьшаем непрозрачность слоя до 20%.

-33

Заканчиваем доработку корректирующим слоем Color Balance (Цветовой баланс). Настраиваем Shadows (Тени), Midtones (Средние тона) и Highlights (Яркие тона).

-34

Получаем вот такой результат!

-35

Шаг 4

Теперь добавим немного волшебства!

Загружаем кисти «Звезды и блики» и устанавливаем их в Photoshop. Создаем новые слои и применяем дополнительные эффекты. Чтобы сохранить освещение и тонировку, новые слои добавляем под корректирующими из предыдущего шага.

Выбираем кисточку 1267 и рисуем несколько мерцающих бликов.

-36

Добавляем больше свечения на карете! Для более интересного результата поэкспериментируйте с разными кистями! Маленькой жесткой кисточкой рисуем мелкие точки на дороге и вокруг кареты.

-37

Добавляем солнечные лучи для придания драматичности картинке. Начинаем с простой линии, а затем дорабатываем ее ластиком (Е).

-38

Продолжаем в том же духе и жесткой круглой кистью (В) рисуем новые блики и лучи. Дорабатываем края ластиком (Е). Только следите, чтобы лучи и блики соответствовали основному источнику света!

-39

Шаг 5

В последнем шаге мы создадим свечение на карете.

Кликаем правой кнопкой мышки по слою с каретой и выбираем Blending Options(Параметры наложения). В открывшемся окне активируем стиль слоя Outer Glow(Внешнее свечение) и настраиваем его:

-40

В результате появится приятное внешнее свечение, которое падает на дорогу возле кареты. Ниже вы можете увидеть финальный результат.

Завершение

Чтобы рассмотреть работу детально, кликните по картинке ниже чтобы открыть картинку с большим разрешением.

С помощь 3D-рендеров можно делать потрясающие вещи, и надеюсь, этот урок вдохновит вас попробовать что-то свое!

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

-41

Поделиться своей работой и задать вопрос можно на странице урока сайта photoshop-master.ru