В этом уроке я буду использовать ночной таймлепс «Уличный траффик на пляже Копакабана» от marchello74, найденный на Adobe Stock. Информацию о том, как скачивать материалы с Adobe Stock можно узнать в этой записи. Не забывайте, что вы можете скачать файл-превью. На нём будет водяной знак Adobe, зато он отлично подойдёт для нашей практики!

Что такое Синемаграф?

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

 

Создание элементов

Откройте видеоролик в Фотошопе, просто перетащив его из панели Библиотеки, или, если вы скачали файл на рабочий стол, через меню Файл > Открыть.

 

После этого Фотошоп создаст Группу видео, то есть поместит весь ролик в одну дорожку на Шкале времени (если вы не видите шкалу, включите её в меню Окно > Шкала времени).

 

adobe_stock_cinemagraph_01

 

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

 

adobe_stock_cinemagraph_02

 

Я выбрал кадр, на котором нет волн на море и не видно самолётов в небе.

 

Создание статичной части

 

Чтобы создать из выбранного кадра статичную часть синемаграфа, достаточно просто скопировать и вставить его. Проще всего использовать горячие клавиши, так что я нажму:

 

Ctrl+A (на PC) или Cmd+A (на Mac) чтобы выделить весь кадр, затем Ctrl+C (на PC) или Cmd+C (на Mac) чтобы скопировать его, и в завершении Ctrl+V (на PC) или Cmd+V (на Mac) чтобы вставить.

adobe_stock_cinemagraph_03

В зависимости от масштаба Шкалы времени, возможно, вы не увидите никаких изменений. А вот что вы точно должны заметить, так это новый слой на Панели слоёв. Поскольку новый слой находится в Группе видео, Фотошоп размещает его в той же дорожке.

Проще говоря, скопированный кадр оказался в конце ролика.

 

На Панели слоёв я перетащу статичный слой из Группы видео и размещаю его сверху.

 

adobe_stock_cinemagraph_04

 

Так я создал новую дорожку для выбранного слоя.

 

adobe_stock_cinemagraph_05

 

Теперь я могу переместить статичный клип в начало ролика, просто перетащив его мышкой. Поскольку в этом клипе нет движения, можно безбоязненно увеличивать его продолжительность, для чего нужно кликнуть на его границу и растянуть на всё время основного видео.

 

adobe_stock_cinemagraph_06

Добавление маски

 

Кроме статичного кадра, мы хотим ещё и видеть ролик, находящийся под ним, поэтому нам нужно добавить маску. Если вы не знакомы с масками – прочтите урок об использовании масок для начинающих от TipSquirrel.

 

В нашем случае достаточно будет довольно грубой маски. Более детализированные изображения, разумеется, потребуют больше времени и усилий, возможно даже использования инструмента Rotoscope в Adobe After Effects, но об этом как-нибудь в другой раз. Сейчас же я выбираю инструмент Прямолинейное лассо и обвожу контур вокруг дороги.

 

adobe_stock_cinemagraph_07

adobe_stock_cinemagraph_08

Поскольку я не хочу показывать ту часть, которую выделил, мне нужно выбрать в меню Слой > Слой-маска > Скрыть выделенную область. Так я проявлю часть видео с дорогой.

 

adobe_stock_cinemagraph_09

Теперь, если просмотреть ролик, я вижу, что между двумя полосами дороги есть какое-то движение. Я хочу его скрыть, значит нужно изменить маску. Прямолинейным лассо я обвожу нужную область, а затем, предварительно выделив маску слоя, заливаю её белым цветом.

 

adobe_stock_cinemagraph_10

 

 

Зацикливание видео

 

Сейчас, если запустить видео, то оно проигрывается один раз и останавливается. Для максимального эффекта синемаграф лучше повторить несколько раз. Для зацикливания ролика выделите слой с видео и нажмите Ctl+ J (на PC) или Cmd+J (на Mac).

 

 

adobe_stock_cinemagraph_17

 

Поскольку новый видео-слой находится в той же Группе видео, он будет добавлен в конец Шкалы времени, после оригинального клипа. Я могу нажать Ctl+ J или Cmd+J ещё пару раз, пока не получу ролик нужной длины.

 

Теперь мне ещё раз нужно растянуть статичный кадр на всю продолжительность ролика.

 

adobe_stock_cinemagraph_18

 

Сохранение видео

Если сейчас просто сохранить проект, то нам будет предложен формат .psb – формат больших документов Фотошоп. Однако я хочу экспортировать свой ролик в .mov.

Раскройте выпадающее меню Шкалы времени и выберите Экспорт видео, либо нажмите соответствующую кнопку под Шкалой времени.

adobe_stock_cinemagraph_15

 

Открывшееся диалоговое окно выглядит слегка пугающе, но основные вещи, на которые стоит обратить внимание, следующие:

adobe_stock_cinemagraph_16

 

  1. Выберите, куда вы хотите сохранить ролик
  2. Какой Формат вам требуется. H.264 отличный вариант, но в этом меню так же присутствует Quicktime.
  3. После выбора формата требуется указать Набор настроек. Для H.264 есть довольно много вариантов в меню, выбор зависит от того, для чего будет предназначаться видео.
  4. Частота кадров и Размер. Высокое качество это 1920×1080 пикселей и 30 (97) кадров в секунду.
  5. Какая часть видео будет экспортироваться? Можно выбрать весь ролик, диапазон кадров или, как я обычно делаю, указать Рабочий участок.

Теперь, если вас всё устраивает – нажимаем Рендеринг.