Уроки Фотоманипуляция Марат Садыгалиев 17 марта 2016

Используем фракталы для создания коллажа в Фотошоп

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

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

В данной картине отражается мир сновидений, в мир который мы попадаем, когда засыпаем. Вначале мы совместим фракталы, а затем добавим лестницу и девушку. В конце урока мы проведём цветовую коррекцию и сфокусируемся на освещении всей сцены. Для выполнения данного урока вам понадобится программа Photoshop CS или выше. Итак, давайте приступим!

Итоговый результат:

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

Шаг 1. Создаём задний фон

Откройте программу Photoshop. Создайте новый документ в программе Photoshop со следующими размерами 939 рх по высоте и 1410 рх по ширине, разрешение 72 пикселя/ дюйм:

Выберите инструмент Заливка (Paint Bucket Tool (G)). Залейте задний фон чёрным цветом.

Шаг 2. Добавляем основной фрактал

Скачайте изображение с фракталом ‘fractal.png’ по ссылке в начале этого урока, а затем переместите данное изображение с фракталом на наш рабочий документ. Дважды щёлкните по названию слоя, чтобы переименовать его, дайте новое название ФРАКТАЛ (FRACTAL).

Если вы не видите панель Палитры слоёв, то идём Окно – Слои (Window>Layers), чтобы появилась данная панель.

Быстрая подсказка: переименовывать слои – это хорошая практика, которая поможет вам при работе с множеством слоёв, т.к. это упрощает поиск нужного слоя.

Шаг 3. Добавляем лестницу

Скачайте изображение с лестницей по ссылке в начале этого урока, а затем переместите данное изображение на наш рабочий документ. Расположите слой с изображением лестницы поверх всех остальных слоёв. Назовите этот слой ЛЕСТНИЦА (STAIRS).

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

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

Шаг 4. Совмещаем лестницу

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

Щёлкните по слою ЛЕСТНИЦА (STAIRS), чтобы убедиться, что данный слой активный. Идём Изображение – Коррекция – Подобрать цвет (Image > Adjustments > Match Color) и в появившемся окне настроек установите настройки, которые указаны на скриншоте ниже.

Нажмите ‘OK’, чтобы применить изменения. Как вы видите, изображение лестницы стало более синим, но оно всё ещё слишком яркое. Чтобы исправить это, добавьте корректирующий слой Кривые (Curves) поверх всех остальных слоёв. Установите кривую, как показано на скриншоте ниже.

Кнопку Добавить новый корректирующий слой или слой-заливку (Add new fill or adjustment layer) можно найти в нижней части палитры слоёв.

Нам нужно откорректировать только нижний слой, который расположен под корректирующим слоем (слой ЛЕСТНИЦА (STAIRS)) и не применять коррекцию ко всем остальным слоям. Для этого, преобразуйте корректирующий слой Кривые (Curves) в обтравочную маску, нажав на значок в нижней части панели, который выделен бирюзовым квадратиком на скриншоте ниже.

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

Шаг 5. Дополнительное совмещение

В этом шаге мы скроем отдельные участки изображения с лестницей, чтобы совместить ее с фракталом, который расположен ниже. К слою ЛЕСТНИЦА (STAIRS), добавьте слой-маску. Данную кнопку Добавить слой-маску (Add layer mask) можно найти в нижней части панели слоёв.

Выберите инструмент Кисть (Brush Tool (B)), установите мягкую круглую кисть непрозрачностью (Opacity) 80%, цвет кисти чёрный. Убедитесь, чтобы слой-маска была активна, для этого щёлкните по ней. Начните прокрашивать кистью по участкам изображения, которые вы хотите скрыть.

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

Шаг 6. Добавляем второй фрактал

Скачайте ещё одно изображение с фракталом ‘fractal2.png’ по ссылке в начале этого урока, а затем переместите данное изображение на наш рабочий документ. Расположите данное изображение с фракталом поверх всех остальных слоёв, назовите этот слой ФРАКТАЛ 2 (FRACTAL 2).

К слою ФРАКТАЛ 2 (FRACTAL 2), добавьте слой-маску. Выберите инструмент Кисть (Brush Tool (B)). Используя ту же самую технику, которую мы применяли в предыдущем шаге, проведите совмещение фрактала со всей сценой. Сфокусируйтесь на создании плавного перехода между нижней частью ФРАКТАЛА 2 и остальной сценой.

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

Шаг 7. Цветовая коррекция

В этом шаге мы уменьшим насыщенность нашей сцены, а также добавим контраст, чтобы усилить атмосферу.

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

Чтобы усилить контраст, добавьте корректирующий слой Яркость / Контрастность (Brightness/Contrast) поверх всех остальных слоёв, установите значение Контрастности (Contrast) на 55.

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

Шаг 8. Создаём виньетку

В этом шаге мы создадим эффект виньетки, чтобы добавить больше глубины к нашей сцене.

Выберите инструмент Овальная область (Eliptical Marquee Tool (M)). Создайте выделение, как показано на скриншоте ниже.

Чтобы переход был плавным, идём Выделение – Модификация – Растушёвка (Select > Modify > Feather). Установите Радиус Растушёвки (Feather Radius) 300 px. Нажмите ‘OK’.

Далее, идём Выделение – Инверсия (Select > Inverse).

Теперь добавьте корректирующий слой Кривые (Curves) поверх всех остальных слоёв. Установите кривую, как показано на скриншоте ниже. 

Как вы видите, мы затемнили только края изображения.

Шаг 9. Добавляем девушку

Скачайте изображение с девушкой по ссылке в начале этого урока, а затем переместите данное изображение на наш рабочий документ. Расположите изображение с девушкой поверх всех остальных слоёв, назовите этот слой ДЕВУШКА (GIRL).

Чтобы совместить изображение девушки со всей сценой, нам необходимо уменьшить насыщенность, а также немного затемнить изображение с девушкой.

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

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

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

Далее, добавьте корректирующий слой Выборочная коррекция цвета (Selective Color). Установите значения, которые указаны на скриншоте ниже. Также не забудьте преобразовать данный корректирующий слой в обтравочную маску к слою с девушкой.

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

Шаг 10. Добавляем тень

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

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

Создайте новый слой ниже слоя с девушкой, назовите этот слой ‘Тень’. Выберите инструмент Кисть (Brush Tool (B)), установите мягкую круглую кисть непрозрачностью (Opacity) 100%.

Нажмите клавишу ‘Alt’ для активации инструмента Пипетка (Eyedropper Tool). Отберите образец тёмного оттенка. Теперь нарисуйте тень, как показано на скриншоте ниже.

Шаг 11. Создаём туман

В этом шаге мы добавим эффект тумана, чтобы создать волшебную атмосферу.

Переместите изображение с фракталом ‘fractal1.png’ на наш рабочий документ, расположив поверх всех остальных слоёв. Назовите слой с фракталом ТУМАН (MIST).

Чтобы совместить данный фрактал со всей сценой, уменьшите Непрозрачность (Opacity) слоя до 60%.

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

К слою ТУМАН (MIST), добавьте слой-маску. Выберите инструмент Кисть (Brush Tool (B)), установите мягкую круглую кисть непрозрачностью (Opacity) 80%, цвет кисти чёрный. Убедитесь, чтобы слой-маска была активной, для этого щёлкните по ней.

Прокрасьте участки, которые вы хотите скрыть. Вы можете увидеть участки обработки кистью на скриншоте ниже, эти участки выделены бирюзовым цветом.

Нам нужно, чтобы туман был виден только на лестнице.

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

Шаг 12. Добавляем фрактал перед девушкой

Скачайте изображение с фракталом ‘fractal3.png’ по ссылке в начале этого урока, а затем переместите данное изображение на наш рабочий документ. Расположите слой с фракталом поверх всех остальных слоёв, назовите этот слой ФРАКТАЛ 3 (FRACTAL 3).

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

Шаг 13. Усиливаем светотени

В этом шаге мы сфокусируемся на создании более интересного освещения.

Создайте новый слой поверх всех остальных слоёв, назовите этот слой ТЕНИ (SHADOWS). Поменяйте режим наложения для данного слоя на Мягкий свет (Soft Light).

Выберите инструмент Кисть (Brush Tool (B)), установите мягкую круглую кисть, уменьшите Непрозрачность (Opacity) кисти до 10%, цвет кисти белый. Прокрасьте кистью участки, которые выделены бирюзовым цветом на скриншоте ниже.

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

Шаг 14. Добавляем свет

В этом шаге мы применим голубое свечение в центре изображения, чтобы добавить больше глубины.

Создайте новый слой поверх всех слоёв, поменяйте режим наложения для данного слоя на Мягкий свет (Soft Light). Назовите этот слой СВЕТ (LIGHT).

Выберите инструмент Кисть (Brush Tool (B)), установите мягкую круглую кисть непрозрачностью 25%. Выберите светло-голубой оттенок для кисти. Я использовал цветовой оттенок #2de3bf.

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

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

Шаг 15. Добавляем контрастность

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

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

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

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

Шаг 16. Цветовая коррекция

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

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

Чтобы уменьшить насыщенность, добавьте новый корректирующий слой Цветовой тон / Насыщенность (Hue/Saturation) поверх всех остальных слоёв, установите значение Насыщенности (Saturation on) на –10.

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

Итоговый результат:

Урок в формате PSD

Автор: Jarka Hrnèárková

Источник: www.photoshoptutorials.ws

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

Спасибо за урок. Только у меня с фракталами ничего не получилось. Оставались светлые пятна. Я их просто закрашивала. :slightly-frowning-face:

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

Спасибо.Очень понравился урок.

спасибо зе хороший урок

немного по другому

Спасибо за урок, все просто и доступно

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

а если контраст меньше сделать?

..ну и еще одну..!)

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

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

а вот второй вариант

спасибо за урок :) 2 варианта получилось

За урок спасибо!!!

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

Спасибо! Красивый результат получается))

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

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

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

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


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

Предыдущая Следующая
Добавлена {{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-адрес, помогающих нам сделать его удобнее для вас. Подробнее