Selout: выборочные обводки

Что это такое

Selout — сокращение от selective outlining (выборочная обводка). Вместо одной и той же темной линии вокруг всего спрайта каждый пиксель обводки берет цвет соседней формы, обычно более темный оттенок из собственной рампы этой формы. Там, куда падает свет, обводка светлеет или исчезает. Там, где форма уходит в тень, обводка темнеет.

Красный плащ получает темно-красную обводку. Серый шлем — темно-серую. У макушки, обращенной к свету, обводки может не быть вовсе.

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

Чисто черная обводка сильна и четка, но делает спрайт плоским. Каждую форму огораживает одна и та же жирная линия, и линия спорит с затенением за внимание. Selout сохраняет четкость края и при этом позволяет свету будто огибать форму. Он также помогает спрайтам вписаться в сцену, а не торчать, как наклейки.

Это вопрос стиля, а не правило. Многие любимые игры используют черную обводку везде.

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

• Один цвет для всей обводки. Это просто цветная обводка. Смысл selout в том, что цвет меняется вместе с формой и светом.
• Слишком светлая обводка. Если пиксели обводки близки к цвету заливки, край исчезает, а силуэт размывается, особенно на похожем фоне.
• Удаление обводки на теневой стороне. Оставляйте самую темную обводку там, где спрайт в тени: эта сторона делает основную работу по описанию формы.
• Удвоение. Обводка местами в два пикселя толщиной или с лесенками-«Г» на углах выглядит тяжелой. Держите ее в один чистый пиксель.

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

1. Сначала нарисуйте спрайт с простой темной обводкой, чтобы силуэт был цельным.
2. Выберите направление света.
3. Пройдите по контуру. Для каждого отрезка пикселей замените темный цвет самым темным оттенком из рампы фигуры, которой он касается.
4. На освещенной стороне делайте обводку на один-два оттенка светлее или убирайте ее там, где форма явно светлая.
5. Проверьте спрайт на темном и светлом фоне и при увеличении 1×.

Та же идея работает для внутренних линий между частями, например для края, где рукав встречается с перчаткой.

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

Pixor обрабатывает виды обводки по отдельности: силуэт, внутренние линии между частями и сгибы, где поверхность складывается. Каждый вид можно исключить, нарисовать темным или нарисовать как выборочную обводку, окрашенную по соседней поверхности. Линии шириной в один пиксель без L-образных углов. Пресет selout — стартовый облик с включенной выборочной обводкой; как и каждый этап, параметры линий — узлы в графе стиля, а понравившийся облик можно сохранить как набор.

Похожее

• Контуры: силуэт, внутренние линии и складки
• Рампы палитры: откуда берутся цвета selout
• Облики и руководство по параметрам