Главная / Уроки

Спрайт 16×16

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

Холст и сетка

16×16 пикселей, увеличение 800–1600%, сетка включена, сглаживание выключено.

Силуэт

Один цвет, без деталей. Проверьте, читается ли предмет в 1×. Если нет — меняйте форму, а не детали.

Палитра

6–8 цветов: контур, база, свет, тень, акцент. Запишите палитру в проект.

Свет и тень

Источник света сверху-слева. Свет теплее, тень холоднее. Не используйте чистый чёрный для контура.

Дизеринг

Добавьте шахматку на переходе между светом и тенью. Одного-двух рядов достаточно.

Читаемость

Уберите лишние пиксели. Контур не должен «слипаться». Проверьте на тёмном и светлом фоне.

Анимация

2–4 кадра: покачивание, блик, пузырёк. Меняйте минимум пикселей — так анимация будет чище.

Палитра: #2B1A2E · #AB5236 · #FFD75E · #C2C3C7 · #FF4FA3 · #55E6FF · #FFE3F1

Чек-лист

  • Силуэт читается без цвета?
  • Палитра ограничена и записана?
  • Свет последовательный, тень холоднее?
  • Нет «двойных» пикселей и случайных цветов?
  • Спрайт выглядит хорошо в 1× и 8×?
  • Анимация меняет только нужные пиксели?
Если сомневаетесь — уменьшите. Маленький спрайт с ясной формой обычно сильнее большого с деталями.