Шрифты и анимации

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

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

Встроенные шрифты

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

Ваши собственные шрифты

Загрузите файлы TTF, OTF или WOFF в Ресурсы. Студия считывает название семейства и начертание и использует шрифт по имени; попросите его в брифе («заголовки нашим шрифтом Recoleta»). Убедитесь, что ваша лицензия разрешает использование в видео.

Анимации Lottie

Загрузите файл Lottie JSON и попросите поставить его туда, где он нужен: «анимацию конфетти поверх последней сцены». Она зациклится на заданную вами длительность, и её можно масштабировать и размещать, как любой слой.

Анимации Rive

Файлы Rive работают так же. Если в файле несколько анимаций или машина состояний, назовите ту, которую нужно проиграть.

Анимированные GIF

GIF воспринимается как изображение, которое проигрывается и зацикливается.

HTML-элементы

Секции, скопированные с вашего сайта (карточка тарифа, список возможностей), рендерятся как HTML-блоки со своими стилями. Простые CSS-анимации внутри них проигрываются в рендере кадр за кадром.

Не перегружайте

Анимации и полнокадровые эффекты отрисовываются для каждого кадра видео. Пара на сцену выглядит аккуратно, а много слоёв стопкой делают рендер медленным. См. Время рендера и ограничения.

Как проверить шрифт в превью

Когда вы загружаете шрифт, студия показывает рядом с файлом название семейства и начертание. Попросите небольшой тест («покажи заголовок в Recoleta Bold») и посмотрите превью; если букв не хватает, в файле может не быть этих глифов (частая история с акцидентными шрифтами и буквами с диакритикой) — поможет другое начертание или более полный файл.

Откуда берутся шрифты при сканировании сайта

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

Эта страница соответствует текущей версии студии.

Вся документация