Сдвиг оттенка

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

Рыцарь с затенением без сдвига оттенка
Без сдвига
Рыцарь с затенением с небольшим сдвигом оттенка
Небольшой сдвиг
Рыцарь с затенением с сильным сдвигом оттенка
Сильный сдвиг

Что это такое

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

Сдвиг оттенка также смещает тон вдоль рампы. Типичная рампа для красного плаща идет от темного, слегка фиолетового красного в тени через базовый красный к теплому оранжево-красному на свету. Каждая ступень меняет яркость, насыщенность и оттенок одновременно.

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

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

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

  • Слишком сильный сдвиг. Рампа от фиолетового до желтого уже не читается как один материал.
  • Сдвиг в неверную для сцены сторону. Теплые тени и холодные блики выглядят странно, если освещение этого не оправдывает.
  • Ровная насыщенность. Средние тона обычно самые насыщенные; самые темные и самые светлые ступени часто немного теряют насыщенность.
  • Разный сдвиг для каждого материала. Если тени доспехов уходят в синий, а тени кожи — в зеленый, спрайт выглядит освещенным двумя солнцами.

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

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

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

Pixor строит для каждого материала рампу со сдвигом оттенка из собственных цветов модели, и вы можете задать силу сдвига — от нулевой до сильной. Если вы предпочитаете фиксированные цвета, автоматическую палитру можно заменить встроенной, файлом Lospec .hex или GIMP .gpl или палитрой, взятой из изображения. Шаг рампы — узел в графе стиля.

Вопросы

В какую сторону сдвигать оттенок?

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

Насколько сдвигать?

Обычно несколько градусов на ступень. Слишком много — и материал перестает выглядеть одним цветом.

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

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

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