Перейти к содержимому
генератор·Обновлено 7 ноября 2026

Оверлеи для OBS бесплатно Новинка

Пятнадцать оверлеев для источника «Браузер» на стримах Twitch, Kick и YouTube: заставки «Скоро начнём», «Отошёл» и «Конец стрима», обратный отсчёт, часы, плашка с именем, соцсети, бегущая строка, шкала цели, топ-лист, счётчик, голосование, рамка вебкамеры и живой чат Twitch. Прозрачный фон, любой размер, без аккаунта.

Без регистрации · Прозрачный фон · Настройки хранятся в ссылке · Живой чат Twitch в комплекте

Соберите свой оверлей

Живой предпросмотр той самой страницы, которую загрузит OBS.

Открыть

В OBS укажите ширину 1920 и высоту 1080. Таймер стартует, когда OBS загружает источник. Отметьте «Обновить браузер, когда сцена становится активной», чтобы он перезапускался при каждом переключении на сцену, — или выберите «До времени на часах»: такой таймер переживает перезагрузки.

Набор сцен — один стиль для всех трёх
  • Скоро начнём
  • Отошёл
  • Конец стрима

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

Скоро начнём — содержимое
Стиль
Изменить оверлей, который уже стоит в OBS
Мои оверлеи (хранятся в этом браузере)

Пока ничего не сохранено — можно до 20 оверлеев.

Без регистрации. Пользуйтесь, делитесь результатом — аккаунт не нужен.
Всё в браузере. Расчёты идут на вашем устройстве — введённые данные мы не видим.
Встраивание в OBS и на сайт. Добавьте ?embed=1 к ссылке — получите виджет без шапки и подвала для iframe.
Как пользоваться

Шагов: 4 · ~1 минута

Каждый шаг — одно действие, без настройки и регистрации. Всё считается в браузере, ничего не загружается.

Шаг 01

Выберите оверлей и оформите его

Выберите один из 15 типов оверлея, впишите свой текст, затем тему или свои цвета, шрифт, размер текста и позицию. Предпросмотр — это настоящая страница оверлея в уменьшенном виде.

Шаг 02

Скопируйте ссылку для источника

Нажмите «Копировать ссылку». Все настройки уже внутри ссылки, так что ни регистрироваться, ни сохранять что-то у нас не нужно.

Шаг 03

Добавьте источник «Браузер» в OBS

На панели «Источники» нажмите «+», выберите «Браузер», задайте имя и подтвердите. Вставьте ссылку в поле «Ссылка», укажите «Ширина» и «Высота» как под предпросмотром и нажмите «ОК».

Шаг 04

Расставьте и выходите в эфир

Перетащите источник или измените его размер на холсте. Чтобы потом поменять текст, отредактируйте его здесь и вставьте новую ссылку в свойства источника.

Как добавить оверлей в OBS: поле за полем

  1. Панель «Источники», кнопка «+», «Браузер». Назовите источник по оверлею («Скоро начнём», «Чат»), чтобы потом легко его найти, и подтвердите.
  2. Ссылка — вставьте ссылку из «Копировать ссылку». Галочку «Локальный файл» не ставьте.
  3. Ширина / Высота — размер, указанный под предпросмотром. Полноэкранные заставки и виджеты с позицией нарисованы под 1920×1080 и масштабируются до любого размера 16:9; рамка вебкамеры должна совпадать с источником камеры; оверлей чата заполняет любой заданный размер, например 420×720 в углу.
  4. CSS — оставьте как есть. Стандартное правило OBS уже делает фон страницы прозрачным.
  5. «Отключать источник, когда не видим» — для чата не включайте, чтобы сообщения сохранялись при смене сцен.
  6. «Обновить браузер, когда сцена становится активной» — включите на сцене «Скоро начнём» или «Отошёл», где таймер отсчитывает N минут: тогда отсчёт будет начинаться заново при каждом переключении на эту сцену.
  7. Нажмите «ОК» и перетащите источник на место. Чтобы обновить текст, откройте «Свойства» источника и вставьте новую ссылку.

Что делает каждый оверлей

  • Скоро начнём, Отошёл, Конец стрима — полноэкранные заставки с заголовком, подзаголовком, таймером по желанию (N минут, до времени на часах или прямой отсчёт — сколько вас уже нет) и до восьми соцсетей. «Набор сцен» копирует все три ссылки в едином стиле.
  • Обратный отсчёт — компактный таймер в любом месте сцены со своим текстом, когда отсчёт доходит до нуля.
  • Часы — текущее время в любом часовом поясе, 12 или 24 часа, с секундами и датой по желанию. Удобно, когда зрители живут в другом часовом поясе.
  • Плашка с именем и «Сейчас играю» — плашка с ником, меткой и второй строкой, которая может выезжать, держаться заданное число секунд и появляться снова по кругу; и небольшая плашка с игрой, песней или темой.
  • Соцсети — до восьми аккаунтов по одному по кругу или все сразу в ряд или в столбик.
  • Бегущая строка — до десяти сообщений бегут вдоль верхнего или нижнего края, с разделителем, скоростью и блоком-меткой по желанию, например НОВОСТИ.
  • Шкала цели, топ-лист, итоги голосования — числа, которые вы вводите сами: полоса прогресса с префиксом валюты или единицей, рейтинг с золотым, серебряным и бронзовым местами и полосы голосования, проценты которых всегда дают ровно 100.
  • Счётчик — смерти, победы или что угодно; прибавляется и отнимается через окно «Взаимодействовать» в OBS.
  • Рамка вебкамеры — градиентная рамка со скруглёнными углами, свечением по желанию и плашкой с именем; середина остаётся прозрачной.
  • Чат Twitch — живой чат со смайликами, значками и цветами ников, исчезанием сообщений, скрытием !команд и ботов и уведомлениями о подписках и подарках. Сообщения, удалённые модераторами, пропадают и из оверлея. Для него есть отдельная страница: бесплатный оверлей чата Twitch.

Что в дизайне важно на стриме

Девять тем — в том числе фиолетовая Twitch, зелёная Kick и красная YouTube — подходят ко всем типам оверлеев, так что сцена с кучей виджетов выглядит как единый набор; любой из четырёх цветов можно заменить своим. Шрифты — либо безопасные системные, либо загружаемые с этого сайта, так что ничего не грузится с Google. Размер текста, скругление углов, непрозрачность панели и отступ от края настраиваются, все размеры масштабируются вместе с источником, а анимации отключаются, когда система просит уменьшить движение.

Ещё бесплатные инструменты для настройки стрима: подберите битрейт энкодера в калькуляторе битрейта OBS, опубликуйте расписание на неделю с помощью генератора расписания стримов или ведите цель по фолловерам автоматически на шкале цели подписок.

Вопросы · методика и оговорки

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

Результаты — оценки. В ответах ниже указано, откуда взяты данные и какие допущения заложены.

Как добавить такой оверлей в OBS?
Соберите оверлей на этой странице и нажмите «Копировать ссылку». В OBS нажмите «+» внизу панели «Источники», выберите «Браузер», назовите источник и подтвердите. Вставьте ссылку в поле «Ссылка», задайте «Ширина» и «Высота» по размеру под предпросмотром (для большинства оверлеев 1920 на 1080) и нажмите «ОК». Дальше источник можно двигать и масштабировать на холсте, как любой другой.
Фон правда прозрачный?
Да. Страница оверлея ничего не рисует за пределами своих панелей, а CSS, который OBS подставляет в новый источник «Браузер», уже делает фон страницы прозрачным. У полноэкранных заставок свои варианты фона: градиент, сплошной цвет, затемнение или полная прозрачность.
Шкала цели, топ-лист и голосование обновляются сами?
Нет. Они показывают числа, которые вы ввели здесь, — к Twitch, Kick или сервису донатов ничего не подключено. Когда числа меняются, исправьте их на этой странице и вставьте новую ссылку в источник. При перезагрузке источника полосы плавно доезжают до нового значения. Для цели по фолловерам или зрителям, которая обновляется сама, используйте шкалу цели подписок.
Почему обратный отсчёт начинается заново?
Таймер «Обратный отсчёт N минут» стартует, когда OBS загружает источник, поэтому перезагрузка источника его перезапускает. Если нужен таймер, который переживает перезагрузки и смену сцен, выберите «До времени на часах» и укажите время по часам компьютера, на котором работает OBS, а при желании и дату. Без даты отсчёт идёт до ближайшего такого времени; в течение двух часов после цели таймер показывает финальный текст, а не начинает новый отсчёт почти на сутки.
Как подключается оверлей чата Twitch?
Он заходит в чат вашего канала анонимным гостем только для чтения через WebSocket чата Twitch — так же, как чат читает зритель без входа в аккаунт. Никакого входа, токена и разрешений, а писать в чат он не может. Смайлики берутся с сервера изображений Twitch по ID смайликов в каждом сообщении; значки и цвета ников — из данных сообщения.
Можно показать и чат Kick?
В этой версии нет: оверлей чата читает только чат Twitch. Всё остальное на странице — заставки, таймеры, плашки, шкалы цели и прочее — подходит для любой платформы, и есть цветовая тема Kick.
Где хранятся мои настройки?
В самой ссылке оверлея. Аккаунта нет: OBS отправляет ссылку, а страница рисует оверлей по ней. Необязательный список «Мои оверлеи» хранится в локальном хранилище вашего браузера, его можно экспортировать в JSON-файл и перенести на другой компьютер.
Как кликать по счётчику во время стрима?
Щёлкните источник со счётчиком в OBS правой кнопкой и выберите «Взаимодействовать». В этом окне клик прибавляет один шаг, правый клик отнимает, клавиши + и − делают то же самое. Значение сохраняется в локальном хранилище страницы; в нашем тесте в браузере на Chromium оно пережило обновление страницы. Полный перезапуск OBS мы не проверяли, так что если число важно, запишите его перед закрытием OBS.

Инструмент помог? Теперь — канал.

Streamrise — зрители, фолловеры и чат-боты для Twitch и Kick с плавной подачей. Нужна только ссылка на канал, пароль не нужен.