Уроки Фотоманипуляция Максим Енин 27 июля 2016

Создаем сказочный коллаж в Фотошоп

Сложность урока: Средний

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

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

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

Шаг 1

Создаем документ размером 1800 х 1357 пикселей со следующими настройками:

Шаг 2

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

Шаг 3

Переходим Filter – Blur – Gaussian Blur (Фильтр – Размытие – Размытие по Гауссу) и устанавливаем Radius (Радиус) на 30 пикселей:

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

Шаг 4

Переходим Layer – New Adjustment Layer – Hue/Saturation (Слой – Новый корректирующий слой – Цветовой тон/Насыщенность), комбинацией клавиш преобразовываем слой в обтравочную маску (Ctrl+Alt+G). В выпадающем меню выбираем Master (Мастер), Yellows (Желтые) и Reds (Красные) и поочередно настраиваем их:

Шаг 5

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

Шаг 6

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

Добавляем на слой с лесом маску и пытаемся добиться плавного перехода между травой и лесом:

Шаг 7

Применяем фильтр Gaussian Blur (Размытие по Гауссу) с радиусом 12 пикселей. Мягкой черной кистью редактируем маску корректирующего слоя и убираем размытие в месте перехода леса в траву. Вот так выглядит результат до и после обработки маски:

Шаг 8

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

Отражаем тень по вертикали Edit – Transform – Flip Vertical (Редактирование – Трансформация – Отразить по вертикали) и перемещаем ее под дерево. Затем активируем свободную трансформацию (Ctrl+T) и трансформируем тени:

Применяем к тени фильтр Gaussian Blur (Размытие по Гауссу) с радиусом 15 пикселей:

Шаг 9

Этим же способом создаем тень для других деревьев:

Шаг 10

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

Шаг 11

Создаем новый слой и меняем его режим смешивания на Soft Light (Мягкий свет). Мягкой белой кистью в центре леса добавляем больше света.

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

Шаг 1

Вырезаем дерево и вставляем его в центре рабочего полотна. Активируем свободную трансформацию (Ctrl+T) и немного уменьшаем его.

Добавляем слой-маску и убираем жесткие края, чтобы дерево плавно переходило в траву:

Шаг 2

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

Шаг 3

Создаем новый слой, меняем его режим смешивания на Overlay (Перекрытие) с Opacity (Непрозрачностью) 100% и заполняем 50%-ным серым цветом:

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

Шаг 4

Создаем корректирующий слой Hue/Saturation (Цветовой тон/Насыщенность) и устанавливаем Saturation (Насыщенность) на -62:

Шаг 5

Создаем корректирующий слой Color Balance (Цветовой баланс) и настраиваем Midtones (Средние тона):

Шаг 6

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

Шаг 7

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

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

Шаг 1

Открываем фото с аркой. Удаляем внутреннюю часть и вставляем ее в нижней части дерева:

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

Шаг 2

Создаем корректирующий слой Color Balance (Цветовой баланс) и настраиваем Midtones (Средние тона):

Шаг 3

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

Шаг 4

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

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

Шаг 5

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

4. Добавляем ступени

Шаг 1

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

Шаг 2

С помощью слой-маски удаляем края ступеней:

Шаг 3

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

Шаг 4

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

Шаг 5

С помощью корректирующего слоя Color Balance (Цветовой баланс) настраиваем цвет ступеней, чтобы они соответствовали общему настроению композиции:

Шаг 6

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

Шаг 7

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

5. Добавляем ребенка

Шаг 1

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

Шаг 2

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

Шаг 3

Добавляем корректирующий слой Hue/Saturation (Цветовой тон/Насыщенность) и уменьшаем Saturation (Насыщенность) до -38.

Шаг 4

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

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

Шаг 1

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

Шаг 2

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

Шаг 3

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

Шаг 4

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

7. Применяем базовую коррекцию

Шаг 1

Создаем цветовую заливку. В нижней части панели слоев жмем кнопку Create new fill or adjustment layer (Создать новую заливку или корректирующий слой) и выбираем Solid Color (Цвет). Для заливки используем цвет #160101. Меняем режим смешивания этого слоя на Exclusion (Исключение).

Шаг 2

Создаем корректирующий слой Color Balance (Цветовой баланс) и настраиваем Midtones (Средние тона) и Highlights (Свет):

Шаг 3

Добавляем корректирующий слой Channel Mixer (Микширование каналов) и настраиваем канал Red (Канал):

Шаг 4

Создаем корректирующий слой Curves (Кривые) и слегка меняем цвет с помощью канала Blue (Синий):

Шаг 5

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

Шаг 6

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

Шаг 7

Создаем корректирующий слой Photo Filter (Фото-фильтр) и выбираем цвет #01ec96:

Шаг 8

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

8. Добавляем освещение

Шаг 1

Открываем набор текстур с эффектами освещения. Выбираем изображение «starry 4» и перетаскиваем его на рабочий документ. Меняем режим смешивания слоя на Screen (Осветление):

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

Шаг 2

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

Шаг 3

Далее мы изменим цвет леса внутри арки, чтобы создать эффект параллельного мира. Активируем Lasso Tool (L) (Лассо), устанавливаем Feather (Растушевка) на 30 и выделяем лес. Переходим Layer – New Adjustment Layer – Channel Mixer (Слой – Новый корректирующий слой – Микширование каналов):

Шаг 4

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

Шаг 5

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

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

Автор: Jenny Le

Источник: design.tutsplus.com

37 тыс. 154
Печать Жалоба

Комментарии 154

простите, а не подскажите, очень хочу сделать данную работу, нов от столкнулся с тем, что чтобы убрать лишнее размытие, я нажимаю на кисть, но кисть пишет этоThis smart object must be rasterized before proceeding. Edit Contents will no longer be available. Rasterize the smart object?
КОРОЧЕ, РАССКАЖИТЕ ПОДРОБНЕЕ КАК СДЕЛАТЬ МАСКУ ИМЕННО К ФИЛЬТРУ!!!)))

Вопросы по уроку задавайте на форуме. В конце каждого урока есть ссылка "Задать вопрос на форуме"

Растрируйте смарт объект!

Спасибо большое за урок!

Вот как-то так. Давненько делал.

Благодарю за урок)

скажите пожалуйста как Активируем маску фильтра... при использовании кисти белая полоска и размытие не убирается((

Вот такая фантазия вышла! Спасибо за урок)

Благодарю за интересный урок!

ЗДРАВСТВУЙТЕ ! ХОТЕЛА СКАЧАТЬ МАТЕРИАЛ , ПОКАЗЫВАЕТ ОШИБКУ

МАРИЯ mamaru.1970 , Исправили.

Решил сделать несколько работ с вашего сайта, очень интересные уроки, открывать что-то новое - прекрасно. Кому интересно инстаграм: @thecoldsacrifice, начал делать цикл коллажей, последний как раз из данного урока.

Спасибо за интересный урок!))

Спасибо за сказочный урок!

А у меня нес в цветовой насыщенности слова Мастер и какой цвет мне настраивать?Я работаю в фотошопе CS6

Вопросы по уроку задавайте на форуме. В конце каждого урока есть ссылка "Задать вопрос на форуме"

Oтличный урок. Спасибо!

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

Спасибо за урок.

Еще 30
Добавить комментарий / работу

Новые работы пользователей

По заданным фильтрам работы не найдены

Попробуйте изменить критерий поиска или сбросить фильтры


Смотреть все работы

Предыдущая Следующая
Добавлена {{work.date}}
Не удалось загрузить работу. Возможно она была удалена.
GIF {{work.bite}} Мб Загрузить
Редактировать Удалить
18+
Работа имеет содержимое для 18+ лет
{{work.views}} {{work.comments}}
Жалоба

Комментарии {{work.childs.length || 0}}

Видео к работе
Популярные работы автора:
Работа получила награды:
Курсы автора:
Онлайн-курс

Жалоба

Опишите суть жалобы, при необходимости добавьте ссылки на скриншоты

Спасибо! Ваше обращение ушло на рассмотрение.

Название работы

Описание работы (необязательно)

Комментарий

Ваша миниатюра:

Название:
{{name}}
Описание:

Исходник:

{{source.name}} {{source.name}}

Тэги:
#{{tag.label}}

Есть ли у вас исходник к работе?

Исходник — это файл из исходных изображений, которые использовались для создания вашей работы. Исходник позовляет лучше понять вашу работу. Он не обязателен, но работы с исходниками получают больше лайков и имеют право на участие в еженедельных конкурсах.
jpg-файл, максимальный размер 1920x1080px

Пример исходника

Выберете тэги работы:

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

Не более десяти тэгов на одну работу

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

После добавления работы:


Запланировать публикацию

Отменить планирование
Запланировать

Используя данный сайт, вы даёте согласие на использование файлов cookie, данных об IP-адрес, помогающих нам сделать его удобнее для вас. Подробнее