Почему геймплей ломает большинство логотипов
У игрового видеологотипа есть одна задача, которой нет у других: он должен оставаться читаемым поверх видео, которое никто не проектировал под логотип. Знак стримера сидит поверх взрыва, табло очков, яркого небесного куба и тёмного коридора в одни и те же десять секунд. Фон — не дизайнерское решение, которым кто-то управляет, поэтому знак должен быть построен так, чтобы пережить всё, что окажется у него за спиной.
Большинство логотипов — нет. Их утвердили на плоском цветном образце, и впервые встретив реальное видео, они либо исчезают в нём, либо сидят на нём как наклейка. Разница между этими двумя исходами сводится к трём приёмам и одному набору решений по размеру.
Движущиеся фоны съедают деталь
У глаза меньше времени разрешить знак, движущийся по экрану, и ещё меньше, когда фон под ним тоже движется. Деталь, читаемая на статичном макете, на скорости превращается в шум. Знак с градиентом, тонкой внутренней линией и маленьким слоганом теряет все три в течение секунды геймплея, потому что внимание зрителя — на игре, а не в углу кадра.
Сжатие съедает тонкие линии
Видеосжатие выделяет биты там, где картинка меняется, и отбрасывает то, что может сойти в неподвижных зонах. Волосяной штрих — именно тот вид детали, который кодировщик выбрасывает первым, поэтому знак, чёткий в монтажной линейке, может прийти на платформу растрёпанным или разбитым. Тяжёлые штрихи переживают этот путь; деликатные — нет.
Зритель не смотрит на логотип
Это ограничение, которое решает всё остальное. Никто не смотрит геймплей, чтобы любоваться логотипом. Знак — периферийная информация: чей это, чей это канал, — считанная одним взглядом и тут же забытая. Логотип, требующий внимания, чтобы быть узнанным, не будет узнан, потому что внимание уже потрачено на игру.
Три правки: контур, плашка, штрих
Три приёма решают большую часть проблемы, и они складываются. Ни один из них не требует перерисовки геометрии знака.
Контрастный контур
Контур шириной два-три пикселя при 1080p в цвете, которого нет в фоне, даёт знаку край, переживающий любую подложку. Белый с тёмной каймой — самая надёжная пара, потому что работает и на ярких, и на тёмных сценах: белая заливка несёт форму, тёмный край не даёт ей растечься в светлый фон. Обводите весь силуэт, а не отдельные буквы, и масштабируйте ширину пропорционально, если экспортируете в 4K.
Тихая плашка
Мягкая панель за знаком — скруглённый прямоугольник или размытая копия кадра — при прозрачности примерно 40–60 процентов отделяет логотип от видео, не пряча игру. Провал — плашка слишком непрозрачная, превращающая угол стрима в дашборд. Держите её низкой, держите углы мягкими, и зритель читает глубину, а не коробку.
Упрощённый штрих
Третья правка происходит в файле, а не в оверлее. Вариант для движения с чуть более тяжёлыми штрихами, одним цветом меньше и без внутренней детали — вот что заставляет первые две правки работать. Применённая к детальному печатному знаку, обводка обводит каждый волосок, и результат выглядит обведённым. Применённая к упрощённому знаку, выглядит осознанно.
Где на самом деле появляется игровой видеологотип
Размещения разнообразнее, чем в большинстве категорий, и каждое несёт своё ограничение. Проектировать для самого большого, а затем уменьшать — стандартная ошибка.
Оверлей и угловой бейдж
Угловой бейдж — дом знака во время стрима: маленький, всегда на экране, сидит поверх того, что делает игра. Держите его вне внешних пяти процентов кадра, чтобы собственный интерфейс платформы и полоса прогресса не теснили его, и давайте ему постоянную позицию, чтобы возвращающиеся зрители знали, куда смотреть, не ища.
Иконка чата в 32 пикселя
Иконка сервера сообщества отображается кругом около 32 пикселей в диаметре — меньше, чем любое другое размещение знака. В таком размере словесный знак нечитаем, а детальный символ — размазня. Это размещение заставляет внести монограмму в набор файлов, и стоит спроектировать её первой, а не обнаружить проблему после запуска сервера.
Стор-капсулы и оформление панелей
Собственный логотип игры на странице магазина делит пространство с фирменными знаками платформы, и правила их сочетания строги. Как сказано в брендинг-гайдлайнах Steam, логотип Steam «должен стоять отдельно и не может быть объединён ни с каким объектом, включая, помимо прочего, другие логотипы, слова, графику, фото, слоганы, цифры, элементы дизайна или символы» — поэтому капсула строится как два отдельных элемента с чистым пространством между ними, а не как один составной локап.
Джерси и дроп мерча
Мерч — место, где логотип, оптимизированный под оверлей, разваливается, потому что вышивка и трафаретная печать имеют свои минимумы. У нити есть ширина: штрих тоньше примерно миллиметра не ляжет чисто, градиенты становятся плоскими приближениями, тонкая внутренняя деталь заполняется. Знак, работающий в стриме, нуждается в плоской двухцветной версии с более тяжёлыми штрихами, прежде чем попасть на футболку.
Личный бренд или командный бренд
Два типа проектируются по-разному, и различие проявляется в именовании, а не в рисунке.
Монограмма как правило
Киберспортивные организации почти повсеместно сводятся к монограмме из двух-трёх букв, и причина практическая, а не стилистическая: короткий знак читается в любом размере, вписывается в квадратный аватар, ложится стежком на джерси и анимируется менее чем за секунду. Полное название команды живёт в словесном знаке и появляется только там, где есть для него место.
Почему три буквы бьют пять
Каждая буква, добавленная к монограмме, стоит ширины, а ширина — дефицитный ресурс внутри круглого аватара. Три буквы в 32 пикселя — уже на пределе читаемости. Пять — серый брусок. Если название организации не сводится к трём буквам, выберите сильнейшие две или инициалы основывающих слов, а не сжимайте всё название.
Когда никнейм — не инициалы
У личного создателя редко есть инициалы организации, с которыми можно работать, и соблазн — набрать никнейм мелким сжатым шрифтом и назвать это логотипом. Он читается в размере баннера и нигде больше. Тот вариант, что выживает, — короткий словесный знак: одно слово, пять-шесть букв, набранное гарнитурой с широкими контрфорсами, — или отдельная буквенная форма, нарисованная как фигура. Обе вписываются в круглый аватар, обе анимируются менее чем за секунду, и ни одна не зависит от того, что зритель уже знает правописание никнейма.
Анимируем: движение, уместное в игре
Анимация — то место, где игровой логотип может обрести характер, и то место, где большинство заходят слишком далеко.
Штамп и смена кадра
Два движения несут категорию. Штамп — знак приходит слегка увеличенным и хлопается в такт — читается как сильный и работает в любом размере, поэтому доминирует в киберспортивных заставках. Смена кадра, где знак стоит неподвижно, а фоновые кадры меняются по маркерам музыки, подходит для подборок и монтажей, потому что знак остаётся постоянным, пока движется видео.
Чего избегать
Глитч-эффект, RGB-расщепление и тряска экрана несколько лет были везде, а теперь читаются как устаревшие, а не энергичные. Три наложенных эффекта — другая частая ошибка: тряска, расщепление и вспышка на одном и том же такте взаимно уничтожаются, знак перестаёт читаться, и заставка победила собственную цель. Одно сильное движение бьёт сильнее трёх конкурирующих.
Формат следует за размещением, и два случая по-настоящему разные. Подборка хайлайтов, экспортированная вертикально для Shorts или TikTok, требует знака, расположенного под кадр 9:16, тогда как та же заставка, построенная под интро канала 16:9, имеет место по обе стороны. Руководство YouTube по соотношению сторон и разрешению считает 16:9 стандартом для воспроизведения на десктопе и советует не впекать в файл письма по краям, поскольку плеер добавляет свои отступы, — практический довод в пользу экспорта под каждое размещение, а не перекадрирования одного мастера.
Порядок сборки, который спасает от переделки
Пять шагов, расставленных так, чтобы самые дешёвые решения принимались первыми.
1. Решите монограмму раньше словесного знака
Монограмма — версия, которая должна работать в 32 пикселя, поэтому она задаёт ограничение. Нарисуйте её первой. Если инициалы не удаётся сделать читаемыми в таком размере, никакая работа над полным словесным знаком не исправит аватар.
2. Проверьте знак на реальном видео
Не на цветном образце. Возьмите три стоп-кадра из реального геймплея — яркую сцену, тёмную и загруженную — и наложите знак на каждый. Если для работы на двух из трёх нужен другой цвет, ответ — контур, а не три перекрашенные версии.
3. Постройте плоскую двухцветную версию
Мерч, вышивка и одноцветная печать нуждаются в версии без градиентов и тонкой детали. Нарисовать её заранее стоит часа. Перестроить после заказа партии мерча стоит переиздания.
4. Задайте размеры экспорта
Векторный мастер — для всего, что его примет, плюс прозрачный PNG в 2000 пикселей для остального. Спецификация SVG описывает, почему векторный мастер масштабируется без смягчения: он хранит геометрию, а не пиксели, — и именно поэтому один файл может обслужить иконку 32 пикселя и оверлей 4K без второго рисунка.
5. Анимируйте упрощённый знак, а не печатный файл
Движение усиливает то, чем знак уже является. Загромождённый знак становится движущейся размазней; чистый — движущейся идентичностью. Используйте тот же упрощённый вариант, что несёт оверлей, и анимация совпадёт с остальным брендом, вместо того чтобы выглядеть отдельной работой.
Часто задаваемые вопросы
Что заставляет игровой видеологотип работать?
Он читается поверх движущегося видео, переживает круглую обрезку 32 пикселя и сводится к плоской двухцветной версии для мерча. Знак, отвечающий этим трём, можно использовать везде, где появляется игровой бренд; знак, не отвечающий ни одному, — логотип, работающий только на слайде.
Должен ли игровой логотип быть монограммой или полным названием?
Оба, в фиксированной связи. Монограмма несёт аватар, оверлей, иконку чата и джерси; полное название появляется в заставке, баннере и оформлении магазина. Команды, у которых есть только полный словесный знак, — это команды, чей оверлей нечитаем в разрешении стрима.
Как сделать логотип читаемым поверх геймплея?
Три приёма, применённые в этом порядке: контрастный контур два-три пикселя, мягкая плашка 40–60 процентов прозрачности за знаком и упрощённый вариант для движения из файла. Первые два — настройки оверлея; третья — решение в рисунке, и именно оно заставляет первые две выглядеть осознанно.
Каких эффектов избегать в анимации игрового логотипа?
Глитч, RGB-расщепление и тряска экрана использовались так много, что теперь читаются как устаревшие, а наложение их на один такт делает знак нечитаемым. Одно сильное движение — штамп в такт или смена кадра за статичным знаком — бьёт сильнее трёх конкурирующих эффектов.
Нужен ли мне другой логотип для мерча?
Вам нужна версия того же логотипа, а не другой. Вышивка и трафаретная печать не воспроизводят градиенты, волосяные штрихи и тонкую деталь, поэтому мерч-версия плоская, двухцветная и нарисована более тяжёлыми линиями. Построить её одновременно с монограммой позволяет избежать переиздания позже.
Главное
Игровой видеологотип проектируют от худшего размещения назад, а не от лучшего вперёд. Начните с круга 32 пикселя, добавьте контур и плашку, чтобы знак пережил видео, держите плоскую версию для мерча и выберите одно движение вместо трёх. Затем превращение знака в заставку в такт занимает минуты в редакторе в браузере, а тайминг за этим разобран в том, как строятся игривые заставки логотипов.