3 типичные ошибки в флэт-иллюстрации
И как их исправить.
Это вольная адаптация статьи Мэд Рэбита. Она о том, как сделать флэт-иллюстрации более выразительными. Мэд отличный иллюстратор с неоднозначным чувством юмора.
Мэд учит иллюстрации. В этой статье он рассказывает о самых частых косяках, которые видел у своих студентов.
Ошибка 1. Начинающие ломают форму
Сигарета справа приобрела гранёную форму, потому что художник не знал, как работать со светом и тенью. Хорошей базой для таких знаний была бы школа академического рисунка. Для тренировки нужно рисовать шары и другие простые геометрические формы.
Мотивы решения ясны: захотелось сделать форму сочнее и графичнее, но из-за лишнего перехода из тёмно-серого в белый образовалась ненужная грань.
Плоские тени — основной способ показать форму иллюстрации в флэте. Вот два объекта:
Оба варианта наложения тени имеют право на существование. От чего зависит, какой вариант выбрать?
В рисунке А нижняя поверхность плоская. В Б тень падает на цилиндр. Посмотри на реальный объект. Тень ведёт себя так же:
В плоской графике мы сознательно упрощаем детали, чтобы сделать их чище. При этом мы не хотим терять ощущение объёма. В этом ракурсе линия горизонта находится на на уровне глаз и у объекта видна только одна сторона. Если бы не падающая тень, цилиндр ничем бы не отличался от прямоугольника.
У объекта А него нет глубины, потому что нет этой зацепки. Его неинтересно разглядывать. В объекте Б появился объем, видно направление источника света.
Вывод:
Задача флэт-иллюстратора не игнорировать объем, а стилизовать его.
Упрощать так, чтобы подчеркнуть форму предмета, не меняя её.
Ссылки по теме
- Николай Ли — Основы академического рисунка (Озон, 700 р.)
- Основы объёмного рисования в Photoshop. Большой часовой урок, из которого можно узнать, как правильно работать с тенями.
- academic drawing simple shape на Пинтересте
Ошибка 2. Начинающие выбирают невыразительный ракурс
Они работают только в анфас. Но большинство предметов в в этом ракурсе смотрятся скучно и не передают своей реальной формы.
На разборе одной из работ Мэд назвал ракурс в анфас в честь ученицы:
Флэт-иллюстрация совершенно не отменяет того что можно использовать интересную перспективу. Классический вариант — это изометрия.
Не обязательно избегать прямого ракурса, но тогда нужно подсказывать объём, делая картинку многослойной и выделяя, что ближе к зрителю.
Вот два рисунка чашки:
Первое, что мы определяем — источник света. В данном случае он слева.
На рисунке А объем недостаточно проработан: высота кружки и положение рукоятки находятся на одном уровне и сливаются в одну форму. Однако, рукоятка должна быть дальше от зрителя, чем край кружки. Значит, на неё должна падать тень.
Исправляем ошибку на рисунке Б. Стало лучше, но пока всё-ещё скучно. Что если добавить блюдце?
Форма стала более узнаваемой, а иллюстрация глубже, её стало интереснее разглядывать.
Хороший приём:
Клади объекты друг на друга.
Мэд активно применяет его в своих иллюстрациях:
Объекты могут не только лежать друг на друге, но и парить. Это классно смотрятся в изометрических иллюстрациях, о которых мы поговорим в другой раз:
Чтобы делать ракурс выразительным, нужно много практиковаться в работе с композицией. Нужно больше смотреть на чужие работы, замечать детали, копировать фишки и анализировать.
Ошибка 3. Начинающие не используют потенциал цвета
Для них покрасить объект — это неприятная необходимая процедура. Причина провала в том, что нет понимания, как смешивать цвета.
Cлева показано, как многие новички любят подбирать цвет тени: берут исходный цвет, смешивают его с его же оттенком потемнее. Это скучно. В реальном мире тени всегда имеют оттенок в зависимости от освещения. В мире флэт-иллюстрации этот оттенок можно дополнительно подчеркнуть.
Что делать:
Смешивай исходный цвет с его комплиментарным аналогом.
Чтобы найти комплиментарный, воспользуйся цветовым кругом Йоханнеса Иттена:
Цветовой круг подсказывает комбинации цветов. Комплиментарные цвета — один из способов создавать приятную глазу палитру. Главное, чтобы комплиментарного цвета было совсем чуть-чуть. Подробнее про цвета — в ролике Beginning Graphic Design: Color.
Я веду /designer — телеграм-канал о Скетче и дизайне интерфейсов. В нём я рассказываю о горячих клавишах, плагинах, прототипах, дизайн-системах и UI-анимации.