Пиксель-арт: 5 правил, которые я выучил, испортив 40 спрайтов

Я рисовал пиксель-арт три месяца и испортил около сорока спрайтов, прежде чем понял: дело не в руке и не в таланте. Дело в пяти правилах, которые новичок нарушает на автомате. Дешевле прочитать, чем наступить.

1. Палитра — до рисования, а не по ходу

Открываю Aseprite, выбираю 8–16 цветов заранее и больше к пипетке с выбором цвета не подхожу. Новичок берёт «ещё один оттеночек для градиента» — и получает грязь вместо света. Ограничение палитры — не аскеза, а инструмент: оно заставляет решать, где свет, а где тень, до того как пиксель лёг. Посмотрите палитры любых классических игр — там редко больше 20 цветов на персонажа.

2. Силуэт первее деталей

Проверка жестокая и рабочая: залейте спрайт одним чёрным. Если по силуэту непонятно, что это (мечник? лучник? дерево?) — детали не спасут. 90% узнаваемости в играх с мелкими спрайтами делает контур. Я переделываю спрайт до тех пор, пока «чёрная версия» не читается.

3. Дизеринг — шахматка, а не шум

Градиент в пиксель-арте делается не размытием (размытие = мутная каша на 32 пикселя), а шахматным чередованием двух цветов палитры. Правило глаза: паттерн должен быть регулярным. Хаотичное рассыпание пикселей мозг читает как шум сжатия, а не как полутень.

4. Субпиксели для деталей лица

Глаза персонажа 16×16 — это 1–2 пикселя. Их не рисуют «в цвет лица», их рисуют на тон темнее кожи вокруг, создавая иллюзию объёма. Этот приём (subpixel) — причина, по которой старые спрайты выглядят «дорого», а попытки новичков — плоско.

5. Один источник света, всегда

Выбрал, что свет слева сверху — значит все спрайты в наборе освещены слева сверху. Как только в наборе появляется фонарь, который светит «своему» спрайту сбоку, сцена распадается на лоскутки. Свет — часть грамматики, не украшение.

Бонус: сохраняйте спрайты в нативном разрешении и масштабируйте движком nearest-neighbor. Любая «оптимизация» до 200% с интерполяцией убивает субпиксели, и все пять правил идут прахом.