Рисуем иконку мышки в Adobe Illustrator | ZZ Guru

Рисуем иконку мышки в Adobe Illustrator

В этом уроке Adobe Illustrator мы займемся созданием еще одной иконки в общем стиле плоского вектора.

Настраиваем новый документ

Создайте новый документ, выбрав в меню File > New/Файл>Создать. Укажите параметры как показано ниже:

1 setting up a new document 3

Рисуем фон

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

1 3 creating the main shape for the reference grid 4

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

4 adding the active drawing area 1 5

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

Теперь когда подготовительный этап завершен, давайте перейдем к созданию самой иконки.

Шаг 1

Начнем с подложки под иконку. Для этого нарисуйте круг размером 56 x 56 px, укажите ему цвет заливки #FFD55F и расположите его по центру рабочей области. Используйте для этого палитру Align/Выравнивание.

6 creating the background for the mouse icon 1 6

Шаг 2

Рисуем основную фигуру мыши. Начнем с квадрата размером 24 x 24 px белого цвета. Расположите его как показано ниже.

7 creating the main shape for the mouses body 1 7

Шаг 3

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

8 adjusting the shape of the mouses body 8

Шаг 4

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

9 adding the outline to the mouses body 9

Шаг 5

Рисуем верхнюю часть мыши. Начнем с прямоугольника размером 24 x 12 px белого цвета и такими же параметрами обводки, что и в шаге выше. Укажите прямоугольнику радиус скругления верхних углов в 8 px. Поместите верхнюю часть впритык к нижней.

10 creating the main shapes for the mouses buttons 10

Шаг 6

Добавляем колесико прокрутки. Нарисуйте прямоугольник со скругленными углами размером 6 x 10 px. Укажите ему цвет заливки #FF9045, нашу обводку и радиус скругления углов в 3 px.

11 adding the scroll wheel 11

Шаг 7

Инструментом Pen/Перо (P) рисуем простую линию, которая будет проводом. Укажите ей длину в 10 px и нашу ободвку.

12 adding the cable segment 12

Шаг 8

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

13 adding the cable bump 13

Шаг 9

Последний штрих — скроем лишнюю часть кабеля. Для нарисуйте еще один круг размером 56 x 56 px и поместите его по центру рабочей области. Выделите группу с мышью и этот круг, кликните по ним правой кнопкой и выберите Make Clipping Mask/Создать обтравочную маску.

14 finishing off the mouse icon 14

Автор: ANDREI STEFAN

Источник: dejurka

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

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

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