Как сделать оверлей геймпада, который зрители действительно прочитают
Размер, расположение, контраст и движение: советы для оверлеев ввода, которые остаются читаемыми через сжатие стрима, на маленьком экране телефона и поверх насыщенной картинки игры.
Оверлей ввода оправдывает своё место на экране, только если зрители успевают считать его одним взглядом — на телефоне, через сжатый стрим, поверх активной игры. Нечитаемые оверлеи спотыкаются об одни и те же несколько вещей, и каждая правится за минуту.
Нажатое и спокойное состояние должны различаться яркостью, а не только цветом
Самое важное — насколько ясно нажатая кнопка отличается от ненажатой. Сжатие размывает мелкие детали и смазывает насыщенные цвета, а часть зрителей вообще не отличает красный от зелёного. Тёмное состояние покоя и яркое нажатое переживают всё это; два цвета близкой яркости — нет.
В редакторе gamepad.lol на вкладке «Тема» три цвета. Держи В покое тёмным и дай Непрозрачности сделать весь оверлей чуть просвечивающим, сделай Нажато почти белым или самым светлым цветом своего бренда, а Акцент используй для заливки триггеров и короткой вспышки при нажатии.
Подбирай размер под самый маленький экран
Многие смотрят с телефона, где стрим в 1080p сжимается до нескольких сантиметров в ширину. Если ты сам не успеваешь следить за оверлеем на своём телефоне, зрители тем более. Хорошая отправная точка — от пятой до четвёртой части ширины холста; дальше подстраивай после проверки на телефоне.
Задавай этот размер в редакторе, а не растягивай источник в OBS. Источник «Браузер» рисуется в своей ширине и высоте, поэтому увеличение в сцене растягивает картинку меньшего размера и размывает все края.
На малых размерах выключи Подписи кнопок на вкладке «Скин». Формы и так несут смысл, а крошечные буквы превращаются в кашу, как только стрим сожмётся.
Ставь туда, где в игре спокойно
Размести оверлей над той частью кадра, которую игра оставляет свободной, — обычно это нижний угол без элементов интерфейса. Избегай низа по центру, где появляются субтитры и диалоги, и держись подальше от вебки и алертов, чтобы они не спорили за внимание. Держи его на одном и том же месте во всех сценах: зрители запоминают, куда смотреть.
Показывай только то, что использует игра
Целый геймпад — это много информации сразу. На вкладке «Раскладка» можно скрыть любой элемент: шутеру редко нужны крестовина и кнопки меню, гонке — в основном триггеры и один стик, файтингу — лицевые кнопки и крестовина. Чем меньше элементов, тем быстрее чтение, а оставшиеся можно сдвинуть ближе друг к другу и получить компактную раскладку.
Дай стикам успокоиться
Стик, дрожащий в покое, тянет взгляд в пустоту. Измерь свои стики тестом дрифта стика и поставь самую маленькую мёртвую зону, которая убирает мерцание. Руководство по мёртвым зонам объясняет цену такого решения.
Пусть движение будет честным
Избегай эффектов, которые живут дольше самого ввода. Оверлей должен показывать, что руки делают прямо сейчас; нажатие, которое тянется после отпускания, делает быстрый ввод не понятнее, а запутаннее. Встроенная Вспышка при нажатии коротка намеренно: она отмечает момент, когда кнопка идёт вниз, а дальше остаётся цвет нажатого состояния.
Проверь так, как видят зрители
Перед эфиром запиши короткий клип на своём битрейте или открой стрим на телефоне и посмотри на оверлей во время настоящей игры. Одна эта проверка ловит почти всё из списка выше.