strAImer strAImer
Войти

Оформление оверлея

С чем сюда приходят

О чём эта страница

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

Вид принадлежит одному оверлею. Два чат-оверлея в одном списке оформляются отдельно, и копирование оверлея копирует вместе с ним и его оформление.

Ничего не сохраняется, пока вы не нажмёте Сохранить

Изменения живут только на экране. Передвигайте ползунки, пробуйте готовый стиль, выбирайте цвета — и если результат не нравится, просто уйдите: именно Сохранить в заголовке страницы записывает изменения.

Выход с несохранёнными изменениями сначала запрашивает подтверждение. Этот вопрос появляется как при нажатии Назад к списку внутри карточки виджета, так и при переключении на другой раздел в левом меню.

Готовые стили работают так же: Применить накладывает стиль на экран, но ничего не записывает. Ничего не теряется, пока вы не сохраните, и ничего не сохраняется, пока вы этого не сделаете.

Кнопка сброса не исключение. Сбросить оформление только ставит в редактор вид по умолчанию. Оверлей в OBS остаётся прежним, пока вы не нажмёте Сохранить, а уход без сохранения отменяет и сброс.

Число набирается, а не только тянется

У каждого размера, отступа, скругления и толщины число стоит справа от подписи, и это поле ввода: нажмите на него и наберите. Стрелки двигают значение на шаг, с Shift — на десять.

Ползунок под ним остаётся для настройки на глаз, а число больше его шкалы растягивает саму шкалу. Ничто не упирается в предел, выбранный за вас, и это важно на источнике 4К, где отступы и кегли должны быть заметно крупнее, чем на 1080p.

Единица написана в подписи, Размер текста (px), и внутри поля её нет. Размер без единицы — недействительное правило: браузер отбросил бы его, оверлей вернулся бы к встроенному значению, а на экране осталось бы набранное вами число.

Поле, которое в текущем режиме ничего не делает, прячется, а не двигается впустую. В алертах, если в разделе Вид медиа поле Размер стоит на Под карточку, пропадают Ширина, Высота и Вписывание. Верните Задаю сам, и они появятся с прежними значениями.

Готовые стили

Готовые стили стоят в списке Оформление, в группе Готовые. Неон, Минимализм и Ретро есть в каждом оверлее, кроме маскота, и используют одинаковые цвета, шрифты и рамки. Примените один стиль ко всем своим оверлеям, и они будут выглядеть как единый набор, а не как дюжина отдельных виджетов. У маскота готовых стилей нет: в его списке только ваши собственные шаблоны.

У оверлеев с разделом Материал (о нём ниже) в группе Готовые есть ещё двенадцать материалов, от Живой карандаш до Перламутровое стекло. Такой вид приносит вместе с материалом свои цвета, шрифты и скругление, поэтому это самый быстрый способ посмотреть, как выглядит материал.

Применение стиля также очищает то, что он не задаёт, поэтому результат не зависит от того, что вы настраивали до этого.

Под ними находится список ваших собственных шаблонов: поле с названием и кнопка Сохранить сохраняют вид, который сейчас на экране, а Удалить удаляет шаблон. Шаблон, сохранённый из одного оверлея, можно применить к другому, и редактор преобразует то, что может. Материал и эффект по контуру переезжают как есть, в любой оверлей, где есть такие разделы.

Материал

Раздел Материал есть на страницах Алерты, Оверлей чата, Сборы средств, Списки и Таймеры, а ещё у четырёх оверлеев-дополнений: Оверлей табло и Оверлей колеса аукциона, Оверлей шкалы и Оверлей челленджей карусели. У маскота и на страницах Ввод, Оверлей сетки и Оверлей карусели его нет. В списке разделов он стоит сразу после той части, которую красит первой; у большинства оверлеев это Подложка.

Материал рисует эту часть в готовом художественном стиле: Живой карандаш, Северное сияние, Бумажный коллаж, Чертёж, Кубический, Полевой терминал, Тактический, Золотая клятва, Прозрачное стекло, Матовое стекло, Выпуклое стекло или Перламутровое стекло. Нет выключает его. Что именно он красит, зависит от оверлея:

  1. Откройте оформление оверлея и выберите Материал в списке разделов.
  2. Выберите материал. Он сохраняет ваши цвета, шрифты и размеры: цвет фона каждой части, которую он красит, по-прежнему берётся из собственного раздела этой части.
  3. Под выбором стоят настройки этого материала: его детали (линии, зерно, блики, орнаменты) с размерами и цветами и переключатель для каждой детали, которую можно убрать. У материала Живой карандаш есть ещё Толщина карандаша.
  4. Живой карандаш, Северное сияние, Полевой терминал и Золотая клятва умеют двигаться. Декоративное движение включает и выключает это. Материал, выбранный в этом разделе, начинает с движением Выключено; готовые виды Живой карандаш, Северное сияние и Полевой терминал ставят его на Включено. Движущиеся виды рисует OBS, на том компьютере, который кодирует ваш эфир, поэтому движение ждёт, пока вы о нём не попросите.
  5. Нажмите Сохранить.

Пока выбран материал, редактор прячет поля, от которых теперь нет толку: границу каждой части, которую он красит, и тень тоже, кроме материалов Северное сияние, Бумажный коллаж, Чертёж и четырёх стеклянных видов. У алертов прячутся ещё подложка, внутренний отступ, обводка и тень в разделе Рамка медиа, потому что кромку там рисует материал. Выберите Нет, и эти поля вернутся с прежними значениями. У материалов Тактический и Кубический поле Скругление задаёт размер срезанного или ступенчатого угла, а не закругления.

Эффект по контуру

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

  1. Выберите Эффект по контуру в списке разделов.
  2. Выберите в поле Эффект: Электрический, Комета, Жидкая кромка, Огонь, Иней, Голограмма, Чернильная рамка, Пузырьки, Магнитные частицы или Сборка из фрагментов. Нет выключает его.
  3. Задайте Цвет эффекта и Скорость эффекта. У большинства эффектов есть ещё Яркость, Размер движения и своё количество (комет, языков пламени, пузырьков и так далее).
  4. В поле Когда играет значение Всё время держит эффект постоянно, а По событию даёт ему вспыхнуть на Длительность всплеска, когда на этом оверлее что-то происходит. Сборка из фрагментов начинает с По событию, остальные со Всё время.
  5. Нажмите Сохранить.

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

Электрический это та самая электрическая граница, которую алерты раньше задавали полем «Эффект границы» в разделе Подложка; этого поля больше нет. Алерт, у которого она была включена, найдёт её здесь, с тем же цветом, скоростью и хаосом. У картинки или видео алерта свой эффект: Эффект в разделе Рамка медиа предлагает те же десять эффектов и выбирается отдельно от карточки.

Эффект по контуру бежит по внешней стороне края, поэтому на источнике браузера, обрезанном вплотную к оверлею, его часть выходит за рамку. Место ему даёт раздел Отступы, о нём ниже.

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

Отступы

У каждого оверлея, кроме алертов, в оформлении есть раздел Отступы (у Таймеров он называется Отступ от краёв) с полями Сверху и снизу и Слева и справа, в пикселях. Это прозрачный зазор между краями источника браузера и тем, что рисует оверлей, чтобы OBS не обрезал свечение, тени, эффекты по контуру и анимации въезда. Изначально он нулевой, поэтому оверлей, уже стоящий в вашей сцене, никуда не сдвигается. Исключение составляет табло аукциона: там раздел называется Отступ от края источника и начинается с 16 px сверху и снизу и 28 px слева и справа, потому что своё поле у табло было и раньше. У алертов те же отступы живут в разделе Положение.

Цвета

Палитра цветов содержит два ряда.

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

Недавние — это последние двенадцать цветов, которые вы использовали где-либо в приложении — ряд обновляется сам, новый цвет вытесняет самый старый. Вот почему цвета, которые вам важны, должны быть в верхнем ряду.

Оба ряда общие для всего приложения: оттенок, выбранный в чат-оверлее, находится в одном клике в оповещениях.

У каждого цвета собственных разделов оверлея рядом есть ползунок прозрачности: для текста, фонов, рамок и теней. Цвета деталей материала и эффектов по контуру сплошные, кроме цвета эффекта Электрический. У двухцветного фона (градиента) ползунок есть у каждого из его цветов, с процентом рядом, поэтому фон может переходить от сплошного к прозрачному. Поле кода в палитре тоже принимает цвет вместе с прозрачностью, например #00000080 для полупрозрачного чёрного, или числа вроде 15,12,30. Пипетка рядом с полем кода забирает цвет с любого места на экране.

Что нельзя сделать