Иконка флэт персонажа

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

Запускайте inkscape и начинаем работать.

Как нарисовать флэт иконку.

Прежде чем рисовать удаляем слои и устанавливаем размер документа 256 х 256 пикселей. Сделать это можно в свойствах документа shift+ctrl+d.

Начинаем с лица

Инструментом Рисовать круги, эллипсы и дуги (F5) растягиваем круг. Цвет заливки и обводки указаны ниже. Толщину обводки подбираем сами, сделать это можно в Стиле обводки панели Заливка и обводка контура.

клнтур с заливкой и обводкой

Продолжаем использовать инструмент рисования эллипсов.

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

контур с заливкой

А вот уши я нарисовал совершенно круглые. Нарисуйте два круга. Цвет большего совпадает с цветом лица, для второго задайте цвет более темный.

Цвет и его оттенок регулируем в панели Заливка и обводка контура. Насыщенность и яркость легче менять в режиме HSL.

Сгруппируйте элементы одного уха (Ctrl+G), затем создайте копию (Ctrl+D) и разместите с другой стороны лица.

иконка персонажа inkscape

Займемся прической персонажа. Можете оставить его без волос, можете нарисовать пышную шевелюру. Я решил нарисовать ему чуб.

Кривыми рисуем простой контур и задаем заливку. Цвет заливки я выбрал как у обводки контура иконки.

контур с заливкой

Размещаем на голове персонажа.

иконка персонажа inkscape

Добавляем очки

Теперь нарисуем очки. Для этого растягиваем прямоугольник и скругляем углы (порядок работы ниже). Заливка белым, обводка черным цветом (странно что белым, но смотрится нормально).

Далее копируем прямоугольник, сдвигаем и соединяем прямой линией. Затем добавляем глаза- рисуем два круга, заливка 4d2d39. После чего можно сгруппировать очки с глазами :).

рисунок очки вектор

Размещаем на лице чуть выше ушей.

Нарисуйте круг немного ниже глаз. Это нос нашего человечка.

иконка персонажа inkscape

Займемся ртом. Нам опять нужны эллипсы. Растягиваем круг и задаем угол до конечной точки дуги 180 градусов. Заливка 4d2d39.

полукруг

Создаем копию и уменьшаем высоту. Цвет меняем на белый. Так мы получим зубы.

контур рта inkscape

Ну и добавим что-то типа языка. Для этого рисуем вытянутый эллипс красного цвета. Применяем «ко рту и языку» операцию Разделить (звучит как медицинская операция). Цвет нижней части меняем на красный

контур рта inkscape

Группируем и размещаем ниже носа.

флэт иконка enascor.ru

В завершении добавляем тень.

флэт иконка enascor.ru

Для создания тени добавьте контур с помощью кривых и задайте заливку линейным градиентом.

Вот и все, флэт иконка персонажа готова.