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

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

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

image 2

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

image 1 3

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

image 2 4

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

image 4 5

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

image 6 6

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

image 8 7

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

image 10 8

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

image 12 9

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

image 14 10

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

image 16 11

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

image 18 12

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

image 19 13

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

image 20 14

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

image 22 15

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

image 24 16

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

image 26 17

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

image 27 18

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

image 28 19

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

image 29 20

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

image 30 21

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

image 31 22

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

image 32 23

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

image 33 24

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

image 34 25

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

image 35 26

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

image 37 27

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

image 38 28

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

image 39 29

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

image 40 30

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

image 41 31

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

image 42 32

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

image 43 33

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

image 44 34

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

image 45 35

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

image 47 36

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

image 48 37

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

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

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