LowerThirdSoftware CG
Русский

Конструктор титров: анимированные lower thirds для эфира

Титр (lower third) — небольшая графика внизу экрана, которая сообщает, кто говорит. Эта страница объясняет, что делает титр хорошим, почему анимированные титры на живых данных выигрывают у отрендеренных видеофайлов и как сделать свой, не открывая видеоредактор.

Что такое lower third?

Режиссёры делят кадр на три горизонтальные полосы. Лица занимают две верхние; в нижнюю кладут текст, чтобы не перекрывать никому рот. Именно это и означает название — графика в нижней трети изображения.

Классическое содержимое — имя и должность: Алекс Картер — эксперт матча. Дальше та же площадь несёт цитаты, соцсети, географию, счёт, логотипы спонсоров и срочные заголовки. В аппаратной ими управляет оператор CG; на стриме этот человек обычно вы.

Анимированные титры против видеофайлов

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

Конструктор титров идёт другим путём. Анимация — это HTML и CSS; текст — это данные. Вы набираете имя гостя в пульте и жмёте TAKE: тот же шаблон, новое имя, в эфире в ту же секунду. Передумали посреди эфира — плашка обновится, не покидая экран.

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

О «бесплатных lower thirds»

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

Шаблоны, управляемые из пульта, снимают все три проблемы. Типографика ваша, цвета — вашего канала, и при смене имени ничего не скачивается заново.

Как сделать титр по-настоящему читаемым

  • Не выходите за безопасную зону. Держите отступ около 5% снизу и по краям — мобильные плееры, оверскан и интерфейс площадок съедают края.
  • Дайте достаточный контраст. Плотная подложка под текстом переживёт светлый и подвижный фон; голый текст поверх видео — нет.
  • Максимум две строки. Имя сверху, должность снизу. Третью строку почти никто не дочитывает.
  • Держите пять–семь секунд. Достаточно, чтобы прочитать дважды, и мало, чтобы не мешать. Автоуход лучше, чем «не забыть убрать».
  • Анимируйте форму, а не буквы. Выдвиньте подложку и дайте тексту появиться следом. Побуквенная анимация на стриминговом битрейте читается как шум.

Как собрать титр в LowerThird Software

  1. Откройте пульт и выберите семейство дизайна — в каждом уже есть плашка, табло, строка и графика событий в едином стиле.
  2. Задайте цвета один раз. Вся графика семейства подхватит их, поэтому плашка и табло никогда не будут спорить друг с другом.
  3. Наберите имя и должность. Если в кадре двое, добавьте второго.
  4. Добавьте прозрачную страницу выхода в OBS браузерным источником 1920×1080 (точные шаги здесь).
  5. Нажмите TAKE, чтобы выдать в эфир, CLEAR — чтобы убрать, либо задайте время показа и дайте титру уйти самому.

Хотите попробовать? LowerThird Software в раннем доступе — напишите нам, и мы пришлём сборку для вашего компьютера.

Запросить ранний доступ

Частые вопросы

Какого размера должен быть титр?

Проектируйте в 1920×1080 и дайте кодировщику масштабировать. Плашка шириной примерно 700–900 px и высотой 90–120 px удобно ложится в нижнюю треть и остаётся читаемой на телефоне.

Сколько титр должен держаться на экране?

Пять–семь секунд для имени и должности. Достаточно, чтобы бегло прочитать дважды, и достаточно мало, чтобы он ушёл прежде, чем станет мебелью.

Можно ли обойтись без видеоредактора?

Да — в этом и смысл живого конструктора титров. Анимация живёт в шаблоне, а текст приходит из пульта, поэтому заранее ничего не рендерится.

Похожие страницы