Двойная экспозиция с анимацией. Новый взгляд.
Обновлено: 20.03.2023
Тема двойной экспозиции сейчас очень популярна. Когда средствами Photoshop соединяется во едино несколько фотографий, как правило, образ человека и какой-либо пейзаж. Причем один образ (фон) существует в рамках другого (контуры лица человека, например). В сети масса уроков о том, как создать двойную экспозицию в Photoshop. Но я не видела ни одного, где предлагалось бы сделать двойную экспозицию из фото и видео и получить анимированную дойную экспозицию в Photoshop. Сегодня мы исправим эту ситуацию. Приглашаю всех к началу урока, с которым справится даже начинающий дизайнер.
Содержание
Что такое двойная экспозиция. ПримерыСначала давайте рассмотрим примеры двойной экспозиции, для тех, кто не в курсе, как это может выглядеть.
Зачаровывает, неправда ли? Изображения с двойной экспозицией несут в себе куда более глубокий смысл, чем просто фото.
Мы будем создавать анимированную двойную экспозицию из материалов, которые можно скачать здесь – ФОТО, ВИДЕО.
О других сайтах, где вы можете скачать качественные материалы бесплатные для коммерческого использования, можно прочитать в статье «ТОП 8 сайтов с бесплатными ресурсами для дизайнера».
Создание двойной экспозиции с видеоНачнем урок. Кстати, в уроке, для работы с видео мы будем использовать приемы, описанные в статье «Синемаграфия. Как создать живое фото в Adobe Photoshop»
Шаг 1.
Загрузите видео в Photoshop Файл – Импортировать – Кадры видео в слои. В появившемся окне выберите примерно следующие кадры
Измените размер холста до значений 1920 * 1280 (это размер изображения с девушкой, которое будет главным в нашей экспозиции). Сделать это можно так Изображение – Размер холста.
Объедините все слои видео (у меня 71 слой, у вас может быть другое значение) в группу Видео. Для этого выделите все слои и нажмите на Ctrl+G, новую группу назовите Видео.
Поместите в документ фото с девушкой, разместите его под группой Видео. Слой назовите Фото.
Шаг 2.
Выберите для группы Видео тип наложения Умножение и подвиньте группу Видео так, чтобы дым находился в районе волос девушки. Примерно так.
Шаг 3.
Теперь поработаем с масками. Для группы Видео создайте Слой-маску (Слои – Слой-маска – Показать все). Выберите кисть черного цвета с прозрачностью 100% и следующими настройками:
Закрасьте на маске группы Видео все, что должно быть скрыто. Примерно так:
Шаг 4.
Теперь перейдите на слой Фото и создайте так же Слой-маску как и в шаге 3.
С помощью черной кисти с теми же настройками, что и в шаге 3, но с непрозрачностью 30-40% создайте маску для волос девушки так, чтобы они как можно естественнее сливались с дымом.
При этом появятся на фото прозрачные части, там, где будет стираться фото – не переживайте, мы создадим фон на заднем плане, который скроет эти недостатки.
P.S. Обычно, рисуя двойную экспозицию контур человека полностью вырезается из фона и таких моментов не возникает, но так как у нас фото расположено на нейтральном фоне, подходящем по стилю всей экспозиции, мы этого делать не стали и сэкономили время.
Шаг 5.
Выполним свое обещание и создадим в самом низу слой с именем Фон, зальем его цветом, подходящим по оттенку с тем, что находится на фоне у волос девушки — #fdfcff
Шаг 6.
Для слоя Фото создайте корректирующий слой Цветовой тон/Насыщенность. Привяжите его к нему, зажав клавишу Altщелкнув левой клавишей мыши между этими слоями. Выберите следующие настройки (Яркость +21, Насыщенность — -56), чтобы сравнять цветовую гамму видео и фото.
В принципе уже можно посмотреть, что у нас получается, вызвав Шкалу времени – Окно – Шкала времени и нажав на клавишу Play.
А можно создать над всеми слоями новый корректирующий слой Карта Градиента и поиграть с его настройками. Могут получиться разные интересные вещи.
Чтобы сохранить результат анимации можно воспользоваться одним из двух вариантов. Первый — сохранить как gif. Как это делать, я уже не раз рассказывала в своих статьях «Синемаграфия. Как создать живое фото в AdobePhotoshop» и «Анимированный баннер в Photoshop».
Второй – сохранить как видео если у вас установлен MediaEncoder для версий Photoshop выше CC. Файл – Экспортировать – Экспорт Видео и выбрать такие насройки:
Я выбрала второй вариант. Результаты следующие:
Уверена, что благодаря этому уроку вы посмотрели на создание двойной экспозиции по-новому.
Двойная экспозиция с анимацией выглядит еще более впечатляющей. Конечно подобрать исходные материалы для такого варианта, сложнее.
Подписывайтесь на обновления блога «Дизайн в жизни» по e-mail или социальных сетях и мы обязательно опубликуем для вас еще больше полезных бесплатных уроков и материалов! |
Как создать эффект двойной экспозиции в Photoshop
Обычно эффект двойной экспозиции создается фотографом при помощи камеры: он соединяет два отдельных кадра, чтобы создать абстрактное и сюрреалистичное изображение. Такого же эффекта можно добиться в Photoshop.
Этот способ позволяет контролировать результат за счет возможности корректировки и предпросмотра конечного изображения. Шаг за шагом этот урок позволит вам создать двойную экспозицию: мы совместим две имеющиеся фотографии при помощи простой техники создания слоев-масок.
Эффект двойной экспозиции не так популярен среди фотографов, как среди художников и дизайнеров, которые используют его для создания красивых абстрактных изображений.
Вы можете увидеть этот эффект в повседневной жизни: на обложках альбомов и даже в заставках популярных ТВ-сериалов. Сегодня мы собираемся воспроизвести этот эффект в Photoshop. Процесс создания этого эффекта относительно простой, но конечный результат во многом зависит от того, насколько красивое сочетание создадут исходные фотографии. Для вдохновения рекомендую посмотреть прекрасные примеры готовых работ с двойной экспозицией на Pinterest.
Самой популярной комбинаций является совмещение портрета с изображением природы, поэтому я выбрал эти классные изображения с сайтов бесплатных стоковых фотографий. Первое фото с профилем девушки с сайта Stockvault.net. Я хотел найти портрет с чистым фоном, иначе было бы трудно выделить объект. В качестве второго исходника я выбрал прекрасный пейзаж с сайта Unsplash. Одно из преимуществ создания двойной экспозиции в Photoshop: вы можете экспериментировать с различными изображениями, чтобы добиться наилучшего сочетания. Просто загружайте различные варианты фотографий, чтобы увидеть, какая из них подойдет лучше всего.
Начнем с выделения объекта на портрете. Используйте Pen Tool (Перо) и обведите изображение девушки, стараясь вести линию как можно ближе к профилю головы.
Ориентировочно обведите волосы. Можете обрезать портрет на величину нескольких пикселей, чтобы скрыть захваченный фон между свободными прядями волос.
Далее обведите весь профиль, доведя линию до начальной точки. Нажмите правую клавишу мышки и выберите Make Selection (Образовать выделенную область), затем назначьте Feather Radius (Радиус растушевки) в 0,5 пикселей.
Теперь пришло время поработать над неаккуратной линией волос. Нажимаем Select > Refine Edge (Выделение > Уточнить край) и начинаем изменять Edge Detection Radius (Обнаружение краев) и опцию Shift Edge (Сместить край), чтобы выделить линию волос.
Расширение края выделения также приведет к увеличению площади фона около лица. Кликнув по иконке с кисточкой на панели Refine Edge, выберите ластик Erase Refinement (Стереть уточнение), и пройдитесь по изображению, избавляясь от лишнего фона.
Верните иконку с кисточкой Refine Radius (Уточнить радиус), затем пройдитесь по линии волос, чтобы прихватить оставшиеся пряди.
Скопируйте выделенное изображение и вставьте его на новый слой. Добавьте ниже слой с белой заливкой, чтобы отделить портрет от изображения-исходника.
Откройте фотографию с пейзажем и вставьте ее в рабочий документ. Ctrl+правый клик по миниатюре выделенного портрета на панели слоев обозначит наше выделение. Затем нажмите на иконку Add layer mask (Добавить слой-маску) на панели слоев, чтобы прикрепить фон к контуру портрета.
Открепите изображение от маски кликнув на иконку с цепочкой между миниатюрами в панели слоев. Это позволит вам передвигать и изменять масштаб изображения в зависимости от его маски, при этом сама маска остается на месте, пока вы добиваетесь наилучшей композиции.
Создайте дубликат портрета на новом слое и поместите его поверх остальных слоев. Откройте Levels (Уровни), которые находятся тут: Image > Adjustments > Levels (Изображение > Коррекция >Уровни) и начните затемнять изображение передвигая ползунки уровней Input и Output (Входные и Выходные значения).
Измените способ наложения дубликата слоя на Screen (Экран), чтобы сделать все темные участки прозрачными. Затемнение изображения при помощи Levels оставит только бледное призрачное изображение, которое может быть скорректировано при помощи изменения Opacity (Непрозрачность).
Добавьте слой-маску на слой с призрачным портретом и используйте большую мягкую кисть, чтобы скорректировать некоторые участки до полного наложения изображений. Рисование черным на слое-маске удалит области, в то время как рисование белым вернет их обратно.
Возьмите образец светлого цвета с картинки и замените цвет заливки на белом фоновом слое.
У нашего силуэта получилась странная форма верхней части головы, где пропали волосы. Используем фоновый цвет и мягкую кисть на новом слое, чтобы подкорректировать это.
Добавьте черно-белый корректирующий слой (Создать корректирующий слой > Черное-белое), затем уменьшите прозрачность до 30% чтобы размыть цвет изображения.
Далее добавьте корректирующий слой «Уровни» и настройте контраст изображения, используя ползунки света и тени.
Наконец, добавьте корректирующий слой «Карта градиента» и создайте цветовую схему. Я выбрал светлый бежевый оттенок (#e2d9d1), тусклый коричневый средний тон (#52463b) и темную синюю тень (#0e1133). Измените режим наложения карты градиента на Color (Цвет).
Готовое изображение является прекрасным образцом двойной экспозиции и великолепно смотрится с дополнительными цветовыми фильтрами. Резкий контур силуэта выделяется из фона, а присоединение слоя с бледным призрачным портретом позволяет увидеть некоторые детали лица. Это изображение можно изменять и обрабатывать, чего не могут делать фотографы, использующие камеру для создания эффекта. Вы всегда можете попробовать комбинации различных задних планов и увидеть результаты своего труда.
Как создать двойную экспозицию в Photoshop Elements
Посмотреть видео: Как создать двойную экспозицию в Photoshop Elements
Креативные изображения с двойной экспозицией были одним из основных элементов старой аналоговой пленочной фотографии — иногда преднамеренно, иногда совершенно случайно! Если вы достаточно взрослые, чтобы помнить, как проявляли рулоны пленки в аптеке, вы, вероятно, помните некоторые причудливые результаты, которые возвращались, когда вы забывали намотать пленку.
Мы объяснили, как снимать с двойной экспозицией в камере, но если у вас нет камеры с этой функцией или если у вас есть ранее снятые изображения, которые вы хотели бы превратить в двойную экспозицию – такого же результата можно легко и быстро добиться в Photoshop Elements.
Использование этого метода имеет ряд преимуществ. Во-первых, в то время как встроенный в камеру метод позволяет снимать два изображения, специально предназначенных для совместной работы, применение этого метода в Elements позволяет редактировать любые две фотографии, которые вы когда-либо делали, или даже украсить одну из ваших собственных фотографий с помощью текстуру или стоковое изображение, которое вы нашли в другом месте.
На самом деле, в Elements есть три предварительно подготовленных изображения — Лес, Город и Облако — которые делают отличные снимки с повторной экспозицией для редактирования вместе с вашей собственной оригинальной фотографией.
Наконец, вы также можете добавить цветную или монохромную обработку, чтобы завершить изображение. Они немного работают как фильтры Instagram, поэтому некоторые из них лучше применять с осторожностью, но опять же, вы можете настроить силу эффекта с помощью ползунка «Интенсивность».
Создание двойной экспозиции в Elements дает вам гораздо больше свободы для экспериментов, чем в камере, поэтому стоит создать папку с различными текстурами и фонами, чтобы посмотреть, как они будут работать вместе. А если вы используете Affinity Photo, ознакомьтесь с нашим руководством по созданию эффекта двойной экспозиции в Affinity.
01 Выберите первую экспозицию
Откройте свое первое изображение и щелкните вкладку «Быстрый», чтобы настроить экспозицию. Теперь нажмите на вкладку «Управляемые», затем «Веселые правки», и здесь вам нужно выбрать «Двойная экспозиция».
Используя инструмент «Быстрый», нажмите и удерживайте левую кнопку мыши на объекте и перетащите его, пока объект не будет выбран. Лучше всего подойдет контрастный объект на светлом фоне.
02 Выберите вторую экспозицию
Теперь у вас есть два варианта. Во-первых, вы можете нажать «Импортировать фотографию», чтобы выбрать изображение с жесткого диска в качестве второй экспозиции. Как и в случае с первым изображением, контрастный объект на светлом или белом фоне даст наилучшие результаты.
03a Поместите вторую экспозицию
Как видите, вторая экспозиция появляется только в области, выбранной на шаге 01. Используйте инструмент «Перемещение», чтобы перетащить это второе изображение (и изменить его размер, щелкнув и перетащив углы ) до тех пор, пока вы не будете довольны размещением.
03b Используйте экспозицию Elements
Кроме того, вы можете использовать одно из существующих изображений, предоставленных Elements, в качестве второй экспозиции — облако лучше всего подходит для нашей фотографии птицы.
Используйте ползунок «Интенсивность», чтобы контролировать силу эффекта двойной экспозиции.
04 Добавление цветового эффекта
Когда вы довольны двойной экспозицией, которую вы создали, вы можете добавить сверху цветовую обработку. Щелкните миниатюры на панели «Эффекты», чтобы увидеть, что вам нравится — опять же, вы можете изменить интенсивность с помощью ползунка. Некоторые из эффектов могут быть немного «инстаграмными», поэтому вам, возможно, придется проявить немного сдержанности!
05 Обрезка и вывод
Нажмите «Далее» и продолжите редактирование в экспертном режиме. Используйте инструмент «Обрезка», чтобы изменить кадрирование изображения, если это необходимо. Когда вы будете довольны результатом, нажмите «Слой» > «Свести изображение», а затем сохраните его.
Подробнее:
Лучшее программное обеспечение для редактирования фотографий: редакторы изображений от новичков до профессионалов
Лучшие MacBook для редактирования фотографий в 2020 году
Лучший настольный компьютер для редактирования фотографий — лучшие ПК для фотографов
Спасибо, что прочитали 5 статей в этом месяце* Присоединяйтесь сейчас, чтобы получить неограниченный доступ
Наслаждайтесь первым месяцем всего за 1 фунт стерлингов / 1 доллар США / 1 евро
У вас уже есть аккаунт? Войдите здесь* Читайте 5 бесплатных статей в месяц без подписки
Присоединяйтесь и получите неограниченный доступ
Попробуйте первый месяц всего за 1 фунт стерлингов / 1 доллар США / 1 евро
У вас уже есть аккаунт? Войдите здесь
Лучшие предложения по камерам, обзоры, рекомендации по продуктам и новости о фотографии, которые нельзя пропустить, прямо на ваш почтовый ящик!
Свяжитесь со мной, чтобы сообщить о новостях и предложениях от других брендов Future.
Получайте электронные письма от нас от имени наших надежных партнеров или спонсоров. Редактор Digital Camera World, Джеймс имеет 21-летний опыт работы журналистом и начал работать в фотоиндустрии в 2014 году (в качестве ассистента Дамиана Макгилликадди, сменившего Дэвида Бейли на посту главного фотографа Olympus). В это время он снимал для таких клиентов, как Aston Martin Racing, Elinchrom и L’Oréal, в дополнение к съемочным кампаниям и тестированию продуктов для Olympus, а также проводил обучение для профессионалов. Это привело к тому, что он стал экспертом по обзорам камер и объективов, урокам по фотографии и освещению, а также отраслевым новостям, слухам и анализу для таких изданий, как Digital Camera Magazine, PhotoPlus: The Canon Magazine, N-Photo: The Nikon. Журнал, цифровой фотограф и профессиональный имиджмейкер, а также проведение семинаров и выступлений на выставке The Photography Show. Он также является судьей фотоконкурса Red Bull Illume. Стрелок Olympus и Canon, он хорошо разбирается в камерах всех производителей, а также любит винтажные объективы и камеры мгновенной печати.
| MCP Actions™
Описание
Пожалуйста, прочитайте перед покупкой: Экшен MCP Double Exposure Photoshop будет работать с последними версиями Photoshop, а также с Photoshop CS2-CS6. Более ранние версии Photoshop и Photoshop Elements не будут работать, поэтому перед покупкой убедитесь, что у вас есть необходимое программное обеспечение. Вам потребуется доступ к английской версии для полной совместимости.
Мы делаем все возможное, чтобы наши продукты работали в будущих версиях Photoshop, но из-за возможных изменений, которые Adobe может внести в будущие обновления, мы не можем гарантировать совместимость в будущем.
Использование экшена Photoshop с двойной экспозицией:
С помощью набора экшенов Photoshop с двойной экспозицией создавайте потрясающие эффекты двойной экспозиции для своих фотографий без каких-либо усилий! Этот экшен настолько прост, что его может использовать любой… даже новички в Photoshop.
Просто прокрасьте объект и играйте в фотошоп с двойной экспозицией. Выберите второе изображение, когда будет предложено, и позвольте действию сделать свою работу. Это действительно так просто!
Чтобы максимизировать результаты вашего эффекта двойной экспозиции, действие создает четыре различных варианта на ваш выбор. Все, что вам нужно сделать, это решить, какой из них вам нравится больше всего!
Набор также включает 90+ дополнительных действий , которые вы можете использовать для дальнейшего улучшения ваших изображений. Они объединены в 7 групп:
- Действия по ретуши: уменьшить шум, сгладить детали
- Действия с цветом: автоцвет, черно-белый, рендеринг всех цветных образов… 70 уникальных цветовых образов!
- Действия с освещением: автоматический тон, усиление светлых участков, усиление теней, усиление средних тонов, снижение светлых участков, снижение теней, снижение средних тонов
- Действия с контрастом: мягкий контраст, жесткий контраст, автоконтраст
- Насыщенность Действия: яркость/насыщенность, насыщенность
- Действия по повышению резкости: мелкие детали, средние детали, крупные детали
- Действия с виньеткой : добавить черную виньетку, добавить белую виньетку
Посмотрите, как Марко показывает, насколько просто использовать действие Photoshop с двойной экспозицией:
Как это работает? Это очень просто!
Идеально подходит как для начинающих, так и для профессионалов Photoshop, этот экшен быстро дает профессиональные результаты. Просто следуйте простым инструкциям в видеоуроке, чтобы создать уникальное изображение с двойной экспозицией.
Как это делается:
1) Перейдите в Layer > New > Layer , чтобы создать новый слой и назовите его «кисть». тематика (выбор цвета не имеет значения).
2) Выберите Двойная экспозиция действие и нажмите Воспроизвести .
Все просто!
Действие остановится один раз и попросит вас выбрать вторую фотографию, которую вы хотите объединить с первой. Вот фотография, которую мы выбрали для этого примера:
А ниже представлен удивительный фотоэффект, который мы создали всего за несколько секунд:
Как мы упоминали ранее, экшен создает 4 различных эффекта двойной экспозиции.
Чтобы узнать, какой из них лучше всего подходит для вашей комбинации фотографий, все, что вам нужно сделать, это включить одну из папок с двойной экспозицией и посмотреть, как она выглядит. Если это не работает, просто выключите его и включите вторую папку. В этом примере мы использовали Double Exposure_3. Вот часть панели слоев, которая демонстрирует, как отображаются 4 различных эффекта двойной экспозиции.
Двойная экспозиция 3 работает путем смешивания второй фотографии с определенным диапазоном бликов первой фотографии (изменение диапазона показано в видеоуроке). В приведенном выше примере мы также использовали дополнительные действия из этого набора, чтобы внести некоторые окончательные корректировки (подробнее об этом в следующем примере).
Другой пример:
Давайте еще раз быстро пройдемся по процессу. Верхняя левая фотография на изображении ниже — это первая фотография, которую мы выбрали для нашего эффекта двойной экспозиции. После того, как мы проверили все необходимые вещи (упомянутые как в файле Readme, так и в видеоуроке), мы создали новый слой, перейдя к Layer> New> Layer и назовите его « кисть ».
Затем, когда выбран слой кисть , мы закрашиваем объект. Затем мы выбрали действие Double Exposure и нажали Play. Действие попросило нас выбрать вторую фотографию, которая является нижней левой фотографией на изображении ниже. После этого мы просто снова нажали кнопку Play, и на фото справа показан классный эффект, который у нас получился.
В этом примере мы использовали Double Exposure_2. Вот часть панели слоев, которая демонстрирует, как отображается Double Exposure_2.
Двойная экспозиция_2 работает путем смешивания определенного диапазона теней со второй фотографии с первой фотографией, а также делает все оттенки серого между чисто черным и чисто белым на второй фотографии светлее. После того, как вы закончите настройку дизайна, вы можете добавить некоторые последние штрихи, быстро отрегулировав цвет, контрастность и другие параметры, используя дополнительные действия, предлагаемые в этом наборе. Просто выберите действие, которое хотите применить, и нажмите «Воспроизвести».
Вот другие действия из набора «Двойная экспозиция», которые мы выбрали и воспроизвели:
- CL_46 и CL_52
- Основные моменты повышения
- Перетащите основные моменты
- Мягкий контраст
- Насыщенность
- Средняя заточка
И вот что мы получили:
Каждый слой, созданный с помощью экшена Photoshop «Двойная экспозиция», хорошо назван, организован, сгруппирован и имеет цветовую кодировку, поэтому у вас есть чистое рабочее пространство на случай, если вы захотите каким-либо образом настроить слои.
Другой пример:
В этом примере мы использовали Double Exposure_4 , который работает путем смешивания второй фотографии с определенным диапазоном теней из первой фотографии.
Другой пример:
В этом примере мы использовали Double Exposure_1 , который работает путем смешивания определенного диапазона теней со второй фотографии с первой фотографией.
