Дизайн · Типографика движения

Глитч

Анатомия RGB-сдвига: оптика, аналоговое видео, печать — и почему этот «сбой» так цепляет глаз.

Чтение ~7 минут Тема типографика движения 2 июня 2026

Глитч-сдвиг каналов кажется чистой стилизацией — модный «сбой» ради дерзости. На самом деле это бережная имитация трёх вполне физических дефектов, каждый из которых наш мозг за сто лет научился читать как «сигнал поехал». Разберём, откуда он, как устроен на самом деле, почему именно эти кислотные цвета — и как он садится на «mars».

01

Три дефекта, которые мы научились любить

Эффект не выдуман. Он цитирует поломки реальных носителей — и именно поэтому ощущается «настоящим», а не нарисованным.

Оптика

Хроматическая аберрация: стекло преломляет красный и синий под чуть разными углами. Дешёвая линза не сводит их в точку → цветная кайма по краям. «Не в фокусе».

Видео

CRT, VHS, композит передавали яркость и цвет почти раздельно. Ошибка тайминга или плохая плёнка — и цвет «уезжает» вбок от формы. Tracking error, дрожь, полосы.

Печать

Офсет CMYK: четыре формы должны лечь идеально. Чуть разъехались — «вышли из регистра» — и те же цветные канты обводят каждую букву.

Поверх этих поломок в 2010-х наросла культурная волна: glitch art (намеренная порча файлов, databending), вэйпорвэйв, киберпанк. RGB-сдвиг стал визуальным шорткатом — «цифровое, на грани сбоя, дерзкое».

02

Два разных глитча

Тут живёт ключевая развилка, о которой почти никто не говорит. «RGB-сдвиг» бывает двух сортов, и они работают по-разному.

Настоящий — аддитивный

Берёшь изображение, разбираешь на каналы R, G, B и физически их сдвигаешь. Там, где каналы снова перекрылись, цвет складывается обратно в исходный. Это аддитивный свет — и потому он живёт только на тёмном фоне.

Стилизованный — послойный

Слово рисуется три раза: цветная копия уехала в одну сторону, вторая цветная — в другую, сверху лежит сплошное основное слово. Цветные «призраки» торчат только по краям, где их не закрыл верхний слой. Это честный фейк — зато читается на любом фоне, в том числе на светлом. Именно его чаще всего и используют в вебе.

Мозг знает: у буквы один чистый край. Видит цветных двойников — и достраивает историю про сбой сам.

03

Почему циан и маджента

Это не вкусовщина — сходятся три причины. Первая чисто математическая: дополнительные цвета складываются в белый. Циан — это зелёный плюс синий; красный — недостающий канал. Сложи их светом — получишь белый. Подвигай ползунок: на краях видно красный и циан, а в центре, где слои совпали, рождается чистый белый. Ровно так выглядит сведённый обратно RGB.

mars mars
Сдвиг каналов3px
Аддитивное сведение. Красный и циан в режиме screen на чёрном. В нуле — белое слово; чем больше сдвиг, тем шире цветные канты. Это физика, а не фильтр.

Вторая причина — максимальный контраст: это почти противоположные цвета, поэтому кайма читается даже при сдвиге в два-три пикселя. Третья — культурный код: cyan и magenta это primaries из CMYK (привет несведению красок) и одновременно палитра неона 80-х.

ПринципЦиан/маджента — это «дефолтный киберпанк». Для конкретного бренда он часто звучит как чужая эстетика. Пример: у Mars свой код — оранжевый и тёмно-синий; заменив каналы на брендовые (оранжевый + бирюза), глитч перестаёт быть стоковым и становится «своим».
04

Куда сдвигать по вертикали

Да, направление имеет значение — и сразу по двум осям смысла.

Во-первых, вертикаль вообще «менее настоящая». Все три источника-дефекта дают сдвиг горизонтальный: строки развёртки горизонтальны, тайминг едет вбок, аберрация радиальна. Чистый вертикальный split читается скорее как анаглиф или 3D-очки, чем как «данные поехали». Капля по X плюс капля по Y — самый «глитчевый» рецепт.

Во-вторых, какой канал вверх, какой вниз — не симметрично по ощущению. Тёплые (маджента) визуально выступают вперёд, холодные (циан) отступают.

mars
маджента вниз → опора, «так задумано»
mars
циан вниз → тревога, «парит»
Та же буква, тот же сдвиг — разное настроение. Тёплая маджента снизу читается как мягкая тень (тени падают вниз) и заземляет. Циан снизу даёт лёгкое ощущение неправильности — сильнее как глитч, но дерзче.

То есть выбор — это интонация. Маджента-вниз = солиднее. Циан-вниз = тревожнее. Практическое правило: тёплый канал вниз — заземляет; холодный вниз — тревожит.

05

Как ложится на «mars»

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

Кружок-«°» не глитчится — он рисуется отдельным сплошным элементом. И это удачно: один стабильный чистый якорь посреди «сбоя» читается осознаннее, чем тотальный хаос.

Честно про рискГлитч как основной знак капризен: не воспроизводится в одну краску (вышивка, гравировка, ч/б), плывёт на мелких размерах, требует точных цветов. Классическое решение — чистая версия на каждый день, глитч для геро-баннера, анимации и спец-поводов. И то и другое вместе — это правильная пара, а не выбор «или-или».


Наведи на заголовок ↑ — он дрогнет. Это тот же эффект, только во времени.