Анимация текста для видео: кинетическая типографика по словам

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

В этом примере фраза «Сделай это громче» появляется по словам на тёмном фоне с едва заметными кольцами и полоской эквалайзера. Потом каждые четверть секунды каждое слово скачком меняет размер и цвет: салатовый, малиновый, белый. Примерно на пятой секунде фраза встаёт в три огромные строки на весь кадр и до конца меняет цвет в ритм.

Промпт этого ролика

Ролик выше сделан ровно по этому тексту, слово в слово:

📝

Кинетическая типографика: фраза «Сделай это громче» появляется по словам, слова меняют размер и цвет в ритм, финал крупно на весь кадр

Настройки: тир Ultra, 16:9, 1080p, 60 к/с, 8 секунд. На странице играет уменьшенная копия рендера.

Как сделать в Premiere

  1. Откройте проект и выберите Window → Extensions → Butter Motion. Панель встаёт рядом с остальными окнами, из монтажа выходить не нужно.
  2. Выставьте чипы под полем промпта под свою секвенцию: 16:9 и частота кадров секвенции, 8 секунд на появление, ритм и финал. Совпали формат, разрешение и частота кадров, и клип ляжет на таймлайн без конформа.
  3. Оставьте Background на With background, если графика занимает весь кадр. Выберите Transparent, если она должна лежать поверх видео: получится MOV с альфа-каналом (ProRes 4444), и для него нужна пустая видеодорожка над кадром.
  4. Тир оставьте Ultra, он стоит по умолчанию (окошко слева от кнопки генерации). Flash дешевле и годится для быстрого черновика.
  5. Вставьте промпт, замените текст и цифры на свои и нажмите ↑ (или Cmd+Enter / Ctrl+Enter). Карточка пройдёт очередь, генерацию, проверку вёрстки и рендер. Это несколько минут, монтировать дальше можно параллельно.
  6. На экране результата нажмите Unlock customization (для подписчиков бесплатно), чтобы поменять текст, цвета и шрифт руками, или напишите правку словами в строке Tweak («сделай ритм медленнее»).
  7. Нажмите To timeline. Клип отрендерится на вашем компьютере, попадёт в папку «ButterMotion» в проекте и встанет на позицию плейхеда.

Что поменять под свой текст

Чем это лучше шаблона анимации текста

Шаблон кинетической типографики собран под свои слова: длинное слово ломает вёрстку, а тайминг подогнан под чужой трек. Сгенерированный вариант сразу свёрстан под вашу фразу, каждое слово остаётся текстовым контролом, а клип рендерится в разрешении и частоте кадров секвенции.

Сколько стоит

Одна генерация на выбранном тире: Flash 7 кредитов, Ultra 10, Animation 15. Прозрачность, разрешение, частота кадров и длина цену не меняют. Для подписчиков контролы и первая правка каждой генерации бесплатны, каждая следующая правка стоит 5 кредитов. Рендер и вставка на таймлайн ничего не стоят, водяного знака нет. Тарифы и пакеты кредитов в разделе с ценами, подробности в Как работают кредиты.

Ссылки