Дополнения

Бесплатная рассылка

Вы будете получать ссылки на свежие видеоуроки по фотошопу совершенно бесплатно

крупнейшая в мире социальная сеть пользователей Adobe Photoshop

211 383 чел. 401 822 работы 4 107 уроков
  • Обучайтесь и совершенствуйтесь
  • Разместите своё портфолио
  • Участвуйте в конкурсах
  • Подписывайтесь и оценивайте
  • Комментируйте и общайтесь
Присоединиться

Сложность: Сложная

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

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

Этапы урока

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

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

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

Шаг 1

Создайте новый документ в программе Photoshop. Установите следующие размеры Ширина (Width): 3000 рх, Высота (Height): 3503 px. Откройте изображение с лесом. Переместите данное изображение на наш рабочий документ, которое будет являться основным изображением.

Шаг 2

Далее, мы добавим драматичную атмосферу к изображению с лесом. Создайте новый слой (Shift+ Ctrl+N). С помощью мягкой кисти, цвет кисти светло-серый (#deded8), прокрасьте в центре изображения, а затем с помощью кисти тёмно-серого цвета (#545563), прокрасьте края изображения, как показано на скриншоте ниже слева. Добавьте небольшое размытие, чтобы смягчить эффект, идём Фильтр – Размытие – Размытие по Гауссу (Filter – Blur – Gaussian Blur). Установите радиус размытия 180 px.

Шаг 3

Поменяйте режим наложения для данного слоя на Мягкий свет (soft light). На скриншоте ниже, вы можете увидеть, что теперь, освещение стало светлее в центре и темнее по краям.

Шаг 4

Далее, добавьте изображение модели на наш рабочий документ

Шаг 5

С помощью инструмента Перо (pen tool), отделите изображение девушки от заднего фона. Выберите инструмент Перо (pen tool). Убедитесь, чтобы в настройках данного инструмента была выбрана опция Контуры (Path), а не Слой-фигура (Shape). Создайте контур вокруг изображения девушки. Проявите терпение, чтобы получить наиболее точное выделение.

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

Шаг 6

Шаг 7

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

Шаг 8

Далее, идём Фильтр – Пластика (Filter – Liquify). С помощью инструмента Деформация (Forward Warp Tool), деформируйте платье девушки. Размер кисти 70, Нажим кисти (Pressure) можно установить в пределах 20 - 25.

Шаг 9

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

Шаг 10

Обтравочная маска очень полезна при воздействии только на один элемент композиции. Т.к. мы работаем с изображением модели, то создание обравочной маски поможет вам провести коррекцию только выделенного слоя. Для этого, щёлкните правой кнопкой мыши по корректирующему слою Цветовой тон / Насыщенность (Hue/Saturation), который вы создали в предыдущем шаге и в появившемся окне, выберите опцию Создать обтравочную маску (Create Clipping Mask). Далее, корректирующий слой будет выглядеть, как на скриншоте ниже, это означает, что данный корректирующий слой будет воздействовать только на нижележащий слой.

Шаг 11

Если вы хотите уменьшить насыщенность только кожи девушки, то, находясь на слой-маске корректирующего слоя Цветовой тон / Насыщенность (Hue/Saturation), нажмите клавиши (Ctrl + I) для инверсии выделения, чтобы полностью залить слой-маску чёрным цветом. А затем, с помощью белой кисти (непрозрачностью 50%), прокрасьте поверх тех участков, где вы хотите уменьшить насыщенность. В данном случае, прокрасьте поверх кожи девушки. Вы можете использовать кисть большого диаметра, и вам не стоит беспокоиться, что вы прокрасите за краем изображения, т.к. вы используете обтравочную маску, поэтому, при работе кистью, вы вообще не заденете задний фон.

Шаг 12

Чтобы изменить цвет платья, мы ещё раз применим корректирующий слой Цветовой тон / Насыщенность (Hue and Saturation). Установите значение Цветового тона (Hue) на -53, а значение Насыщенности (saturation) на -18. Не забудьте преобразовать данный корректирующий слой в обтравочную маску, чтобы коррекция воздействовала только на изображение девушки. Поэтому, будьте аккуратны, не заденьте кистью кожу девушки.

Шаг 13

Создайте новый слой (Shift + Ctrl + N). Выберите кисть мел (chalk). Нарисуйте локоны волос. С помощью инструмента Пипетка (color picker), вы можете отобрать тот же самый оттенок волос. С помощью планшета вам будет намного легче дорисовать локоны волос, если у вас нет планшета, то воспользуйтесь уже готовой кистью Волосы или используйте мышку. Размер кисти 3 или 2, непрозрачность кисти 100%, в настройках кисти выберите опцию Нажим пера (pen pressure).

Шаг 14

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

Шаг 15

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

Шаг 16

Создайте новый слой. С помощью мягкой кисти, размер кисти 200px, непрозрачность кисти 20%, прокрасьте поверх модели, как показано на скриншоте ниже:

Примечание переводчика: цвет кисти белый или отберите цветовой оттенок с самого светлого участка изображения. Поменяйте режим наложения для данного слоя на Мягкий свет (Soft Light).

Шаг 17

Создайте новый слой. С помощью кисти Лучи света, добавьте лучи света в верхней части сцены. Цвет кисти # ffeb99, непрозрачность кисти 50%. Поменяйте режим наложения для данного слоя на Мягкий свет (Soft Light).

Шаг 18

Далее, идём Слой- Новый корректирующий слой (Layer - New adjustment layer) и выбираем Кривые (curves). Установите кривую, как показано на скриншоте ниже:

Примечание переводчика: 1. Создайте данный корректирующий слой поверх всех слоёв. 2. Автор усиливает контраст изображения, поэтому,  не преобразовывайте данный корректирующий слой в обтравочную маску.

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

Шаг 19

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

Далее, идём Фильтр – Размытие – Размытие в движении (Filter – Blur – Motion Blur). Установите Угол (angle) на 53, а Смещение (distance) на 40.

Шаг 20

К слою с листьями, добавьте корректирующий слой Цветовой тон / Насыщенность (hue/saturation). Уменьшите значение Насыщенности (saturation) до -45. Не забудьте преобразовать данный корректирующий слой в обтравочную маску к слою с листьями.

Шаг 21

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

Шаг 22

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

Выберите верхнюю правую опорную точку, далее, удерживая клавишу (shift), чтобы избежать искажения, потяните опорную точку к центру изображения.

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

Шаг 23

Вы можете поэкспериментировать с перспективой, пока вас не устроит результат. Расположив правильно изображение, добавьте слой-маску и с помощью чёрной кисти, скройте лишние участки с листьями. Также уменьшите непрозрачность слоя до 60%.

Шаг 24

Далее, давайте добавим куст на передний план. Как только вы добавили куст, идём Фильтр – Размытие – Размытие по Гауссу (filter – blur – Gaussian blur). Установите радиус размытия 5 px.

Шаг 25

Дважды продублируйте слой с кустом (Ctrl + J). Вы можете изменить размер кустов с помощью трансформации (ctrl + T). Сгруппируйте слои с кустами в одну группу. Для этого, выделите все 3 слоя с кустами, а затем нажмите клавиши (Ctrl+G), чтобы объединить выделенные слои в группу. Поверх слоя с новой группой, добавьте корректирующий слой Цветовой тон / Насыщенность (hue/Saturation), чтобы уменьшить значение Насыщенности (saturation) до -70. Преобразуйте данный корректирующий слой в обтравочную маску к слою с группой, чтобы коррекция воздействовала только на изображение кустов. Вы можете также уменьшить значение Яркости (lightness) до -25.

Шаг 26

Повторите весь процесс, только на этот раз, добавьте ветви яблони. Примените фильтр Размытие по Гауссу (Gaussian blur), радиус размытия 5рх.

Шаг 27

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

Поменяйте режим наложения для слоя с облаками на Мягкий свет (soft light), а также уменьшите непрозрачность слоя до 50%

Шаг 28

Создайте новый слой. С помощью кисти мел, цвет кисти светло-серый, непрозрачность кисти 20%, добавьте лёгкий эффект тумана.

Шаг 29

Создайте новый корректирующий слой Кривые (curves). Установите кривую, как показано на скриншоте ниже. Это поможет выделить изображение девушки, т.к. мы затемним задний фон.

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

Шаг 30

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

Шаг 31

В заключение, мы проведём цветовую коррекцию, чтобы добавить к нашей картине драматические оттенки. Добавьте корректирующий слой Поиск цвета (Color Lookup), далее, выберите опцию Late Sunset.

Примечание переводчика: в программе Photoshop CS6 появился новый корректирующий слой Поиск цвета (Color Lookup), который позволяет проводить цветовую коррекцию, используя уже готовые пресеты. Если вы используете более раннюю версию программы Photoshop, то попробуйте применить корректирующий слой Карта Градиентов (Gradient Map), не забудьте поиграть с режимами наложения.

Далее, идём Изображение – Внешний канал (Image – Apply Image).

Примечание переводчика: автор не указал, применяет он внешний канал к корректирующему слою Поиск цвета (Color Lookup) или нет, поэтому, поэкспериментируйте. Или создайте объединённый слой (Ctrl+Alt+Shift+E) и к объединённому слою, примените Внешний канал.

Теперь, уменьшите непрозрачность слоя до 50% и мы завершили урок.

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

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

Скачать Psd-файл

Автор: Andrea Garcia

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

(до 5 шт)
jpg, png, gif, общий вес файлов не более 7Мб, не менее 450px по ширине и высоте, jpg или анимированный gif
Ссылки внутри комментариев могут вести только на эти сайты

Спасибо за урок. Выделение цепей это нечто!)))

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

Марат, спасибо за перевод! Отличный урок!!!

Интересный урок! Марат, спасибо за перевод!))

Красивый урок! Спасибо!

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

Спасибо! Урок обалденный если не считать долгого и нудного выделения модели и всех звеньев цепочки качелей перышком ... Это высшая степень садо-мазо!!
И что за манера: создайте лучи света, чуть ли солнце, а потом киньте туда еще и облаков...????Наверное, я далек от высочайшего искусства..

Я в звеньях вытирал кисточкой чёрной на маске слоя, да и потом комбинацией Alt + колесо мыши всегда можно приблизить изображение, что на много облегчает работу.

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

первый моя подобная работа, спасибо за урок

Спасибо! Урок очень понравился

Благодарю автора и переводчика за урок!

Спасибо за перевод!!
Прекрасный урок!!!

Спасибо за урок. Мне захотелось сделать в светлых тонах и вот, что получилось

Спасибо! Немного по своему.

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

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

{{work.views}}

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

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


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

Наверх

Авторизация

Забыли?

Регистрация

Не удалось загрузить работу. Возможно она была удалена.
GIF {{work.bite}} Мб Загрузить
18+
Работа имеет содержимое для 18+ лет
Мне нравится {{work.likes}} {{work.views}} Жалоба

Оставить комментарий {{work.childs.length || 0}}

(до 5 шт)
jpg, png, gif, общий вес файлов не более 7Мб, не менее 450px по ширине и высоте, jpg или анимированный gif
Ссылки внутри комментариев могут вести только на эти сайты
Войти Авторизуйтесь, чтобы комментировать работы, ставить лайки и просто быть участником нашего дружного сообщества!
Сначала популярные Сначала старые Сначала новые
Добавить комментарий
Разбор работы по просьбе автора:
Популярные работы автора:
Курсы и уроки автора:
Онлайн-курс {{work.relless.type}}

Жалоба

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

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

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

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

Комментарий

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


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

{{text}}

Исходник:

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

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

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

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

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

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

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

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

Вашу работу разберет один из экспертов проекта «Фотошоп-мастер». Это позволит вам увидеть свои ошибки и сделать следующую работу лучше. Разбор будет сделан в комментариях к работе и будет виден всем пользователям.

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

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


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

Запланировать

Правила загрузки работ на «Фотошоп-Мастер»

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

  • 2. Сайт photoshop-master.ru приветствует соблюдение авторских прав. В случае возникновения споров или разногласий Администрация сайта приложит все усилия для разрешения сложившейся ситуации.

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

Подробная информация о правилах публикации https://photoshop-master.ru/blog/post/rules