Перейти к содержанию

Глава 2. Сглаживание

Aliased (жёсткое, рваное) — это изображение без сглаживания. Оно строится строго по пиксельной сетке, с резкими краями и углами.

Anti-aliasing (сглаженное) — это ручное смягчение краёв с помощью промежуточных оттенков. Он делает изгибы и наклонные линии менее зубчатыми. В пиксель-арте anti-aliasing применяется аккуратно и точечно, в зависимости от формы, фона и желаемого визуального эффекта.

Резкое и Сглаженное

Pixel Logic (Michael Azzi)

Как применить?

Anti-aliasing — это как мягкие подушки на жёстком диване: они не меняют форму полностью, но делают её приятнее. Достаточно добавить пиксели промежуточного цвета в острые уголки или по краю кривых — и форма станет плавнее.

Подушки на диване :3

Pixel Logic (Michael Azzi)

Пример

Pixel Logic (Michael Azzi)

Пример

Pixel Logic (Michael Azzi)

Бандинг

Бандинг (banding) — это повторяющиеся, параллельные линии градиента, где цвета разных оттенков слишком плотно прилегают друг к другу и создают ощущение прилипших полос. Это может «размыть» контур или сделать тени слишком механическими. Бандинг

Бандинг

Pixel Logic (Michael Azzi)

Бандинг в цифровой графике:

Бандинг

Pixel Logic (Michael Azzi)


Почему бандинг считается ошибкой?

  • Линии кажутся толще, чем нужно.
  • Размывает форму — теряется чёткость и читаемость.
  • Создаёт пиллоу-шейдинг — теневые зоны выглядят неестественно и «надутыми» (см. Главу 4: Свет и тень).

Как исправить?

Бандинг

Pixel Logic (Michael Azzi)

🤔 Так ли плох бандинг?

Бандинг — не всегда ошибка. Это всего лишь инструмент, такой же, как и сглаживание. При правильном подходе он может стать выразительным элементом и дополнить ваш спрайт. В умелых руках бандинг способен усилить объём, глубину или стилизацию изображения.

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