Главная » Adobe Photoshop » Синемаграфия. Как создать живое фото в Adobe Photoshop

Синемаграфия. Как создать живое фото в Adobe Photoshop

В настоящее время популярным направлением в дизайне стала синемаграфия, сочетающая в себе фото и видео. Давайте попробуем сами создать такой эффект с помощью программы Adobe Photoshop.

1 шаг.

Для начала нужно подобрать видео, из которого мы будем выбирать основу для нашего творения. Вы можете воспользоваться  ресурсами бесплатных стоковых видео. Я, например, использовала вот это видео. Или можно воспользоваться личными архивами, если они у вас есть. Обратите внимание, чтобы камера в видео «не гуляла». Идеально, когда видео снималось с использованием штатива. Иначе не получится выбрать одинаковые фрагменты, так как объекты будут без статики.

2 шаг.

Из видео нужно выбрать кусок, на основе которого мы будем делать синемаграфию. Лучше выбирать фрагмент, на котором движение объекта плавное. Тогда получится хороший цикл. Лучше эффект синемаграфии будет смотреться в следующих вариантах анимации: движение воды, дыма, огня, развивающиеся волосы на ветру, зацикленная походка, мелькающие виды ландшафта в окне поезда или машины, струящиеся волны и т.д.

3 шаг.

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

4 шаг.

Импортируйте видео в Photoshop (новый пустой документ создавать не надо). Файл – Импортировать – Кадры видео в слои.

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

5 шаг.

Чаще всего эффект синемаграфии создается за счет использования слой-маски, в более сложных вариантах слой-маски нужно создавать для нескольких кадров, обрабатывая слой за слоем, но в нашем случае достаточно одной маски. Объедините все слои в группу, кроме первого кадра (самого нижнего). Для этого выделите необходимые слои и  нажмите Ctrl+G.

Не снимая выделение с группы, примените команду Слои – Слой-маска – Скрыть все.

6 шаг.

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

7 шаг.

Откройте окно анимации (Окно – Шкала времени). Посмотрите вашу последовательность кадров. Почти все из них с прозрачным фоном. Чтобы избавиться от него выделите первый слой на панели со слоями и щелкните на пиктограмму «Унифицировать видимость слоя». В появившемся диалоговом окне, выберите «Синхронизировать».

Теперь можете проиграть получившуюся у вас анимацию, нажав на кнопку «Play» в окне «Шкала времени».

Получилось следующее:

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

8 шаг.

Для этого выделите кадры в шкале времени и в меню выберите пункт «Скопировать кадры».

Далее в том же  меню выберите пункт «Вставить кадры». В появившемся диалоговом окне выберите «Вклеить после выделенной области».

Не снимая выделение кадров, выберите в меню пункт  «Обратный порядок кадров». Проиграйте анимацию. Чтобы инверсия кадров была не так заметна предлагаю известными уже вам способами продублировать несколько раз самый первый кадр, чтобы машины не сразу катились вперед и центральный кадр, чтобы машины не сразу катились назад.

9 шаг.

Теперь вы можете отрегулировать длительность каждого кадра, для этого выделите его или группу кадров и выберите время в выпадающем меню. Вы можете задать свое значение, нажав на «Другое» в меню кадра.

10 шаг.

Так же вы можете дальше работать с синемаграфией, как с обычным изображением, например, изменять ее размеры, например, выберите «Изображение – размер изображения», зададим ширину 600 пикселей. Высота пропорциональна ширине. Таким образом, изменятся все кадры.

Выше всех слоев можно создавать корректирующие слои и изменять их настройки. Например, я применила корректирующие слови «Кривые» и «Градиент«. Получилось следующее.

 

Проследите, чтобы все кадры в окне анимации были выделены. В панели «Слои» создайте новый корректирующий слой «Карта Градиента» и задайте вот такие настройки:

11 шаг.

Сохраним получившуюся синемаграфию. Файл – Сохранить для Web и устройств. Настройки по умолчанию.

Получится следующее.

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

Если мои публикации заинтересовали вас, то предлагаю оформить подписку на новые статьи, чтобы быть в курсе последних обновлений на сайте Des-life.ru.

(Visited 11 164 times, 5 visits today)

3 комментарии на “Синемаграфия. Как создать живое фото в Adobe Photoshop

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

  2. Отличная работа!
    Круто было бы заменить лайтбокс, скрины подгружаются вечность в ФФ((

    Спасибо.

    1. Здравствуйте, Алексей. Спасибо за ваш отзыв. Не могли бы вы подробнее описать ваше предложение.

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

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