Сэл шейдинг от Саймона

Cel-shading

Нарисовать объекты “как в комиксе” (добавить снаружи очертания или сделать сэл шейдинг) достаточно просто. Если знать как! Несколько лет назад в школе Games Academy одна команда занималась созданием адвенчура в стиле комиксов (Tummy Trundle), чтобы исследовать, как придавать объектам вид “как в комиксе” в реальном времени. Falk предложил следующее решение: взять 3D модель, копировать ее, инвертировать нормали, добавить к скопированному объекту черный цвет и раздвинуть объект немного за границы нормалей. Результат выглядит так:

сел шейдинг пошагово
  1. Первоначальная 3D модель
  2. Копия модели (оригинал спрятан)
  3. Инвертированные нормали копии
  4. Края модели, выдвинутые вдоль нормалей
  5. Возвращение первоначальной модели
  6. Копия с добавлением черного

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

Дополнение 1

Кристофер дал две ссылки на техники выделения краев в “реальных” объектах:

(в переводе добавлены обновленные рабочие ссылки)

Дополнение 2

Nicolae Berbece шепнул мне про один замечательный трюк. Как добавить черные края к 2D спрайтам. Идея заключается в том, чтобы “просто” копировать спрайт 8 раз, раскрасить и сместить в 8 противолежащих направлениях:

красивые края

Вы могли бы подумать, что достаточно увеличить один спрайт. На первый взгляд да, но заметны несколько проблемных областей:

края с проблемами

Конечно, рисовать 8 спрайтов стоит дороже, но если это надо сделать на небольшой площади — не страшно. И данная техника дает нам несколько замечательных возможностей!

Возможности

Идеальный контур может выглядеть скучным (продемонстрирован с помощью Photoshop-Outline), а небольшой трюк помогает создать очень красивые края для волос:

хаки сэл шейдинга

Еще это хорошо работает с мягким альфа-переходом (обратите внимание на руки):

Читай также:  Что такое шейдеры? Просто о сложном для начинающих
контуры с эффектами для сэл шейдинга

И моя любимая (и самая важная возможность). Простые точки превращаются в цветочки!

эффекты края в сэл шейдинге

Дополнение 3

Николя (создатель Move or Die) отметил также, что в Heroes of the Storm для создания черного контура использована та же самая техника!<3

Источник: https://simonschreibt.de/gat/cell-shading/

Понравилась статья? Поделиться с друзьями: