Высокая эстетика: советы начинающим 2D-художникам

Пять шагов для создания выдающегося визуального облика игры.

Художественная часть любой игры должна не просто притягивать внимание пользователей, её задача — гармонично сочетаться с геймплеем и быть функциональной. Чтобы добиться этого, нужно выстроить определённый алгоритм действий, который в итоге приведёт к достижению некоторой художественной ценности 2D-игры.

Инди-разработчик и автор YouTube-канала Томас Браш рассказал про несколько решений, которые помогут добиться хороших результатов при создании визуального облика игры. В своём видео он кратко проанализировал Hollow Knight и применил полученные выводы в собственной работе над Once Upon a Coma. Мы выбрали из его рассказа главное.

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

Для начала достаточно простых фигур, обозначающих пол и потолок
Для начала достаточно простых фигур, обозначающих пол и потолок

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

Дублирование формы и добавление неяркой тени создало необходимый визуальный акцент
Дублирование формы и добавление неяркой тени создало необходимый визуальный акцент

В Hollow Knight этот момент проработан очень хорошо. В этой игре всегда можно понять, на какие элементы можно прыгнуть, а какие — лишь часть фона.

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

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

Следующий этап — добавление контраста между фоном и передним планом. Для этого в первую очередь нужно использовать цвет

Если фон преимущественно синеватого цвета, то передний план, например, лучше сделать оранжевым
Если фон преимущественно синеватого цвета, то передний план, например, лучше сделать оранжевым

Такой подход активно использовал Эйвинд Эрл — американский художник и иллюстратор, который в середине прошлого века работал в Disney.

Чтобы ещё больше отделить фон от переднего плана, можно использовать элементы с градиентом. Это создаст дополнительную область разделения.

Благодаря тому, что тёмные кусты различаются по тону, создаётся иллюзия воздушной перспективы, что добавляет глубину изображению
Благодаря тому, что тёмные кусты различаются по тону, создаётся иллюзия воздушной перспективы, что добавляет глубину изображению

Чтобы усилить глубину сцены, можно добавить несколько участков разного тона на траве, чтобы изобразить освещение и тени.

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

Высокая эстетика: советы начинающим 2D-художникам

В Hollow Knight также можно увидеть множество слоёв, которые в совокупности добавляют глубину игровому миру.

Создаётся ощущение, что здесь используется бесконечное количество слоёв, которые постепенно скрываются в тумане
Создаётся ощущение, что здесь используется бесконечное количество слоёв, которые постепенно скрываются в тумане

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

Высокая эстетика: советы начинающим 2D-художникам

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

Высокая эстетика: советы начинающим 2D-художникам

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

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

113113
13 комментариев

вроде получилось

42
Ответить

Не верится, но ведь все так и было.

12
Ответить

Да, однозначно неплохой результат вышел, дельные советы.

10
Ответить

Комментарий недоступен

38
Ответить

Секрет мастерства прост. Но секрет есть секрет.

10
Ответить

Советы, может, и полезные (хотя, если вдуматься, то они элементарные), но пример для разбора выбран неудачно.

6
Ответить

Как_нарисовать_сову.jpg

4
Ответить