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

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

Image for post
Image for post

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

Image for post
Image for post

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

Image for post
Image for post

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

Image for post
Image for post

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

Image for post
Image for post

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

Image for post
Image for post

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

Image for post
Image for post

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

Image for post
Image for post

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

Image for post
Image for post

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

Image for post
Image for post
Image for post
Image for post

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

Image for post
Image for post

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

Image for post
Image for post

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

Image for post
Image for post

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

Image for post
Image for post

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

Image for post
Image for post

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

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

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

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

пожалуй, не ошибусь, если ничего не напишу http://kefiijrw.com

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store