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

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

Тема двойной экспозиции сейчас очень популярна. Когда средствами 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. Файл – Экспортировать – Экспорт Видео и выбрать такие насройки:

Я выбрала второй вариант. Результаты следующие:

 

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

Если вы хотите быть в курсе всего нового и интересного из мира дизайна – подписывайтесь на обновление блога.

(Visited 49 times, 1 visits today)

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

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