Уроки Фотоманипуляция Алексей Шаповал 12 апреля 2016

Создаем эффект двойной экспозиции в Фотошоп

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

Интро к популярному сериалу "Настоящий детектив" заставило многих начать говорить об эффекте двойной экспозиции. Я сделал этот урок, чтобы добиться максимального сходства с оригинальным эффектом. Надеюсь, вам понравится!

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

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

Финальный результат:

Мы уже годами применяли подобный подход в Photoshop, когда два снимка объединяются при помощи режима наложения Экран (Screen) или Замена светлым (Lighten). Это создает симуляцию двух проекторов, перекрывающих друг друга. Конечно, не обязательно знать об этой истории для создания подобных эффектов.

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

Я взял два изображения с Adobe Stock. Можете использовать свои версии или скачать фотографии с водяными знаками по ссылкам в начале урока.

Я начал с двух фотографий. Мне был нужен крупный план человека в костюме, со свободным галстуком и сильным подбородком, максимально передающий атмосферу "Настоящего детектива".

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

Шаг 1

Первое, что нужно сделать - убрать фон на фотографии с мужчиной. Используйте инструмент Быстрое выделение (Quick selection). Если не умеете пользоваться этим инструментом, вот мой урок (http://photoshopcafe.com/tutorials/refine-edge/refine-edge.htm).

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

Шаг 2

Кликните по кнопке Уточнить край (Refine edge) в верхней части рабочего окна.

Установите галочку напротив пункта "Умный" радиус (Smart Radius), установите параметр Радиус (Radius) на 2-4 пикселя.

Я также установил параметр Сгладить (Smooth) на 4 пикселя (это не обязательно).

Пройдитесь кистью Уточнить радиус (Refine Selection) вокруг волос.

Для строки Вывод (Output) выберите Новый слой со слоем-маской (New Layer with Layer Mask).

Кликните ОК.

Шаг 3

Сейчас у вас должен получиться мужчина на новом прозрачном слое с маской этого слоя. Если что-то не получилось, вернитесь к шагу 2 и убедитесь, что ничего не пропустили.

Шаг 4

Разместите оба изображения на одном документе, для этого откройте вкладку с изображением 2.

Перетяните завод на вкладку с мужчиной, откроется документ с его фотографией.

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

Результат должен выглядеть так.

Пора объединить два изображения в одно

Шаг 5

Наведите курсор на разделяющую линию между слоями.

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

Шаг 6. Обрезка

Для арта, который мы создаем, потребуется только верхняя часть плеч. Давайте обрежем документ до нужного размера. Выберите инструмент Рамка (Cropping Tool).

Перетяните зону обрезки.

Убедитесь, что галочка Удалять отсеченные пиксели (Delete Cropped Pixels) в верхней части рабочего окна снята. Это сохранит пиксели, позволив нам подправить все позже.

Нажмите Enter, применив изменения.

Шаг 7. Работа с цветом

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

Выберите новый основной цвет, схожий с тем, который выбрал я - #e2d6b2. Можете выбрать цвет на свое усмотрение или изменить его позже.

Создайте новый слой, разместите его под всеми остальными и заполните основным цветом (Alt + Backspace). Теперь вместо пустоты у нас появился фон.

Дублируйте слой, нажав (Ctrl + J).

Перетяните дубликат, поместив его надо всеми остальными. В данный момент вы будете видеть просто заливку. Измените режим наложения на Цветность (Color). Теперь изображение получит необходимый оттенок, сохранив при этом освещенность.

Шаг 8. Смешивание и маскировка слоев

Теперь перейдем к интересному.

Выделите слой с индустриальной фотографией (слой 1). Измените его режим наложения на Замена светлым (Lighten). (Дополнительная информация для гиков: Этот режим симулирует два проектора, направленных на один экран. Один показывает верхнюю картинку, второй – нижнюю).

Вы уже можете начинать видеть этот крутой эффект.

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

Шаг 9

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

Заметили, что силуэт головы еще виден в правой части? Давайте это исправим.

Шаг 10

Нажмите (Ctrl + L), чтобы открыть окно Уровней (Levels).

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

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

Шаг 11. Маскируем эффект

Теперь, когда мы подогнали слои, можно вернуть часть нижней половины лица и плавно смешать ее с формой верха.

(Слой 1 все еще активен). Кликните по иконке Добавить слой-маску (Add Layer Mask). Она расположена в нижней части панели Слоев (Layers panel).

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

Если хотите выйти за рамки лица и расширить завод, сделайте следующее.

Можно заметить, что у нас есть маска для слоя головы (мы создали ее инструментом Уточнить край (Refine edge)). Если выбрать эту маску и закрасить ее часть белым, можно расширить границы и показать часть завода.

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

Шаг 12. Растягиваем эффект

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

Выберите слой с заводом (не маску).

Нажмите (Ctrl + T) для Свободной трансформации (Free Transform).

Зажмите клавишу Shift и потяните за угол для пропорционального изменения размера.

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

Когда вы довольны результатом, нажмите Enter, применив все изменения.

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

Шаг 13. Добавляем оттенок теням

Я заметил, что в оригинальном интро у теней есть красноватый оттенок.

Создайте новый слой, заполните его красным.

Измените Режим наложения (Blending Mode) на Цветность (Color).

Почти готово.

Выберите красный слой, кликните по кнопке "fx" в нижней части панели слоев. В открывшемся списке выберите Параметры наложения (Blending options).

Сейчас нам нужна секция Дополнительные параметры (Advanced Blending Mode). Видите слайдеры Наложение если (Blend If)?

Перетяните белый ползунок влево, скрыв эффект от слоя в светлых зонах фотографии. Однако, нам потребуется разделить этот треугольный слайдер.

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

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

Сократите Непрозрачность (Opacity) на свое усмотрение, я выбрал 56%.

Шаг 14. Добавляем зернистость

Давайте добавим немного зернистости для придания «киношного» вида.

Создайте новый слой, но погодите! Зажмите клавишу Alt перед тем, как кликать по иконке Нового слоя (New Layer). Это откроет окно параметров.

Выберите Режим (Mode) Перекрытие (Overlay).

Ниже появится строчка "Выполнить заливку нейтральным цветом режима "Перекрытие" (серым 50%)" (Fill with Overlay-neutral color 50% gray). Поставьте галочку напротив этого пункта, нажмите ОК.

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

Перейдите в меню Фильтр > Шум > Добавить шум (Choose>Filter>Noise>Add noise).

Выберите пункты По Гауссу (Gaussian) и Монохромный (Monochromatic).

Я установил Количество (Amount) на 37% (примерно). Все будет зависеть от разрешения вашей работы и желаемого эффекта.

Кликните ОК для применения шума. Можете изменить непрозрачность, если эффект кажется слишком сильным.

Шаг 15. Финальные штрихи

Я добавил небольшую надпись для придания эффекта открывающих титров сериала.

(Шрифт Avenir Next Condensed – Ulta Light).

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

У финального изображения должно быть больше контраста.

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

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

У вас должен получиться примерно такой результат.

Отрегулируйте положение среднего слайдера для получения контраста в средних тонах и придания завершенного вида. Также получится более зернистый эффект.

Шаг 16 (опционально). Делаем более светлую версию общего цвета

Для финального эффекта давайте немного осветлим общий цвет. Выберите слой с основным цветом, нажмите (Ctrl + L), чтобы открыть окно Уровней (Levels). Сместите белый слайдер немного влево.

Вот так выглядит завершенная работа.

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

Такое изображение я получил при помощи тех же техник, но на этот раз более мягкой темы.

Автор: Colin Smith

Источник: photoshopcafe.com

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

Спасибо. Отдельное огромное спасибо d.katra, за исходник. (Желающие могут повращать картинку и решить, как лучше).

Очень красиво, я под впечатлением от ваших работ. Есть на кого ровняться. Идеи всегда оригинальные. Спасибо за ваши работы.

Спасибо. Польщен до крайности.

Спасибо) Но как-то не получилось(

Ну как то так

Sergey Lavrentiev
Жду оценок и комментариев. Спасибо за урок.

Спасибо автору за урок

Интересный урок, спасибо! Очень понятно написано

Хотел сделать эффект двойной экспозиции в Фотошоп, но ушел в какие-то дебри, но совсем немного он там есть :)

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

Девушка-осень

Девушка-лето

Спасибо!!! Очень интересная техника, с большими возможностями.
Работа называется "Девушка-весна"

Не совсем как в уроке, но зато тоже неплохо, а может и нет. (пусть решит суд общественности)

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

Конечно, можно было бы и лучше... Премного благодарна)

спасибо) очень хороший урок.

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