Уроки
June 25, 2020

3 бесплатных, но очень крутых совета по дизайну персонажей

1. Делайте персонажа выразительным

Почему одни персонажи кажутся нам привлекательными, а другие унылыми? Откровенно говоря, этот вопрос настолько многогранный, что я сделал по нему отдельный курс. Однако, если абстрагироваться от многообразия нюансов, тонкостей и черной магии, которую называют «Дизайном-персонажей», то главная причина — наличие или отсутствие выразительности.

Что это означает?

Слева невыразительный, плоский персонаж, справа — его более интересная и живая интерпретация

Выразительность (в иллюстрации) — это способность наглядно передавать свойства изображаемого объекта / элемента объекта. Не понятно? Окей, ниже я отметил проблемные места рисунка слева:

Насчитал 7 проблемных мест

Если выражаться более простым языком, когда я говорю про выразительность , то имею ввиду:

А. Свойство материала

Пример слева наглядно показывает, почему каноническая плоская графика так быстро всем приелась

Элемент или складка одежды, не должна иметь прямой горизонтальной линии — это смотрится так же неестественно, как улыбки на «Голубом огоньке».

Б. Ракурс

Один и тот же объект, в зависимости от ракурса может смотреться как выразительно, так и нет

Например, открытый клюв в ракурсе 3/4, когда видно язычок, будет смотреться гораздо лучше, чем когда его форма напоминает выпрямитель для волос.

Ботинки во фронтальном ракурсе и вовсе напоминают прямоугольные картонные коробки, ну а кепка…про нее даже писать не буду: на примере и так все прекрасно видно.

В. Изгибы формы

Прим. — кстати можете использовать эту фишку, если вам лень отрисовывать пальцы (или если не умеете): просто немного загибайте руку в том месте, где должна быть ладонь.

Проблема в том, что органическим формам в принципе противоестественно наличие прямых линий. Особенно в том месте, где находятся суставы.

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

2. Стройте форму, а не занимайтесь обводилками

Чем отличается модель персонажа, скажем от модели Imac’a? С точки зрения построения ничем! Это такая же сложная форма, имеющая свои пропорции, каркас и места крепления отдельных элементов.

Проблема 90% всего контента что есть на эту тему (в особенности «нежно любимые» мною уроки на Ютубе) — в них учат не строить персонажа, а обводить его. Как итог: как ниче не было непонятно, так и осталось..

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

3. Акцентируйте персонажей в сцене

Дипломная работа моего ученика

Одной из задач иллюстратора (помимо умения рисовать красивых котиков) является управление вниманием зрителя. Еще давным-давно эмпирическим путем было установлено, что наиболее привлекательными нам кажется те композиции, в которых присутствует противопоставление (или как я называл его в предыдущих статьях — «контраст»).

— Маленьких и больших размеров;
— Объектов с высокой детализацией и маленькой;
— Органических и неорганических объектов;
— Холодных и теплых / насыщенных и ненасыщенных / светлых и темных цветов;
— Округлых и граненных форм / узких и широких / прямых и наклонных;
и т.д.

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

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

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

Разберем на конкретном примере небольшого блока:

Порой, чтобы разобраться «что не так с иллюстрацией», необходимо откатиться до уровня одного элемента

Для участкой собственной тени автор использовал не оттенок основного цвета (слева), а два других цвета: холодный и теплый (справа). Это классный графический прием, благодаря которому объект смотрится «живее» (появляется как раз то самое противопоставление теплому и холодному).

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

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

Теперь в варианте (слева) персонаж теряется на фоне кубиков, поскольку все элементы стараются друг друга «перекричать», а вариант (справа) смотрится более выигрышно.

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

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

Уменьшили контраст контуров для кубиков и увеличили контраст контура персонажа

Финальным штрихом можно добавить белую обводку вокруг персонажа, чтобы еще сильнее его акцентировать:

В итоге композиция стала гораздо чище и приятнее для восприятия: