Статьи
Трансляции

Какая графика используется в онлайн-трансляциях

Конечно, можно использовать любую графику в трансляции, а можно не использовать ничего, а тут мы оставим список и описание наиболее используемых в корпоративных трансляциях форматов графики. То есть список ниже не обязателен, это скорее ориентир.
Все элементы лучше подготовить заранее и отдать режиссеру за сутки до трансляции. Так все будут уверены, что дизайн согласован и у команды будет время разобраться с контентом, свериться со списком, запросить недостающее и не терять на это время во время монтажа или репетиции.
  • ключевой визуал / key visual
  • универсальный фон
  • обложка трансляции (превью на ютуб или другой площадки)
  • обратный отсчет / трансляция скоро начнется
  • интро заставка / видео
  • отбивки и переходные элементы
  • титры для идентификации спикеров
  • информационные титры
  • шаблон для размещения презентации и спикера
  • шаблон для размещения нескольких спикеров
  • экстренная заглушка / видео
  • финальная заставка / заглушка
Любой элемент может быть статичной картинкой (обычно в PNG), а может быть анимацией со звуком или без (MOV/MP4). Технические параметры могут отличаться, а в большинстве случаев это разрешение 1920x1080 25 или 30 fps, прогрессивная развертка, битрейт от 20 Mbps.
Дальше расскажу подробнее про каждый пункт

Ключевой визуал / Key visual

Чтобы все выглядело стильно, нужно продумать стиль. В стримах все начинается с ключевого визуала (КВ). Все остальные элементы по умолчанию делаются на основе КВ. В нем становятся понятны:
  • Шрифты
  • Цвета
  • Элементы дизайна
  • Композиция

Универсальный фон

Фон полезная штука. На него можно добавить титры, QR коды, окошки камер, презентацию и т. д. Часто делается на основе КВ (key visual - ключевой визуал), просто убрав все лишние элементы.
1645043859_1-phonoteka-org-p-graficheskii-fon-dlya-prezentatsii-1.jpg

Обложка трансляции (превью на ютуб или другой площадки)

Иллюстрация или кей вижуал с текстом. Можно также добавить информацию о времени старта. В описании здорово добавить повестку или расписание.
Screenshot 2023-04-19 at 15.45.19.png

Обратный отсчет / трансляция скоро начнется

Трансляция обычно стартует за несколько минут до начала действия, чтобы люди собрались и обжились. Чтобы занять зрителя, лучше подготовить что-то для показа. Это может быть видео или плейлист (реклама, полезное), просто КВ, просто титр, информация или повестка грядущего стрима.

Интро заставка / видео

Вступительное видео для трансляции / видео.
В нем лучше представить айдентику, ключевой визуал, сам бренд и задать ритм стриму.
  • Простые атмосферные анимации хорошо смотрятся до 15 секунд
  • Сложные анимации и эмоциональные интро ролики смотрятся хорошо до 2-х минут
  • Иногда используют записанное видео от 2-х минут, как вступление к стриму, а потом переходят в прямой эфир
Вот такую заставку мы разрабатывали для PT:

Отбивки и переходные элементы

Если у видео есть разделы / рубрики, то может иметь смысл сделать титры или заставки с названиями. Это разнообразит картинку, добавит брендинга и создаст структуру.

Титры для идентификации спикеров

Людей в кадре можно представлять очень многими способами. Традиционно, это титр в нижней трети экрана с именем и должностью, его показывает режиссер на 5-10 секунд, чтобы познакомить аудиторию. Если выступление долгое и титр небольшой, его можно держать и дольше.
Screenshot 2023-04-19 at 15.52.41.png
Для мероприятий часто подходит формат титра на полный экран, в нем представлены 1 или несколько участников предстоящей или текущей сессии. Такой титр можно показывать, пока на сцене идет перестановка людей, и использовать как часть структуры мероприятия. Можно использовать и такой титр, и потом еще в нижней трети, чтобы все точно запомнили имена людей.
Screenshot 2023-04-19 at 15.52.17.png

Информационные титры

Инфо титры могут располагаться как угодно. Сбоку экрана, на весь экран, снизу, бегущей строкой. Главное, чтобы это было продумано.

Шаблон для размещения презентации и спикера

В трансляции можно совместить картинку с камер, презентацию, да и любую дополнительную информацию. Как можно сочетать презентации и съемку спикера мы описали здесь. На следующем фото видно, как выглядит отдельно камера и как она выглядит вместе с презентацией.
Конференция ТОК 2022. Мы снимали в коллабе с SANINDELAETVIDEO
Для примера, здесь дизайнеры ТОК сделали фон, в котором было предусмотрено место для презентации и для спикера. Сверху добавлен оверлей с названием конференции “ТОК. Для предпринимателей”
Screenshot 2023-04-19 at 15.51.44.png
В следующем примере брендинг встроен в презентацию, а спикер и презентация расположены похожим образом. Подробнее про эту съемку можно почитать и посмотреть тут.
Кейс лонч PT NAD 11 тут
Еще пример с другой формой окон. Хорошо, чтобы этот кадр вместе создавал стильное продуманное изображение.
Screenshot 2023-04-24 at 15.28.20.png
В следующем примере композиция более сложная.
  • Здесь есть фон, который также выполняет функцию брендинга
  • Есть камера спикера, вырезанная по маске
  • Есть презентация, вырезанная по маске
  • Есть верхний слой с анимированной обводной каждой маски.
Screenshot 2023-04-19 at 16.05.14.png

Шаблон для размещения нескольких спикеров

Можно разместить простые прямоугольники на брендированном фоне или просто на черном фоне. Но стильнее иметь продуманный дизайнерами шаблон, как сделали ребята из ТОК в следующем примере. Еще можно добавить оверлей с подписями спикеров.
ПЛАШКИ пустые-02.png

Экстренная заглушка / видео

В прямом эфире что-то может пойти не так или просто возникнет ненужная пауза, а зрителя нужно занять.
  • Минимальный вариант: на каком-то фоне написать “трансляция скоро начнется”
  • Норм вариант: на специальном брендированном фоне написать, когда возобновится трансляция и дать какую-то полезную информацию, например, расписание дня
  • Хороший вариант: сделать красивое видео. Информационное, продающее или просто приятное глазу

Финальная заставка / заглушка

Технически трансляцию нельзя заканчивать сразу после финальных слов финального спикера. Из-за задержки RTMP протокола, трансляция на площадке идет на 20-60 сек позже реального времени, а сигнал завершения трансляции может остановить стрим на площадке, и последние слова пропадут.
Если нет специальной заставки, можно использовать начальную или просто КВ трансляции.