Оверлеи для OBS бесплатно Новинка
Пятнадцать оверлеев для источника «Браузер» на стримах Twitch, Kick и YouTube: заставки «Скоро начнём», «Отошёл» и «Конец стрима», обратный отсчёт, часы, плашка с именем, соцсети, бегущая строка, шкала цели, топ-лист, счётчик, голосование, рамка вебкамеры и живой чат Twitch. Прозрачный фон, любой размер, без аккаунта.
Без регистрации · Прозрачный фон · Настройки хранятся в ссылке · Живой чат Twitch в комплекте
Соберите свой оверлей
Живой предпросмотр той самой страницы, которую загрузит OBS.
В OBS укажите ширину 1920 и высоту 1080. Таймер стартует, когда OBS загружает источник. Отметьте «Обновить браузер, когда сцена становится активной», чтобы он перезапускался при каждом переключении на сцену, — или выберите «До времени на часах»: такой таймер переживает перезагрузки.
- Скоро начнём
- Отошёл
- Конец стрима
Тексты берутся из последних настроек каждой сцены — чтобы изменить, переключитесь на неё выше.
?embed=1 к ссылке — получите виджет без шапки и подвала для iframe.Шагов: 4 · ~1 минута
Каждый шаг — одно действие, без настройки и регистрации. Всё считается в браузере, ничего не загружается.
Выберите оверлей и оформите его
Выберите один из 15 типов оверлея, впишите свой текст, затем тему или свои цвета, шрифт, размер текста и позицию. Предпросмотр — это настоящая страница оверлея в уменьшенном виде.
Скопируйте ссылку для источника
Нажмите «Копировать ссылку». Все настройки уже внутри ссылки, так что ни регистрироваться, ни сохранять что-то у нас не нужно.
Добавьте источник «Браузер» в OBS
На панели «Источники» нажмите «+», выберите «Браузер», задайте имя и подтвердите. Вставьте ссылку в поле «Ссылка», укажите «Ширина» и «Высота» как под предпросмотром и нажмите «ОК».
Расставьте и выходите в эфир
Перетащите источник или измените его размер на холсте. Чтобы потом поменять текст, отредактируйте его здесь и вставьте новую ссылку в свойства источника.
Как добавить оверлей в OBS: поле за полем
- Панель «Источники», кнопка «+», «Браузер». Назовите источник по оверлею («Скоро начнём», «Чат»), чтобы потом легко его найти, и подтвердите.
- Ссылка — вставьте ссылку из «Копировать ссылку». Галочку «Локальный файл» не ставьте.
- Ширина / Высота — размер, указанный под предпросмотром. Полноэкранные заставки и виджеты с позицией нарисованы под 1920×1080 и масштабируются до любого размера 16:9; рамка вебкамеры должна совпадать с источником камеры; оверлей чата заполняет любой заданный размер, например 420×720 в углу.
- CSS — оставьте как есть. Стандартное правило OBS уже делает фон страницы прозрачным.
- «Отключать источник, когда не видим» — для чата не включайте, чтобы сообщения сохранялись при смене сцен.
- «Обновить браузер, когда сцена становится активной» — включите на сцене «Скоро начнём» или «Отошёл», где таймер отсчитывает N минут: тогда отсчёт будет начинаться заново при каждом переключении на эту сцену.
- Нажмите «ОК» и перетащите источник на место. Чтобы обновить текст, откройте «Свойства» источника и вставьте новую ссылку.
Что делает каждый оверлей
- Скоро начнём, Отошёл, Конец стрима — полноэкранные заставки с заголовком, подзаголовком, таймером по желанию (N минут, до времени на часах или прямой отсчёт — сколько вас уже нет) и до восьми соцсетей. «Набор сцен» копирует все три ссылки в едином стиле.
- Обратный отсчёт — компактный таймер в любом месте сцены со своим текстом, когда отсчёт доходит до нуля.
- Часы — текущее время в любом часовом поясе, 12 или 24 часа, с секундами и датой по желанию. Удобно, когда зрители живут в другом часовом поясе.
- Плашка с именем и «Сейчас играю» — плашка с ником, меткой и второй строкой, которая может выезжать, держаться заданное число секунд и появляться снова по кругу; и небольшая плашка с игрой, песней или темой.
- Соцсети — до восьми аккаунтов по одному по кругу или все сразу в ряд или в столбик.
- Бегущая строка — до десяти сообщений бегут вдоль верхнего или нижнего края, с разделителем, скоростью и блоком-меткой по желанию, например НОВОСТИ.
- Шкала цели, топ-лист, итоги голосования — числа, которые вы вводите сами: полоса прогресса с префиксом валюты или единицей, рейтинг с золотым, серебряным и бронзовым местами и полосы голосования, проценты которых всегда дают ровно 100.
- Счётчик — смерти, победы или что угодно; прибавляется и отнимается через окно «Взаимодействовать» в OBS.
- Рамка вебкамеры — градиентная рамка со скруглёнными углами, свечением по желанию и плашкой с именем; середина остаётся прозрачной.
- Чат Twitch — живой чат со смайликами, значками и цветами ников, исчезанием сообщений, скрытием !команд и ботов и уведомлениями о подписках и подарках. Сообщения, удалённые модераторами, пропадают и из оверлея. Для него есть отдельная страница: бесплатный оверлей чата Twitch.
Что в дизайне важно на стриме
Девять тем — в том числе фиолетовая Twitch, зелёная Kick и красная YouTube — подходят ко всем типам оверлеев, так что сцена с кучей виджетов выглядит как единый набор; любой из четырёх цветов можно заменить своим. Шрифты — либо безопасные системные, либо загружаемые с этого сайта, так что ничего не грузится с Google. Размер текста, скругление углов, непрозрачность панели и отступ от края настраиваются, все размеры масштабируются вместе с источником, а анимации отключаются, когда система просит уменьшить движение.
Ещё бесплатные инструменты для настройки стрима: подберите битрейт энкодера в калькуляторе битрейта OBS, опубликуйте расписание на неделю с помощью генератора расписания стримов или ведите цель по фолловерам автоматически на шкале цели подписок.
Частые вопросы.
Результаты — оценки. В ответах ниже указано, откуда взяты данные и какие допущения заложены.
Как добавить такой оверлей в OBS?
Фон правда прозрачный?
Шкала цели, топ-лист и голосование обновляются сами?
Почему обратный отсчёт начинается заново?
Как подключается оверлей чата Twitch?
Можно показать и чат Kick?
Где хранятся мои настройки?
Как кликать по счётчику во время стрима?
Инструмент помог? Теперь — канал.
Streamrise — зрители, фолловеры и чат-боты для Twitch и Kick с плавной подачей. Нужна только ссылка на канал, пароль не нужен.