October 22, 2019

Как сделать видео-макет для инстаграм профессионально за 5 минут

Сейчас покажу, как быстро сделать видео-макет для инстаграм сторис, который отлично подойдёт для товарки или для приглашения на вебинар.

Самое интересное, что года 2 назад, когда видео формат только приобретал массовость в коммерческом сегменте инстаграма уже тогда можно было без особых усилий скачать на забугорных сайтах шаблоны для создания видео, но тогда это было тяжело продать как услугу, а что сейчас? Ютуб уже забит роликами, которые показывают, как новичкам блоггерам создать свой макет для видео через приложения на телефоне. Даже появился рынок услуг по созданию видео- макетов для инсты.

Можно конечно париться и создавать макет на телефоне, но я больше склонен к быстрому и системному созданию шаблонов, которые не занимают много времени в дальнейшем, и я могу быстрее запустить и протестировать результаты. Ведь важен не сам макет и его красота, а профит, который он даёт.

Я решил раз уж все равно делаю шаблон, то сделаю его сразу для знакомой, которая продаёт итальянские сумки, поэтому фото и текст соответственно в примере для её магазина.
Итак, погнали!

Подготовка

Шаг 1. Нужно это скачать все файлы с Яндекс.Диска по этой ссылке.
Шаг 2. Устанавливаем adobe adobe after effects (желательно на ssd накопитель если он есть) – не нужно сомневаться, что придётся возиться с настройками, весь процесс уже за тебя упрощён до минимума действий.
Шаг 3. Выгрузить из архива «instagram stories - шаблон сумки» содержимое (желательно на ssd).

Создание видео-макета для инстаграм

Шаг 1. Запускаем шаблон «instagram stories с 2018 автосохранение» из папки «Автосохранение adobe adobe after effects».

Шаг 2. При запуске шаблона программа выдаст предупреждение, что не может подключиться к библиотеке адобовских шрифтов (это стандартная ерунда для ломаных версий программы) - просто соглашаемся и не обращаем внимание.

Шаг 3. Передвигаем ползунок на таймлайне, чтобы видеть полностью текст после его анимации (это нужно, чтобы редактировать в дальнейшем было удобно).

Шаг 4. Открываем вкладку «Photo 1», слева от таймлайна видим расположены 3 файла.
Файлы с верху в низ:

  1. 1 Сплошная заливка – нужен для того, чтобы белый текст был виден на ярких фото (можно убрать при желании позже покажу как).
  2. 2-3 фото для примера, которые нужно выключить, нажав на иконку глаза или удалить.

Чтобы добавить своё фото или видео просто перетащите с компа файл в рабочее окно в папку «Фото»,которая находится в левом углу над таймлайном.

Из папки фото перетаскиваем файл на таймлайн и подгоняем размер, как показано на примере. Размер видео будет 1080 ширина на 1920 высота. Поэтому насчитывайте размер своего фото.
Ps. Вкладка «Photo 1» это первый слайд, в который можно поместить 1 и более изображений или короткое видео. В остальных слайдах точно также.


Шаг 5. Меняем прозрачность у файла «Сплошная заливка».
Его можно выключить, нажав на иконку глаза. Удалять не рекомендую, потому что в дальнейшем он вам может пригодиться, а самостоятельно его сделать вам потребуется время, на поиск как это сделать или создания подобной картинки. Просто не теряйте время зря. Не нужен? Просто выключи.
Изменить прозрачность файла можно в разделе «Непрозрачность», который находится в настройке «Преобразовать».
Изменить непрозрачность можно от 0 до 100% - редактируйте в зависимости от яркости вашей картинки, чтобы текст, который будет наложен сверху, был четко виден.

Шаг 6. Повторяем действия.
Подставляем фото/видео в соотвествующие слайды, во вкладках «Photo 2», «Photo 3», «Photo 4», «Photo 5», «Photo 6», «Photo 7».

Шаг 7. Меняем цвет линии перехода.
Для этого перематываем ползунок на таймлайне, до того момента, как увидите розовую линию перехода. Потом в окне «Essental Graphics», в строке «Transition 1» меняем с розового на нужный цвет, как показано на видео.
Повторяем шаги для всех остальных слайдов.


Шаг 8. Быстрое редактирование текста.
В том же окне «Essental Graphics» указан весь текст, который в соответствующих строках меняется.
После редактирования текста «Enter» не нужно нажимать, просто кликаем мышкой на другой текст или на таймлайн по окончанию изменений.

Шаг 9. Детальное редактирование текста
По желанию, можно пропустить, если вас все устраивает после шага 8.

Переходим во вкладку «Text» на таймлайн.
Видим текстовые слои, которые будем редактировать.
Перематываем ползунок чтобы текст показался полностью после анимации.

Для изменения шрифта выбираем нужный текстовый слой на таймлайн. Выделяем текст мышкой в окне предпросмотра.

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

Там же вы можете изменить размер шрифта в соответствующей настройке.

Изменить положение текста можно, выбрав слой на таймлайн и раскрыв его настройки, нажав на треугольник, затем необходимо раскрыть «Преобразовать», и в строке «Положение» можно изменить положение текста по горизонтали и вертикали.
Первое число отвечает за положение по оси Y второе число по оси X.

Меняем межстрочный и межбуквенный интервал.

Для этого выделяем необходимый текст.

И меняем значение в настройке «Символ» в соответствующих настройках.

Редактируем текст в кнопке.
Переходим на таймлайн во вкладку «Call to Action».
Выделяем текст двойным щелчком мыши по нему, в окне предпросмотра редактируем по желанию.
Ps. размер кнопки автоматически меняется под размер текста внутри неё.
Не рекомендую менять положение текста в настойке «Положение» т.к. там задана анимация кнопки и чтобы ее не сбивать, лучше не менять положение.

Меняем кнопку.
Для этого в раскрытом слое «Text shape» в настройке «Stroke 1» есть настройка «Цвет», в палитре можно выбрать необходимый цвет обводки кнопки.
Также чуть ниже, в настройке «Ширина обводки», мы можем изменить толщину обводки кнопки.

Шаг 10. Добавление музыки.
Также, как и фото, вы можете добавить свою музыку в библиотеку, после чего добавить ее на таймлайн в вкладке «17 Story».
Музыку можно добавить в любое месте на таймлайне, это значение не имеет. Я обычно ставлю поверх всех слоёв, чтобы удобно было сравнивать, какая подходит лучше.
Итак, перетащив звуковой файл, вы можете его обрезать, потянув края во внутреннюю сторону файла.
Звуковую волну можно увидеть при желании, если раскрыть настройки файла, нажав на треугольник.

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

Рендеринг

Для того, чтобы сохранить получившееся видео, нужно перейти во вкладку «Композиция», которая находится в самом верху. Далее необходимо выбрать «Добавить в очередь рендеринга».
После чего на таймлайне у нас откроется вкладка «Очередь рендеринга».
Там, нажав на синюю ссылку, можно выбрать место сохранения видео и его название.
PS. Учтите первый вывод видео будет весить больше 2 гб, поэтому на диске должно быть от 3гб свободного места.
Нажимаем кнопку «Рендеринг»

Сжатие видео

Естественно, такое тяжелое видео никуда не годится, замучаешься выгружать его в инстаграм.
Поэтому будем сжимать видео через программу «1ncoder», которая находится в одноименной папке.
Запускаем программу выбираем. Перетаскиваем ползунок на «Качественно», перетаскиваем наше видео и ждём окончания сжатия видео. Примерно 5-7 минут.
Получившийся результат смело выгружаем в сторис или фб в таргет.

Да, первый раз занимает больше 5 минут, из-за ознакомления, но зато последующие разы будут занимать не больше 5 минут редактирования шаблона.