Инвертирование векторной графики

sergey nikolaev
4 min readMar 28, 2020

Когда запускали МЦД, я увидел на фотографиях поезда одноцветную версию герба Москвы. Так как за городским транспортом в Москве закреплен темно-синий цвет, то герб наносится белым цветом.

Эта же версия размещается на автобусах...

…и это кошмар. Нельзя просто инвертировать герб для нанесения на темный кузов транспорта.

Слева свет падает со стороны зрителя и сверху, справа — откуда-то сзади и снизу.

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

Поэтому необходимо использовать разные версии герба для темного и светлого фонов.

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

как сделали мы

Но со временем он отвалился, в типографии перепутали Пупу и Лупу, и на электробусы вернулся Георгий Победоносец Из Хоррора

как стало потом

Такая же проблема есть и у карт «Тройка». При создании монохромной версии эмблемы карты, как и полагается, заштриховали тень:

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

Пока неповоротливая госструктура тормозит, некоторые частные компании уже прошли через эту детскую болезнь. Например, сеть лавок «Братья Караваевы» использовала на вывесках жуткую инвертированную версию лого.

обычная версия логотипа
вывеска с инвертированным логотипа

Но потом они одумались и сделали нормальный вариант без этих жутких белых глаз.

И сейчас на их темном сайте лого, уже пережившее редизайн, смотрится нормально.

Если вернуться к городам, то вот лого Стокгольма.

Как классно, логотип уже в один цвет, а значит, что при размещении на темном фоне его можно просто инвертнуть, руки так и тянутся!

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

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

— Если в лого есть светотени, то есть претензия на реальность объекта, помещенного под источник света. В таком случае появится тот самый жуткий эффект «свечения тени».

— Если в логотипе изображены образы, которые уже отложились определенным образом в нейросети человека в ходе тысячелетий эволюции. Например, лицо человека люди привыкли считать реальным объектов из реального мира, а не абстрактной картинкой, и поэтому даже если оно нарисовано без светотени (например, как лого лавки Братьев Караваевых), то всё равно от него ожидается игра по правилам реального мира и устоявшегося представления о том, как оно выглядит. То же самое можно сказать и про изображение животных — вряд ли хоть где-то белый зрачок на темном «белке» (хе-хе) глаза будет выглядеть естественно.

Эта статья — копипаст из моего телеграм-канала «Мяу-дизайн».

--

--