Как пользоваться инструментом «Генератор теней»
- Перетащите спрайт.
- Выберите падающую тень (смещённая копия за спрайтом) или тень на земле (сплющенный силуэт).
- Настройте смещение или сплющивание и наклон, затем цвет и непрозрачность.
- Проверьте результат на зелёном, тёмном и светлом фоне превью.
- Скачайте PNG.
Что вы получаете
- PNG с запечённой тенью и холстом под её размер
- Полупрозрачная тень с единым значением альфы (без наложения)
Советы из практики геймдева
- Для тени на земле наклон задаёт направление солнца: положительный — вправо, отрицательный — влево. Держите его одинаковым для всех спрайтов в сцене.
- Цветная тень (тёмно-фиолетовая или синяя) на траве или песке обычно смотрится лучше чёрной.
- Если движок рисует тени сам, экспортируйте их отдельно: выставьте на копии непрозрачность 100% и используйте её как маску.
- Расширение увеличивает падающую тень на целые пиксели — это читается как мягкость без размытия.
Сценарии использования
- Добавлять иконкам и кнопкам интерфейса пиксельную падающую тень
- «Ставить на землю» персонажей и объекты в сценах с видом сверху и сбоку
- Выделять заголовок на пёстром фоне
- Кадры для страницы в магазине и трейлера
Вопросы и ответы
Чем падающая тень отличается от тени на земле?
Падающая тень — это силуэт спрайта, сдвинутый на заданное смещение, будто он парит над фоном. Тень на земле отражена, сплющена и наклонена под ногами спрайта, будто свет падает сбоку.
Тени размытые?
Нет. Края остаются жёсткими. Опция расширения увеличивает силуэт на целые пиксели вместо размытия.
Почему тень полупрозрачная?
Чтобы сквозь неё была видна земля. У всех пикселей тени одна и та же альфа, поэтому перекрывающиеся части не темнеют.
Откуда начинается тень на земле?
От самого нижнего непрозрачного ряда спрайта, обычно это ноги. Если под спрайтом есть пустое место, используйте настройку зазора.
Загружается ли моё изображение на сервер?
Нет. Всё работает в вашем браузере.