Telegram Web Link
Тень пытается уменьшить пестроту фона, закрасив его возле букв темной краской. Но тут две проблемы.

Во-первых, закрашиваются не только светлые фрагменты изображения, но и темные, хотя они достаточно контрастные к буквам и не мешают читабельности.

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

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

Даже если установить у тени режим наложения Darken, то всё равно красная тень у залезшего на правую зеленую часть картинки слова смотрится неуместно:
Чтобы решение было глобальным, оно вместо одного общего цвета тени должно подбирать для каждого пикселя темнейший цвет из окрестностей.

Буквально для этого существует мой любимый фотошопный Filter → Other → Minimum. Пробуем:
Ну как бы да, слева красненьким темно, справа зеленым. Но вообще этот эффект довольно странный, если к нему приглядеться:
К тому же нигде кроме фотошопа я его не встречал.

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

Это Gaussian Blur, конечно.
Когда блюром размывают всю фоновую картинку, это слишком сильное надругательство над фоном, по сути получение совершенно нового изображения.

Но если размытие применять аккуратно только возле букв, различимость текста значительно повышается без чужеродных оттенков и значительного ущерба для фона:
Конечно, в такой размытой обводке есть свой шик, но для полной неприметности эффекта надо сделать еще один шаг: размыть маску, по которой накладывается размытый фон. *yo dawg I heard you like blur*

И вот мы получаем Размывающую Тень®:
2025/07/10 15:17:23
Back to Top
HTML Embed Code: