в ,

Телефонная трубка для мессенджера

В уроке мы рассмотрим алгоритм создания иллюстрации телефонной трубки, которая может быть использована как иконка социальных сетей, чатов и мессенджеров, например, таких как Viber или WhatsApp:

3 image

Перед началом работы проверьте, что у вас включены «умные направляющие»: View->Smart Guides

4 image 1

В панели инструментов выберите Ellipse Tool или нажмите кнопку L на клавиатуре для быстрого вызова этого инструмента:

2 image 2

Щелкните в любом месте рабочей области, появится диалоговое окно, в котором нужно вписать диаметр рисуемой окружности. Теоретически, он может быть любой, я впишу 100px:

4 image 4

На экране появится окружность:

4 image 6

Не снимая выделения с окружности, дважды щелкните левой кнопкой мыши по инструменту Scale Tool для вызова диалогового окна:

3 image 8

В поле Uniform введите значение 25% и нажмите кнопку «Copy»:

3 image 10

На экране отобразятся две окружности: исходная и ее 25 процентная копия:

3 image 12

Возьмите инструмент Selection Tool (черная стрелочка):

3 image 14

Выделите обе окружности:

3 image 16

Теперь необходимо выровнять объекты по правому краю. Для начала щелкните еще раз по внешней окружности — это нужно для того, что бы указать программе относительно какой фигуры нужно произвести выравнивание. При этом действии такой объект подсветится более толстой синей обводкой:

2 image 18

Теперь в палитре Align кликните по кнопке «Horizontal Align Right». По-умолчанию, эта панель появляется справа при выделении объекта:

3 image 19

Если панели Align нет на рабочей области, то ее можно вызвать через меню Window->Align:

4 image 20

В результате этого шага окружности будут выглядеть так:

3 image 22

Снимите выделение, щелкнув мышью в любом свободном месте рабочей области и снова выделите только большую окружность:

3 image 24

Снова вызовите диалоговое окно инструмента Scale Tool, дважды кликнув по нему в панели инструментов и создайте еще одну копию окружности 25% от исходной:

4 image 26

Инструментом Selection Tool (черная стрелочка) выделите исходную окружность и только что созданную, не задевая предыдущую копию:

1 image 27

Еще раз кликните по большому кругу для того, чтобы указать относительно какого объекта нужно будет выровнять:

4 image 28

И выровняйте окружности по верхнему краю, нажав на кнопку «Vertical Align Top»:

2 image 29

Выделите все три окружности:

4 image 30

Найдите в панели инструментов Rotate Tool:

3 image 31

Дважды кликните по иконке инструмента, чтобы вызвать диалоговое окно и введите в поле Angle значение 45:

3 image 32

И нажмите кнопку Ok:

3 image 33

По аналогии с предыдущими копиями, самостоятельно создайте 75%-ую копию внешней окружности при помощи инструмента Scale Tool:

4 image 34

Выберите инструмент Selection Tool и кликните им в любом месте рабочей области, чтобы снять выделение с полученной окружности. Иначе чуда не произойдет:

3 image 35

Теперь понадобится инструмент Polygon Tool, выберите его в группе форм:

4 image 37

Наведите курсор на центр большой окружности. Если вы включили «умные направляющие», как описано в самом начале урока, программа подскажет вам, когда именно вы будете находиться над ним:

2 image 38

Начните рисовать многоугольник от центра окружности, зажав левую кнопку мыши:

2 image 39

Чтобы уменьшить количество углов многоугольника, нажмите «стрелочку вниз» на клавиатуре, потому что нам понадобится пятиугольник:

1 image 40

Зажмите Shift на клавиатуре и доведите верхнюю точку пятиугольника до внутренней окружности:

1 image 41

Теперь нужно выделить все нарисованное. Это можно сделать при помощи Selection Tool (черная стрелочка) или просто нажав Ctrl+A на клавиатуре:

1 image 42

Выберите инструмент Shape Builder Tool (Shift+M):

3 image 43

Объедините области, которые нужны для формы телефонной трубки, проведя курсором с зажатой левой кнопкой мыши:

2 image 44

Результат работы инструмента Shape Builder Tool:

2 image 45

Инструментом Selection Tool (черная стрелочка) выделите ненужные части и удалите кнопкой Delete на клавиатуре:

3 image 47

Теперь можно использовать эту форму для создания своих иллюстраций. Например, для иконок социальных сетей и мессенджеров:

1 image 48

Проголосуйте:

Аватар
Подписаться
Уведомить о
0 комментариев
Межтекстовые Отзывы
Посмотреть все комментарии
logo 5

Как сделать анимацию прелоадера в Adobe Illustrator

shablon illyustrator 1

Рисуем городской пейзаж в Adobe Illustrator