Теория цвета для пиксель-арта

При ширине 32 пикселя нет места робкому цвету. Три идеи — значение, дисциплина тона и контраст — держат почти каждый хороший спрайт.

Значение делает работу, тон получает славу

Прищурьтесь на любой сильный спрайт — затенение всё равно читается: светлая сторона, теневая сторона, акцент. Это значение (насколько светел цвет), и оно важнее, какой тон вы выбрали. Проверяйте каждый спрайт в оттенках серого: если формы выживают, значения верные; если всё сливается в серый суп, никакой тон не спасёт.

Малые переходы выигрывают у больших градиентов

Переход — это короткий упорядоченный ряд одного материала — кожи, ткани, металла, — обычно 3–5 шагов от тени к свету. Стройте переходы, а не градиенты: выберите самую тёмную тень, освещённую середину, один блик — и лишь затем думайте о промежуточных. Делите шаги между материалами, и ваш спрайт на 12 цветов тихо станет 3 переходами. Меньше шагов чище квантуются, если арт когда-нибудь пройдёт через конвертер.

Шкала серых значений рядом с цветным переходом со сдвигом тона — Рисунок: те же значения, более богатое чтение — сдвиг тона без лишних цветов.

Сдвиг тона: тени в холод, света в тепло

Новички затемняют чёрным, а высветляют белым — получаются грязь и мел. Вместо этого сдвигайте тон при смене значения: тени уводите к синему/фиолетовому, света — к жёлтому/оранжевому. Тень красного плаща станет тёмно-бордово-фиолетовой; блик — тёплым оранжево-красным. Тот же диапазон значений, куда более богатое чтение — и ноль лишних цветов, если двигать имеющиеся шаги перехода, а не добавлять новые.

Контраст — там, где он важен

Малый арт живёт контрастом силуэта: спрайт должен отделяться от фона с одного взгляда. Самый сильный скачок светотени берегите для края «контур — фон» и фокусной точки (обычно лица), а второстепенные области пусть делят близкие значения. Когда кричит всё, не читается ничего.

Слайм-спрайт на тёмном и на светлом фоне, показывающий контраст силуэта — Рисунок: самый сильный скачок берегите для отделения спрайта от фона.

Частые вопросы

Сколько цветов нужно теории цвета?

Сначала теория, потом счёт. Большинство спрайтов применяют эти идеи в 4–16 цветах; счёт — это бюджет, а не стиль.

Что такое сдвиг тона?

Увод теней в холодные тона, а светов — в тёплые вместо простого затемнения/осветления: более богатое затенение без лишних цветов.

Почему мои спрайты выглядят грязно?

Почти всегда — слабое разделение значений. Проверьте в оттенках серого, затем расширьте разрыв «свет — тень», прежде чем трогать тона.

Как подобрать цвета, которые работают вместе?

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

Готовы рисовать? Откройте редактор пиксель-арта