Главная » Adobe Photoshop, Графика и анимация, Уроки » Двойная экспозиция с анимацией. Новый взгляд.

Двойная экспозиция с анимацией. Новый взгляд.

Обновлено: 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 или социальных сетях  

и мы обязательно опубликуем для вас еще больше полезных бесплатных уроков и материалов!

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *