Инфографика в видео: как сделать анимированные графики без After Effects

Цифра, сказанная голосом, забывается через секунду. А цифра, которая выросла на экране столбиком, запоминается. Поэтому в разборах и документалках инфографика работает почти как б-ролл: держит внимание и доказывает мысль.

Беда в том, что классический путь — это After Effects. Шаблон, ключевые кадры, рендер, правка цифры, снова рендер. На один график легко уходит час.

Какая инфографика работает в видео?

В видео у зрителя нет времени разглядывать. Поэтому лучше всего работают простые виды:

• Одно большое число. «18 163» со счётчиком. Самый сильный вид, если цифра одна и важная.
• Столбцы и рейтинги. Сравнение 3–7 вещей: страны, компании, люди.
• Линия. Как что-то менялось во времени.
• Две цифры. «Было — стало» с разницей посередине.
• Доли. Проценты, бюджет квадратами, парламент.
• Карта. Где это происходит, куда двигалось. Ей посвящена отдельная статья — анимация карты для видео.

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

Правила, без которых график не читается

1. Одна мысль на кадр. Заголовок говорит вывод («Госдолг США растёт быстрее ВВП»), а график его показывает.
2. Крупно. На телефоне 1080p превращается в маленькую картинку. Подписи меньше 30–40 пикселей в кадре 1920×1080 никто не прочтёт.
3. Контраст. Главное — ярким, остальное — серым. Если всё цветное, глазу не за что зацепиться.
4. Рост за 1–1,5 секунды. Медленнее — скучно, быстрее — зритель не успевает понять, что выросло.
5. 5–8 секунд на экране. Ровно столько, сколько ты говоришь об этой цифре.
6. Источник внизу. Мелко, но обязательно. Это доверие.

Чем сделать анимированную инфографику?

• After Effects и шаблоны. Максимум свободы, но долго, и нужны навыки.
• PowerPoint и Keynote. Умеют анимировать диаграммы и выгружать презентацию в видео. Для простого столбика сойдёт, но выглядит как презентация.
• Онлайн-конструкторы. Вставляешь данные, выбираешь вид и стиль, получаешь видео.

Мы сделали конструктор инфографики Монти как раз потому, что устали от первого пути. В нём 37 видов: графики, карты, цифры, люди и схемы, подписи. Вписываешь свои данные, выбираешь один из шести стилей и сразу видишь, как график двигается. Флаги стран, логотипы компаний и значки по слову («нефть», «танк», «больница») ставятся сами.

Как наложить инфографику поверх видео?

Если графику нужен свой фон, это обычный клип на основной дорожке. Если он должен лежать поверх кадра (подпись, цифра в углу), нужен файл с прозрачным фоном. Обычно это MOV в кодеке ProRes 4444: он хранит прозрачность. В DaVinci и Premiere такой файл кладётся на дорожку выше видео и сразу работает. В CapCut прозрачность MOV поддерживается не во всех версиях, поэтому сначала проверь на одном файле.

Подписи и плашки в нашем конструкторе как раз выходят с прозрачным фоном. Про них отдельно — в статье про плашки и титры.

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

После After Effects это самый частый вопрос. Просмотр в нашем конструкторе бесплатный и сразу двигается. Готовое видео без водяного знака оплачивается вставками тарифа: график — 2 вставки, подпись — 1.