RUS / ENG

гайд по плоской графике

byMADRABBIT

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

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

И снабжу примерами, которые раскроют тему больше любых слов.

Специально для новичков в гайде присутствуют интегрированные видео-уроки
с детальным разбором процесса работы. Даже если вы
не знакомы
с интерфейсом Adobe Illustrator,
это
не будет проблемой.

06. Работа с цветовой схемой

4/10

01
Работа с цветовой схемой

Перебор: много цветов, много оттенков, все кричит. Иконка выглядит аляписто. Необходимо уменьшить
количество цветов.

02
Работа с цветовой схемой

Заливаем самые контрастные участки тени цветом контура. Избавляемся сразу от двух цветов: темного-синего
и темно-красного.

03
Работа с цветовой схемой

Уменьшаем количество пятен голубого цвета
в композиции. Результат смотрится куда приятнее для глаза,
чем оригинал.

04
Работа с цветовой схемой

Избавляемся от синего, зеленого

и оттенка красного. Теперь
в цветовой схеме три чистых цвета: желтый,
красный и голубой.

05
Работа с цветовой схемой

Убираем серый цвет, стилизуем объем

с помощью точек цвета контура. У иконки появляется узнаваемые
элементы и цвета.

Много примеров

Учиться на своих ошибках — очень важно, но еще важнее экономить время и учиться


на ошибках других.

Идея гайда строится вокруг примеров: что хорошо, что плохо, а самое главное — как можно решить задачу по-другому.

Удобный формат

Вебинары жутко неудобный формат обучения: на единицу смысла приходится 10 единиц времени студента.

Гайд лишен этого недостатка: информация подана кратко, лаконично и с удобной навигацией по разделам.

Пополняемый контент

Я противник классической модели онлайн-обучения — оплатил, скачал уроки, сдал задание, следующий.

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

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

Рассмотрим на примере композиции телефона в изометрической проекции.

Стилизация иллюстраций
Можно сделать, как говорится, «в лоб»: т.е.
не заморачиваться
с объемом и формой. В этом случае телефон будет скорее напоминать кирпич. Бюджетное решение.
Стилизация иллюстраций
Или сделать телефон чуть объемнее, добавив фаску


с градиентом. Выглядит круто. Для 2016 года точно.
Стилизация иллюстраций
Лучше стилизовать объем, избавившись
от дополнительных цветных элементов, а так же оттенков для фаски, собственной и падающей тени. Иллюстрация станет более стильной.
Стилизация иллюстраций
Но при работе с цветовой схемой, не следует забывать

о контрасте. Классический зеленый цвет
на фоне зеленого

с оттенком лайма —
не самое лучшее решение.
Стилизация иллюстраций
Однако если избавиться от головы персонажа
на плашке, оставив лишь черты лица, ситуация кардинально меняется. Темно-зеленый цвет дает хороший контраст на фоне лайма.
Стилизация иллюстраций
Еще большего контраста можно добиться,
если использовать только один цвет.

Но не стоит зацикливаться лишь на работе с цветом:

в нашем арсенале есть и другие графические приемы.

Стилизация иллюстраций
Простое и изящное решение. Визуальный вес громоздкого пятна падающей тени уменьшен
с помощью использования фактуры. Фаска телефона стилизована за счет сдвига белой заливки
чуть левее контура.
Стилизация иллюстраций
Комбинируя шумы, текстуры и градиенты, которые считались наследием устаревшего скевоморфизма, можно добиться интересного эффекта
как в примере выше.

Несмотря на кажущуюся простоту, процесс работы состоит из огромного количества нюансов,
которые со стороны могут
показаться неочевидными.

Но именно на этих нюансах и строится вся работа.


И именно им посвящен гайд.

Разбираемые темы:

Стиль

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

Стиль

Стилизация объема

Работа со свето-тенью, упрощение
объема, дизайнерские способы
передачи глубины, фактура

Стилизация объема

Композиция

Баланс, визуальный вес,
работа
с метафорами,
изометрия, перспектива

Композиция

Цвет

Тонирование, смешивание цветов,
создание цветовых схем

Цвет

Работы учеников

10-ый поток, апрель 2018
Ольга Олажко
Ольга Олажко
7-ой поток, январь 2018
Евгений Каплин
Евгений Каплин
17-ый поток, ноябрь 2018
Владимир Мамонтов
Владимир Мамонтов
6-ой поток, декабрь 2017
Денис Кужельный
Денис Кужельный
1-ый поток, июль 2017
Сергей Баюков
Сергей Баюков
18-ый поток, декабрь 2018
Алиса Щурова
Алиса Щурова
IN FLAT Гайд по плоской графике IN FLAT Гайд по плоской графике IN FLAT Гайд по плоской графике IN FLAT Гайд по плоской графике

Отзывытзывы

Ольга Олажко

30 июля 2018

Ольга Олажко / фрилансер

Узнала о гайде по блогу на Медиуме. В то же время думала,

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

Это оказалось полезным и интересным опытом. Иллюстрации выверены, информация систематизирована, тексты точны,


нет лишней информации (хотя по персонажу
хотелось бы почитать побольше).

Кирилл Семушин

2 сентября 2018

Кирилл Семушин / Flatro

Сочнейшая выжимка полезного материала с классными поясняющими иллюстрациями. Кроме шуток, это пособие нумбер ван для всех тех, кто вовлечен в иллюстрацию,
и совсем не важно какой у тебя скилл, ты обязательно узнаешь что-то «свежее». Аналогов на русском языке просто нет и вряд ли будут,
Кролик знает свое дело. Респект!

Валентин Китченский

13 декабря 2017

Валентин Китченский / Monetizr

После курса IN FLAT, могу с уверенностью ответить на вопрос «Mad Rabbit красавчик ?» утвердительно с большим жирным флэтовым плюсом.

Материал — это выжимка из всего самого полезного, подача превосходна, всё по делу. На своём примере убедился насколько быстро окупается вложение в самообучение.

Оплата и форматы обучения

самостоятельный
с фидбэком
индивидуальный

Гайд
IN FLAT

Самостоятельный формат

Стоимость сегодня:

7 500 РУБ

Цена действительна
для первых 15 покупателей

В стоимость входит:

неограниченный по времени доступ к гайду
и видео-урокам;

доступ в закрытый Телеграм-канал
с дополнительным

контентом и разбором
работ студентов;

доступ в чат с поддержкой.

Гайд
IN FLAT

Формат с фидбэком

Стоимость сегодня:

17 500 РУБ

После 1 февраля цена
повышается

В стоимость входит:

неограниченный по времени доступ к гайду
и видео-урокам;

доступ в закрытый Телеграм-канал
с дополнительным

контентом и разбором
работ студентов;

доступ в чат с поддержкой;

5 заданий с фидбэком + дипломная работа.

Гайд
IN FLAT

Индивидуальный формат

Стоимость сегодня:

30 000 РУБ

После 1 февраля цена
повышается

В стоимость входит:

неограниченный по времени доступ к гайду
и видео-урокам;

доступ в закрытый Телеграм-канал
с дополнительным

контентом и разбором
работ студентов;

доступ в чат с поддержкой;

10 заданий с фидбэком + дипломная работа;

8 часов индивидуальных занятий.

MAD RABBIT

АВТОР

MAD RABBIT

Дизайнер, иллюстратор, создатель одноименного блога и канала в тг.

Любит кроликов и анонимность.

Среди клиентов: Мегафон, Mail.ru, Юла, Пятерочка, X5 Retail Group, Kaspersky.