Дизеринг

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

Рыцарь без дизеринга
Без дизеринга
Рыцарь со слабым дизерингом между полосами
Немного дизеринга
Рыцарь с сильным дизерингом между полосами
Сильный дизеринг

Что это такое

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

Самые распространенные схемы:

  • Шахматка: чередующиеся пиксели, смесь 50 %.
  • Упорядоченные узоры (Байер): фиксированная сетка ступеней (25 %, 50 %, 75 %), дающая аккуратные регулярные переходы.
  • Шумовые узоры: нерегулярные, как голубой шум; они избегают заметной сетки, но выглядят зернистее.

Зачем художники это делают

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

Частые ошибки

  • Дизеринг везде. На маленьких спрайтах узор превращается в шум. Персонажу в 32 пикселей он редко нужен.
  • Дизеринг между слишком далекими цветами. Черный и белый в шахматку не читаются как серый — они читаются как узор. Делайте дизеринг между соседями по рампе.
  • Ползущие узоры. В анимации узор, привязанный к экрану, мерцает, когда фигура движется под ним. Это одна из главных причин, по которым художники избегают дизеринга на персонажах.
  • Смешение масштабов узоров. Узор 2×2 рядом с узором 1×1 выглядит как два размера пикселя — разновидность микселя.

Как сделать это вручную

  1. Сначала затените область плоскими полосами.
  2. Выберите границу, которую хотите смягчить.
  3. Вдоль этой границы добавьте полосу шахматки шириной в один-два пикселя. Для более широкого перехода используйте разреженный узор (один пиксель из четырех), затем шахматку, затем обратный разреженный узор.
  4. Отдалите до 1× и проверьте, что это читается как смешение, а не как непредусмотренная текстура.
  5. В анимации двигайте узор вместе с поверхностью, а не с холстом.

Как это делает Pixor

Pixor может делать дизеринг между полосами света упорядоченным (Байер) или blue-noise узором, от нулевого до сильного. Узор закреплен на поверхности модели, поэтому движется вместе с формой, а не рябит по ней, когда модель анимируется или поворачивается. Дизеринг — один узел графа стиля, так что его можно выключить для персонажей и включить для декораций.

Вопросы

Использовать ли дизеринг в спрайтах?

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

Почему мой дизеринг рябит, когда спрайт движется?

Узор закреплен на экране, а не на поверхности. Когда фигура движется, пиксели меняют цвет каждый кадр. Держите узор привязанным к поверхности.

Что такое упорядоченный дизеринг, или дизеринг Байера?

Регулярный узор из небольшой пороговой сетки. Он дает аккуратные шахматки и ступени, которые подходят пиксель-арту лучше, чем случайный шум.

Читать дальше

Попробуйте на своей модели бесплатно в браузере или купите полную версию.

Попробовать в браузере Получить Pixor