8 популярных эффектов в плоской иллюстрации
Стилистические приемы в плоской графике помогают разнообразить картинку, придать ей то или иное настроение, колорит, выделить общим типом или форматом серию иллюстраций. Примеры использования популярных техник и приемов от команды дизайнеров и авторов блога Mad Rabbit:
1. Рваные края
Автор: Giant Ant
Рваные края создают эффект карандашного рисунка, ощущается некая крафтовость.
Автор: Loris F. Alessandria
Хотя стиль по-прежнему флэт с присущей ему строгой геометрией, визуально результат смотрится более дружелюбно.
2. Имитация текстур
Чтобы разнообразить однородную заливку, свойственную плоской иллюстрации, можно использовать текстуру природных материалов, например, дерева, камня, мрамора.
Автор: Nico Piccirilli
Автор: Busra Uzgun
В работе Busra Uzgun мы видим, как иллюстрация оживает и становится милой/уютной благодаря работе с фактурой, узорами и шумами. С помощью текстур можно не только добавить иллюстрациям реализма, но и задать нужную атмосферу.
На Pinterest по запросу «material board» можно найти огромную базу материалов и узоров для дальнейшей стилизации. А по запросам «texture» и «patterns» можно найти готовые текстуры.
3. Эффект книжной иллюстрации
Автор: moth.studio
Этот стиль напоминает карандашные зарисовки или иллюстрации из детских книжек. Особую популярность приобрел в покадровой анимации.
4. Использование пустой заливки
Если раньше была необходимость заливать каждую форму, то сейчас многие иллюстраторы оставляют контур без заливки. Что уж там, порой они дают себе волю и даже не дорисовывают объекты. Но как показывает опыт, частичная недосказанность визуального плана никак не мешает восприятию.
Автор: Xoana Herrera
В примере выше автор сознательно использовал у стола точечную текстуру вместо заливки однородным цветом, чтобы уменьшить его визуальный вес и не выходить за рамки ограниченной цветовой схемы.
Отметим также, что автор одновременно использует текстуры, заливку точками и имитацию дерева. Автор комбинирует растровые и векторные текстуры: например, растровой текстурой он имитирует дерево, а заливка точками использует, чтобы обозначить границы стола (который в противном случае сливался бы с фоном).
5. Отказ от дополнительных оттенков
Рецепт стиля: контур, тень цветом контура и ограниченная цветовая палитра. Этот стиль вызывает ностальгию и умиление.
Автор: Dana Kalnick
Автор: Giant Ant
Отказ от НЕфирменных оттенков (ограниченная цветовая палитра задает эстетичный внешний вид произведения и создает узнаваемость) и контрастные тени (тень — это еще одно цветовое пятно, а т.к. палитра ограничена, мы делаем тень цветом контура).
6. Градиент 2.0
Автор: Walid Beno
Легкий градиентный переход отлично вписывается в изометрические иллюстрации, особенно когда они делаются для IT продукта.
7. Использование реалистичного объекта и иллюстрации
Придает иллюстрации вид некого “коллажа” из графических элементов и фотографий.
Автор: Lunamik
Несмотря на кажущуюся примитивность этот прием выглядит весьма свежо и будет отличным решением для рекламы продукта (когда нужно показать его внутри ролика).
Автор: Jay Quercia
Но это сработает только при условии, что иллюстратор обладает прокачанным скилом подбора цвета, в против случае получится тихий ужас.
8. Реалистичная детализация
Авторство: Wonderlust
Смотрится действительно классно, но из-за дороговизны и сложности разработки маловероятно, что такой уровень детализации в ближайшее время станет повальнымы трендом.
В графическом дизайне полно подводных камней. Даже не так — это самая насыщенная подводными камнями сфера. В отличии от точных наук, здесь «точных» законов до безобразия мало, а скрытых нюансов, от которых зависит итоговый результат — до безобразия много.
Поэтому, прежде, чем браться за работу, стоит как следует представить и продумать то, что должно получиться в результате. А ещё лучше — посмотреть примеры аналогичных, уже добившихся успеха проектов, посетить специальные курсы или взять за образец известные иллюстрации опытных дизайнеров (в случае с последними — старайтесь избегать плагиата или указывайте автора оригинала).
Статья подготовлена командой MAD RABBIT (Graphic 'n' motion designer) с дополнениями от редактора FAQ Marketing.
Понравилась статья? Удалось получить полезную информацию, обрести новые знания и практические навыки? Напиши СПАСИБО в комментариях, поставь ЛАЙК, сделай РЕПОСТ! Чтобы мы получили обратную связь и размещали больше обучающих обзоров и статей.Подпишись, чтобы не пропустить следующую статью! ↓
— — — — — — — — — > FAQ Marketing ВКонтакте