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

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

Рисуем компьютерную мышь в Adobe Illustrator

28 сентября 2017 | Опубликовано в Уроки | 1 Комментарий »

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

 

Результат

Шаг 1

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

Шаг 2

Теперь давайте нарисуем фон для нашей иконки. Создайте круг размером 120 x 120 px цвета #2D8FF9, и отцентруйте его относительно холста, как показано ниже.

Шаг 3

Создаем нижнюю часть мыши. Для этого рисуем прямоугольник размером 44 x 30 px цвета #C6BCB9 и располагаем его по центру круга, и на расстоянии 14 px от нижней точки круга.

Шаг 4

Выделите нижние углы и скруглите их на 22 px через палитру Transform/Трансформирование в закладке Rectangle Properties/Свойства прямоугольника.

Шаг 5

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

Шаг 6

Рисуем основную часть мышки. Это будет прямоугольник размером 44 x 48 px (#FFFFFF), нижние углы которого мы также скруглим на 22 px. Затем указываем фигуре такую же обводку и располагаем ее по центру круга на 48 px ниже его верхней точки.

Шаг 7

Рисуем правую кнопку мыши. Сделаем ее из квадрата размером 22 x 22 px (#FFFFFF), скругляем левый верхний угол на 8 px и указываем обводку как у предыдущих фигур.

Шаг 8

Добавим немного текстуры. Нарисуйте три маленьких круга размером 2 x 2 px (#302724), расположите их на расстоянии 2 px один от другого, выделите все три кружочка и сгруппируйте их (Control-G), затем расположите как показано на картинке ниже — на расстоянии 4 px от верхней и правой границ кнопки. Выделите кнопку и кружочки и сгруппируйте их вместе.

Шаг 9

Выделите группу правой кнопки мыши и дублируйте ее (Control-C > Control-F). Теперь отразите группу вертикально. Для этого кликните по ней правой кнопкой и выберите Transform > Reflect > Vertical/Трансформировать>Отразить>Вертикально. Расположите копию на место левой кнопки мыши.

Шаг 10

Рисуем место крепления провода. Создайте прямоугольник размером 8 x 6 px (#C6BCB9), для которого скруглите радиус двух верхний углов на 4 px. Укажите фигуре обводку как у предыдущих фигур.

Шаг 11

Теперь нам нужен только провод. Нарисуйте его при помощи линии длиной в 26 px и толщиной в 4 px (#302724).

Шаг 12

Выделите все объекты, составляющие мышь и сгруппируйте их. Теперь выделите фоновый круг и дублируйте его (Control-C>Control-F). В стеке слоев перетяните копию круга на самый верх. Выделите группу мыши и верхний круг, кликните по ним правой кнопкой и выберите Make Clipping Mask/Создать обтравочную маску.

Результат

Автор урока Andrei Ștefan

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

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




Комментарии

[an error occurred while processing the directive]


[an error occurred while processing the directive]