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

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

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

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

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

 

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

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

Рисуем фон

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

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

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

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

Шаг 1

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

Шаг 2

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

Шаг 3

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

Шаг 4

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

Шаг 5

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

Шаг 6

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

Шаг 7

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

Шаг 8

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

Шаг 9

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

Автор урока ANDREI STEFAN

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

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




Коментарии запрещены.

[an error occurred while processing the directive]


[an error occurred while processing the directive]