Яндекс.Метрика

Дизайн-журнал №1. Актуальная информация для дизайнеров, веб дизайнеров, программистов и разработчиков сайтов.

Рисуем стилизованный конверт в Adobe Illustrator

5 февраля 2019 | Опубликовано в Уроки | Нет комментариев »

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

 

Результат

envelope icon final image

Шаг 1

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

artboard setup for envelope icon

Шаг 2

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

ellipse tool venter align

Шаг 3

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

create rectangle for envelopes body

Шаг 4

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

outline envelope icon using the Stroke method

Шаг 5

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

Create the envelope’s folded section using a 36 x 16 px rectangle

Шаг 6

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

adjust shape with direct selection tool

Шаг 7

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

create string using rounded rectangle

Шаг 8

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

use ellipse tool to add button

Шаг 9

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

Add circluar shadow

Результат

envelope icon final image



Перевод — Дежурка



Смотрите также:




Оставить ответ


+ семь = 16

Вставить изображение