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