Пиксель-арт – это достаточно сложная отрасль иллюстрации. Она подразделяется на две основные техники – изометрическое и неизометрическое рисование. Данная статья ориентриована на то, чтобы рассказать об основах второй из них. Итак, все контуры рисунков неизометрического типа состоят из двух типов линий: конечно же, прямых и кривых. Основное, за чем нужно следить, при рисовании таких линий – это отсутствие выбивающихся пикселей. Их наличие нарушает плавность линий. (На рисунке отмечены красным).

Первым шагом при выполнении рисунка, должно стать его изображение на листе бумаги, сделанное, допустим, от руки. После сканирования, контуры рисунка следует обвести уже в программе. Для пиксель-арта подойдет даже MS Paint, но лучше, конечно, использовать Photoshop, поскольку он работает со слоями и мы можем обрисовать наш рисунок, положив его на слой ниже. После выполнения контуров, их следует подчистить. Выровнять линии, убрав выбивающиеся пиксели, и скопления пикселей, например, в углах и стыках контуров. При этом, лучше приблизить изображение и орудовать ластиком в режиме Карандаша (Pencil).

Контуры сперва заливаются основной заливкой. В Photoshop для этого удобно воспользоваться инструментом Волшебная палочка (Magic wand), а затем залить выделенную область выбранным цветом.

Далее следует практически самый важный этап рисования: придание объекту объема путем специальных приемов заливки.

Выбирается расположение источника света. Обычно это вверху слева. Так мы определим направление освещения, а следовательно и внешний вид наших теней. Для начала осуществляется рисование глубоких теней. Выбирается цвет значительно более темного оттенка, чем основной цвет участка. Затем выполняются менее глубокие тени, здесь берется оттенок посветлее, но все равно значительно темнее основного цвета. Это делается для создания иллюзии плавного перехода. Не стоит использовать больше двух цветов. И оттенки для теней стоит выбирать  достаточно отличающиеся от основного цвета, т.е. темный основной цвет и очень темный основной цвет. Не пытайтесь использовать градиенты, в пиксель-арте они передаются иным способом, о нем ниже.

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

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

Сравните врехнюю и нижнюю картинки. Верхняя – это обычный градиент, а нижняя выполнена всего тремя цветами, но благодаря различному диттерингу, имитируется плавный переход цвета. Эта техника и придает работам в технике пиксель-арта, сходство с ретро-играми для NES или SEGA. Художественные способности здесь необходимы, поскольку нет четких правил размещения теней и бликов, нужно ориентироваться на источник света.

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

Следующим после раскрашивания этапом является этап сглаживания контуров. Это обеспечивается добавлением пикселей близкого к основному цвету контура участка с постепенно светлеющим оттенком. Используем промежуточные цвета, но опять же, не переусердствуем с их количеством. Фильтры лучше не применять, если хотите получить действительно чистую и аккуратную картинку. Вручную работая, вы контролируете количество и цвета пикселей, и не допустите лишнего. (Что поделать, пиксель-арт – дело трудоемкое). Примерно вот так:

Общие этапы рисования можно просмотреть в этой гифке:

Данный пост подготовлен при содействии Pixeldigest.ru - сайта целиком и полностью посвященного пиксель-арту.