В этом уроке мы будем рисовать стилизованную иконку конверта в Adobe Illustrator. У нас получится работа в упрощенном векторном стиле, который нелегко дается новичкам. Но это полезный навык. Плоский стиль не выходит из моды, а умение упрощать необходимо любому дизайнеру.

Результат

Шаг 1

Создайте новый документ. Для этого выберите в меню File > New/Файл>Создать (или воспользуйтесь сочетанием клавиш Control-N). В появившемся окне укажите параметры как показано ниже.

Шаг 2

Теперь начнем работу над иконкой. Нарисуйте круг размером 88 x 88 px и укажите ему цвет #9076FF. Выделите круг и в палитре Align/Выравнивание выровняйте его центру документа по горизонтали и вертикали. Это будет фон нашей иконки.

Шаг 3

Рисуем основную форму конверта — прямоугольник размера 36 x 44 px белого цвета (#FFFFFF). Поместите его по центру круга.

Шаг 4

Укажите прямоугольнику Stroke/Обводку цвета #1C202D и толщиной в 4 px. Также укажите обводке скругленные углы.

Шаг 5

В верхней части прямоугольника нарисуйте еще один поменьше — размером 36 x 16 px тоже белого цвета и с теми же параметрами для обводки.

Шаг 6

Инструментом Direct Selection/Прямое выделение (A) выделите левый нижний угол маленького прямоугольника и передвиньте его на 8 px правее. Сделайте то же с правым нижним углом.

Шаг 7

Рисуем скрепку. Для этого используйте прямоугольник со скругленными углами размером 8 x 24 px с радиусом скругления углов в 4 px.

Шаг 8

Рисуем маленькую кнопку из круга размером 8 x 8 px.

Шаг 9

Теперь для эффект объема рисуем тень. Нарисуйте овал размером 32 x 4 px, укажите ему заливку цвета #1C202D и разместите под конвертом.

Результат