Как нарисовать милую пиксельную мордочку животного с помощью нескольких кластеров
Чтобы нарисовать милую мордочку животного всего несколькими пиксельными кластерами, начните с четкого силуэта головы, а затем разместите уши, глаза и морду в виде компактных форм, которые останутся читаемыми в конечном размере отображения. Используйте небольшую сетку — 16×16 послужит отличной отправной точкой — и сдержанную палитру. Добавляйте каждый кластер только тогда, когда он помогает точнее передать животное, его выражение или форму.
Что считается пиксельным кластером?
Кластер — это связная группа пикселей одного цвета, которая воспринимается как единая форма, например пятно на ухе, мордочка или тень. Мышление кластерами помогает планировать осмысленные области вместо того, чтобы хаотично разбрасывать отдельные точки по холсту. Некоторым деталям, таким как крошечный глаз или блик, может потребоваться всего один пиксель; сохраняйте такие одиночные пиксели, если они хорошо считываются в контексте. В основах пиксель-арта от Artia Club кластеры описываются как формы, формирующие изображение, в то время как Lospec объясняет пиксель-арт как осознанный контроль над отдельными пикселями. Lospec: Pixel Art — с чего начать
Для этого упражнения воспринимайте «несколько кластеров» скорее как дизайнерское ограничение, а не как строгое число. Точное количество зависит от животного и сетки. Мордочке лисы могут понадобиться отдельные формы для ушей, щек и носа; круглая мордочка медведя может считываться и с меньшим их числом. Главный ориентир — выполняет ли каждая группа свою задачу.
Выберите сетку и простой референс животного
Начните с холста 16×16 для компактной иконки или используйте 32×32, если вам нужно больше места для разделения черт. Эти размеры — лишь варианты для старта, а не универсальные стандарты: подходящий холст зависит от того, сколько деталей требуется изображению и где оно будет отображаться. При очень маленьких размерах даже несколько пикселей могут изменить контур или выражение, поэтому во время работы проверяйте спрайт в его исходном масштабе. Руководство MakeBead по размерам холста для пиксель-арта объясняет, что автоматическое уменьшение более крупного рисунка может исказить черты, и уменьшенную версию часто приходится перерисовывать заново.
Выберите одно животное и одно четкое изображение-референс. Ищите всего три отличительных признака: форму головы, форму ушей и одну характерную черту мордочки, например короткий нос или широкие щеки. Вам не нужно копировать каждую деталь с референса. Упростите его видимую структуру до форм, которые поместятся в вашу сетку.
Наметьте силуэт, прежде чем переходить к мордочке
Залейте примерную форму головы одним цветом. На квадратной сетке создавайте изгибы с помощью коротких ступенек: например, сделайте верхнюю часть головы широкой, сузьте ее к щекам, а затем закруглите или сделайте подбородок уже — в зависимости от вашего животного. Добавьте уши как часть этого контура или как прикрепленные формы. У кролика могут быть две длинные формы ушей; у кошки — два заостренных уголка; у медведя — небольшие закругленные ушки.
Сделайте паузу, прежде чем добавлять глаза. В небольшом масштабе отображения оцените, напоминает ли залитый контур задуманное животное. Если нет, сначала скорректируйте пропорции головы и ушей. Дополнительные детали мордочки обычно не могут исправить нечеткую общую форму. Этот подход соответствует методу «силуэт прежде всего», описанному в пошаговом руководстве по пиксель-арту от MakeBead, и проверке на узнаваемость, предложенной Artia Club.
Разместите глаза и морду как осознанные кластеры
Слегка наметьте центральную линию мордочки или используйте временные направляющие пиксели. Разместите пару глаз с достаточным расстоянием между ними для мордочки. На крошечной сетке каждый глаз может быть одной темной точкой; на сетке покрупнее используйте компактную форму из двух или трех пикселей. Следите за тем, чтобы их высота и расстояние оставались одинаковыми, если только вы намеренно не хотите передать поворот или наклон головы.
Добавьте мордочку в виде единого связного пятна или двух соединенных форм щек. Маленький носик животного может располагаться в верхней центральной части этого пятна. Если нос и рот сливаются в нечитаемое темное пятно, удалите пиксель или разделите детали более светлым цветом мордочки. Чтобы получить милое, простое выражение, сначала не рисуйте рот вовсе; добавьте короткую линию только в том случае, если она улучшит читаемость в обычном масштабе.
Попробуйте перемещать только по одной детали за раз. Смещение даже на один пиксель может изменить выражение лица или направление взгляда, поэтому сравнивайте варианты между собой, а не меняйте глаза, морду и контур головы одновременно. Интерактивная мордочка 10×10 от MakeBead демонстрирует, как изменение буквально нескольких пикселей создает совершенно разные выражения. Посмотрите пример с маленькой мордочкой.
Ограничьте палитру и используйте тени, только если они помогают
Начните с трех или четырех функциональных цветов: основного цвета шерсти, более темного оттенка для деталей или теней, более светлого тона для мордочки или блика и, по желанию, цвета фона. Главное — чтобы соседние формы оставались различимыми. Перегруженная палитра не спасет положение, если глаза или уши сливаются с головой. Lospec отмечает, что художники могут использовать готовые палитры, когда подбор цветов отвлекает от отработки самой техники пиксель-арта. Руководство для начинающих от Lospec
Если вы добавляете тени, определите направление света и используйте цельный теневой кластер на противоположной стороне. Избегайте размещения разрозненных темных пикселей по контуру просто ради видимости детализации. Силуэт и черты мордочки должны легко считываться даже в варианте с плоскими цветами; для лаконичной иконки затенение необязательно. В руководстве Artia Club рекомендуется использовать широкие области света и тени, а также придерживаться единого направления света при моделировании объема.
Сгладьте пиксельные лесенки и уберите визуальный шум
Приблизьте изображение и внимательно изучите контур. Кривая, состоящая из неравномерных по длине ступенек, может образовывать случайные углы; скорректируйте последовательность так, чтобы длина ступенек увеличивалась и уменьшалась более плавно. Например, округлая щека может иметь шаг, который постепенно удлиняется к самой широкой точке, а затем укорачивается по направлению к подбородку. Точный рисунок зависит от формы, поэтому полагайтесь на визуальную оценку, а не пытайтесь везде добиться идеальной симметрии. В руководстве MakeBead обращается внимание на ломаный ритм линий и показывается, как намеренные разрывы также могут формировать детали, например надбровные дуги. Прочтите раздел о чистых пиксельных линиях.
Затем осмотрите кластеры на наличие одиночных пикселей, которые не обозначают черту, край или блик. Временно удалите их и сравните результат. Оставьте изолированный пиксель, если он явно служит глазом или бликом; удалите его, если он лишь создает ненужную рябь. Этот шаг часто помогает повысить четкость без добавления новых цветов или деталей.
Оцените готовую мордочку в ее реальном размере
Переключайтесь между увеличенным масштабом и тем размером, в котором иконка будет отображаться на самом деле. Увеличение помогает точно расставлять пиксели, а просмотр в реальном размере показывает, считываются ли животное, его эмоция и важные черты. Если глаза теряются, увеличьте их контрастность или упростите соседние элементы. Если мордочка выглядит как отдельный чужеродный объект, свяжите ее визуально со щеками или уменьшите ее контур. Если животное сложно узнать, вернитесь к силуэту и ушам, прежде чем добавлять текстуру. Руководство Artia Club рекомендует проверять изображение как в увеличенном, так и в обычном масштабе.
В качестве завершающего шага удобно сохранить копию, а затем протестировать три изменения по отдельности: изменить форму ушей, скорректировать расстояние между глазами и упростить мордочку. Сравните каждую версию в обычном масштабе и оставьте ту, на которой черты читаются четче всего. На готовой мордочке вовсе не обязательно заполнять каждый доступный пиксель. Узнаваемого силуэта, удачно расположенных глаз и нескольких продуманных кластеров вполне достаточно для этой небольшой художественной задачи.