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

Создаём ночную сцену с призраками в Фотошоп

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

Вы когда-нибудь хотели жить в доме с призраками? Я нет! Но это не остановит нас от создания мрачной сцены с мёртвыми деревьями, привидениями и заброшенным домом. Запускаем Photoshop и давайте приступим!

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

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

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

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

Шаг 1

Итак, давайте приступим! Откройте программу Photoshop, создайте новый документ. Перейдите Файл – Новый (File > New) или нажмите клавиши (Ctrl+ N). Установите следующие размеры 2000 px по ширине и 1565 px по высоте. Откройте исходное изображение с небом, выделите всё изображение (Ctrl+A), а затем скопируйте выделенное изображение небо (Ctrl+C). Перейдите на наш рабочий документ, нажмите клавиши (Ctrl+V), чтобы вклеить скопированное изображение неба. Расположите небо, как показано на скриншоте ниже.

Шаг 2

Создайте новый слой (Ctrl+Shift+Alt+N). Выберите круглую мягкую кисть, уменьшите Непрозрачность (opacity) кисти до 40%. Прокрасьте кистью тёмного цвета поверх верхней части изображения неба.

Шаг 3

Откройте исходное изображение с Луной. С помощью инструмента Овальная область (Elliptical Marquee Tool), создайте выделение вокруг изображения Луны. Скопируйте / вклейте (Copy / Paste) выделенное изображение на наш рабочий документ. Преобразуйте слой с Луной в смарт-объект (щёлкните правой кнопкой мыши по слою с Луной и в появившемся окне выберите опцию Преобразовать в Смарт-объект (Convert To Smart Object)). Примените масштабирование к Луне, а затем расположите изображение Луны, как показано на скриншоте ниже.

С этого момента, вы должны преобразовывать все исходные объекты / слои, добавленные к нашей сцене, в особенности, если вы собираетесь применять трансформацию к ним. Я не буду напоминать про это в каждом шаге, но если вы добавляете исходное изображение, то возьмите за правило преобразовывать его в смарт-объект.

Я должен также добавить, что для проведения трансформации и масштабирования, вы должны использовать инструмент Свободная трансформация (Free Transform (Ctrl+T)). Удержание клавиши (Shift) во время трансформации позволит вам проводить масштабирование сторон пропорционально.

Шаг 4

К слою с Луной, добавьте слой-маску, для этого идём Слой - Слой-маска – Показать всё (Layer > Layer Mask > Reveal All) или добавьте слой-маску через нижнюю часть палитры слоёв. Перейдите на маску слоя и с помощью круглой мягкой кисти чёрного цвета прокрасьте нижнюю левую часть Луны, чтобы идеально совместить ее с изображением неба.

Шаг 5

Откройте исходное изображение со скалой. Выделите скалу с помощью инструмента Быстрое выделение (Quick Selection Tool), скопируйте / вклейте выделенную часть скал ы на наш рабочий документ. Расположите фрагмент скалы, как показано на скриншоте ниже.

Шаг 6

Откройте исходное изображение с травой. Переместите данное изображение на наш рабочий документ. Расположите данное изображение, как показано на скриншоте ниже.

Шаг 7

К слою с травой добавьте слой-маску и с помощью мягкой чёрной кисти скройте верхнюю часть изображения (скройте небо). Подсказка: вы можете использовать инструмент Прямоугольная область (Rectangular Marquee Tool), чтобы выделить область, которую вы хотите скрыть, а затем, находясь на слой-маске, нажмите клавиши (Alt+Backspace), но перед этим, не забудьте установить цвета по умолчанию, нажав клавишу “D”.

Шаг 8

Создайте новый слой и с помощью инструмента Штамп (Clone Stamp tool), клонируйте отдельные участки травы, как показано на скриншоте ниже.

Шаг 9

Откройте исходное изображение с домом. Выделите изображение дома, скопируйте / вклейте (Copy / Paste) на наш рабочий документ, примените масштабирование, как показано на скриншоте ниже. К слою с домом, добавьте слой-маску и на слой-маске скройте нижнюю часть дома, чтобы аккуратно разместить дом среди камней.

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

Шаг 10

Создайте новый корректирующий слой Цветовой тон / Насыщенность (Hue/Saturation), для этого идём Слой – Новый корректирующий слой - Цветовой тон / Насыщенность (Layer > New Adjustment Layer > Hue/Saturation) или добавьте данный корректирующий слой, кликнув по соответствующему значку в нижней части панели слоев. Преобразуйте данный корректирующий слой Цветовой тон / Насыщенность (Hue/Saturation) в обтравочную маску к слою с домом. Уменьшите значение Насыщенности (saturation) до -42.

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

Шаг 11

Создайте новый слой, поменяйте режим наложения для данного слоя на Умножение (Multiply). Преобразуйте данный слой в обтравочную маску к слою с домом. С помощью круглой мягкой кисти непрозрачностью (Opacity) 50%, прокрасьте поверх изображения дома, чтобы затемнить его. Уменьшите непрозрачность слоя, если эффект получился слишком насыщенным.

Примечание переводчика: цвет кисти чёрный.

Шаг 12

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

Шаг 13

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

Шаг 14

Создайте новый слой и с помощью кисти Мел (chalk), прокрасьте жёлтым оттенком (#ffd968) поверх окна.

Шаг 15

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

Подсказка: когда вы завершаете работу над каким-нибудь отдельным элементом сцены, над которым вы работали (например, мы завершили работу над домом), самое отличное решение – это выделить все слои, относящиеся к элементу / объекту сцены, чтобы сгруппировать их. Удерживая клавишу (Shift)+щёлкая по слоям, вы можете выделить сразу несколько слоёв. Далее, нажмите клавиши (Ctrl+G), чтобы сгруппировать выделенные слои. Дайте созданной группе соответствующее название (в нашем случае “Дом”).

Шаг 16

Загрузите кисти Птицы (дважды щёлкнув по файлу .abr file). Создайте новый слой. С помощью кисти Птицы, добавьте птиц к нашей сцене.

Шаг 17

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

Шаг 18

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

Шаг 19

Откройте исходное изображение с крестом. Выделите крест, скопируйте / вклейте скопированное изображение на наш рабочий документ. К слою с крестом, добавьте слой-маску, чтобы скрыть большую часть изображения креста (обратите внимание на мой результат на скриншоте ниже). Расположите крест рядом с черепами. Продублируйте крест (Ctrl+J), расположив дубликат креста справа от оригинального креста. Наклоните крест, а также примените небольшое масштабирование.

Шаг 20

Откройте исходное изображение с рукой. С помощью инструмента Быстрое выделение (Quick Selection Tool), создайте выделение вокруг изображения руки. Скопируйте / вклейте изображение руки на наш рабочий документ. Уменьшите размер руки. Поместите руку между двумя крестами. Также к слою с рукой, добавьте слой-маску, чтобы скрыть нижнюю часть изображения руки.

Шаг 21

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

Шаг 22

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

Шаг 23

Откройте исходное изображение с мёртвым деревом 1. Скопируйте / вклейте (Copy / Paste) изображение дерева на наш рабочий документ (деревья уже предварительно вырезаны, поэтому, просто нажмите клавиши (Ctrl+A), чтобы выделить их). Добавьте слой-маску и с помощью мягкой чёрной кисти обработайте нижнюю часть дерева. Расположите дерево в левой части сцены рядом с горизонтом. Дважды продублируйте данный слой с деревом. Расположите дубликаты слоёв с деревьями, как показано на скриншоте ниже.

Шаг 24

Откройте исходное изображение с мёртвым деревом 2. Скопируйте / вклейте изображение дерева на наш рабочий документ. Расположите дерево, как показано на скриншоте ниже. Добавьте слой-маску, чтобы скрыть нижнюю часть дерева.

Шаг 25

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

Шаг 26

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

Шаг 27

Откройте исходное изображение с мёртвым деревом 3. Скопируйте / вклейте изображение дерева на наш рабочий документ. Расположите дерево в левой части нашей сцены. К данному слою с деревом, добавьте слой-маску и с помощью круглой мягкой кисти непрозрачностью (Opacity) 10%, цвет кисти чёрный, прокрасьте поверх дерева, чтобы совместить его с окружающей средой. Надеюсь, вы не забыли преобразовать слой с деревом в смарт-объект (включая остальные элементы сцены, которые вы добавили на свой рабочий документ), как я вам советовал в Шаге 3!

Шаг 28

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

Шаг 29

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

Шаг 30

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

Шаг 31

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

Шаг 32

Создайте новый слой, поменяйте режим наложения для данного слоя на Осветление основы (Color Dodge). Далее, с помощью маленькой кисти (2 px) и непрозрачностью 40%, цвет кисти белый, аккуратно прокрасьте края в правой части изображения дерева, создав нежные световые блики.

Шаг 33

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

Шаг 34

Откройте исходное изображение с замком. Создайте выделение вокруг изображения замка. Скопируйте / вклейте (Copy / Paste) данное изображение на наш рабочий документ. Расположите замок, как показано на скриншоте ниже. К слою с замком, добавьте слой-маску, чтобы совместить замок с окружающей обстановкой, скрыв нижнюю часть изображения замка.

Шаг 35

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

Шаг 36

Откройте исходное изображение с мужчиной. Создайте выделение вокруг изображения мужчины. Скопируйте / вклейте (Copy / Paste) данное изображение на наш рабочий документ. Расположите мужчину, как показано на скриншоте ниже. К слою с изображением мужчины, добавьте слой-маску. С помощью мягкой чёрной кисти, слегка обработайте ноги мужчины на маске слоя.

Шаг 37

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

Шаг 38

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

Шаг 39

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

Шаг 40

Создайте объединённый слой из всех видимых слоёв (Ctrl+Alt+Shift+E). К объединённому слою, примените фильтр Контурная резкость (Unsharp Mask filter), для этого идём Фильтр – Резкость – Контурная резкость (Filter > Sharpen > Unsharp Mask). Установите настройки для данного фильтра, указанные на скриншоте ниже, которые мы применяем не для резкости, а для усиления контраста.

Шаг 41

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

Шаг 42

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

Шаг 43

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

Шаг 44

Откройте исходное изображение с бликом. С помощью инструмента Прямоугольная область (rectangular marquee tool), выделите блик, который расположен в самом верху слева. Скопируйте / вклейте выделенный блик на наш рабочий документ. Расположите блик поверх изображения фонаря.

Шаг 45

Поменяйте режим наложения для слоя с бликом на Осветление (Screen). К слою с бликом, добавьте слой-маску, чтобы скрыть жёсткие края вдоль изображения.

Шаг 46

Далее, добавьте новый корректирующий слой Карта градиента (Gradient Map), расположив поверх всех остальных слоёв. Установите градиент, который указан на скриншоте ниже. Поменяйте режим наложения для корректирующего слоя Карта градиента (Gradient Map) на Мягкий свет (Soft Light), а также уменьшите Непрозрачность (opacity) слоя до 36%.

Шаг 47

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

Шаг 48

Создайте новый слой, поменяйте режим наложения для данного слоя на Перекрытие (Overlay). С помощью круглой мягкой кисти непрозрачностью 20%, прокрасьте зелёным оттенком (#68a200) поверх почти всей сцены, а особенно, в нижней части, где расположен туман.

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

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

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

Автор: Johan Sandu

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

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

Спасибо за урок. У меня получилось так.

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

Отличный урок ,спасибо

Спасибо за урок:)

Спасибо за урок!
Моя первая работа. Хотя, только сейчас, зарегистрировавшись, выложил...

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

По мотивам..

Сенкс за урок ...

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

усеченный вариант)

Спасибо за урок!!!)))

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

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

Отличный урок.

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

весьма признателен за урок

Вариант 2. Какой лучше ?

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

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

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

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


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

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