Конструктор оверлеев: живая графика вместо картинок
Большинство пакетов оверлеев — это картинки, которые кладут в OBS и больше не трогают. Живой оверлей другой: он знает счёт, имя гостя и заголовок дня и меняет их, пока вы в эфире. Разберём, из чего он состоит и как его собрать.
Что на самом деле входит в оверлей
Разберите профессиональную трансляцию — и вы найдёте четыре-пять повторяющихся элементов. Оверлей стрима — тот же список, масштабированный под одного человека и один ПК:
- Плашка с именем — кто говорит и почему его стоит слушать. Конструктор титров →
- Уголок (bug) — маленький постоянный элемент в углу: логотип, счёт, часы. Табло со счётом →
- Бегущая строка — нижняя полоса для заголовков, расписания или спонсоров. Программа бегущей строки →
- Полноэкранные моменты — «скоро начнём», «сейчас вернусь», результаты, таблицы, плашка «срочно».
- Рамки и маски — статичная «мебель» вокруг веб-камеры или игры; единственная часть, с которой картинка справляется хорошо.
Статичный оверлей против живого
Картинка отлично подходит для рамок и границ: если формы не меняются, PNG — верный инструмент. Всё, где есть текст, — другая задача. Как только имя, счёт или заголовок запечён в PNG, обновление означает графический редактор и перезагрузку — не то, что делают спокойно на сороковой минуте эфира.
Живой оверлей держит дизайн в шаблоне, а содержимое в пульте. Дизайн во время эфира не меняется; содержимое меняется постоянно. Разделить их — и есть весь фокус.
Дизайн под стрим
Эфирная графика делается для телевизора в двух метрах. Стрим смотрят на телефоне в одной руке. Это меняет три решения: шрифт крупнее относительно кадра, контраст выше и меньше элементов одновременно.
Выберите один акцентный цвет и используйте его везде — плашка, уголок и строка должны выглядеть как одна семья, потому что разнородный оверлей — самый быстрый способ выглядеть любительски. Если у канала уже есть цвета, берите их: семейства дизайна в LowerThird Software перекрашиваются из одной пары значений.
Держите углы свободными
Площадки кладут поверх вашей картинки собственные элементы. Twitch добавляет чат и управление плеером, YouTube — заголовок и конечные заставки, у Kick свой интерфейс, и все они могут перекрыть нижний угол на телефоне.
Оставьте минимум 5% свободными со всех четырёх сторон, а нижний правый угол считайте «одолженным». Чаще всего страдает строка, прижатая к самому низу: поднимите её немного — и она выживет на любой площадке.
Один источник — всё на нём
Когда элементы сделаны на HTML5, все они живут на одной прозрачной странице, и OBS нужен всего один браузерный источник. Меньше того, что нужно выравнивать, меньше того, что забудешь при сборке новой сцены, и одно место, где меняются фирменные цвета. Настройка в OBS занимает около пяти минут →
Соберите оверлей на живых данных Сборки раннего доступа уже рассылаются — один браузерный источник, и каждый элемент обновляется прямо в эфире.
Запросить ранний доступ