Добавить длинную тень к логотипу

Добавьте к логотипу или иконке длинную диагональную тень с градиентом в стиле flat design. Лучше всего работает с изображением PNG с прозрачным фоном, иначе тень будет окружать и фон изображения.

Пример:
Перетащите файлы или нажмите, чтобы выбрать (до 15 МБ)

Как это работает

Сначала инструмент создаёт силуэт вашего логотипа (та же форма и прозрачность, но целиком закрашенный выбранным цветом тени), затем рисует множество смещённых копий этого силуэта вдоль указанного угла, с плавным затуханием к концу, и после этого накладывает поверх ваш исходный логотип. В результате получается та самая непрерывная диагональная тень, столь характерная для стиля flat design.

Почему у моего результата квадратная или прямоугольная тень?

Если у вашего исходного изображения нет прозрачного фона (например, JPEG с белым или цветным фоном), инструмент считает этот фон частью фигуры и тоже вытягивает его в тень. Используйте PNG с альфа-каналом (по-настоящему прозрачный фон), чтобы тень отбрасывал только силуэт логотипа.

Какой угол и какую длину выбрать?

Угол 45° — классика стиля flat design (тень вниз и вправо). Длина 100–150% даёт выразительный и хорошо читаемый эффект; свыше 200% тень становится очень вытянутой и подходит в основном для крупных композиций и фоновых изображений.

Обработка на 100% локальная: тень создаётся целиком в вашем браузере с помощью Canvas — ваш логотип никогда не отправляется на сервер.