Рисуем иконку USB-флешки в Adobe Illustrator | ZZ Guru

Рисуем иконку USB-флешки в Adobe Illustrator

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

Результат

Создаем новый документ

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

2 1 3

Шаг 1

Для начала растяните квадрат по размеру рабочей области — размером 64 x 64 px. Укажите квадрату цвет заливки #F15A24 и разместите квадрат по центру рабочей области.

3 1 4

Шаг 2

Нарисуйте поверх оранжевого квадрата белый квадрат размером 56 x 56 px. Разместите его по центру рабочей области. Выделите оба квадрата и сгруппируйте их, нажав Control-G.

4 1 5

Рисуем иконку

Теперь приступим к созданию самой иконки.

Шаг 1

Начнем создание иконки с круга размером 56 x 56 px. Укажите кругу цвет заливки #FFD55F и расположите его по центру рабочей области.

5 1 6

Шаг 2

Продолжим квадратом размера 24 x 24 px, укажите ему белый цвет заливки (#FFFFFF) и расположите как показано ниже.

6 1 7

Шаг 3

Выделите квадрат, и в палитре Transform/Трансформация укажите Radius/Радиус для нижних углов в 12 px.

7 1 8

Шаг 4

Укажите получившейся фигуре обводку. В палитре Stroke/Обводка укажите обводке цвет #31353F, толщину в 4 px и скругленные углы.

8 1 9

Шаг 5

Теперь нарисуйте квадрат размером 8 x 8 px с заливкой цвета #FF9045 и обводкой с теми же параметрами что и выше.

9 10

Шаг 6

Добавьте прямоугольник размером 8 x 4 px с цветом заливки #31353F.

10 11

Шаг 7

Рисуем прямоугольник размером 16 x 12 с белым цветом заливки и нашей обводкой. Разместите фигуру как показано ниже.

11 12

Шаг 8

Добавим желобки. Нарисуйте их при помощи двух линий длиной и толщиной в 2 px цвета #31353F и со скругленными концами. Выделите все элементы, которые составляют флешку и сгруппируйте их, нажав Control-G.

12 13

Результат

1 10 14
Космическая ретушь
0 комментарий

Похожие статьи

0 комментариев
Межтекстовые Отзывы
Посмотреть все комментарии