Опубликован новый урок по программе Adobe Illustrator.
Опубликован новый урок по Adobe Illustrator. Как нарисовать бесшовный арабский узор или мозаику, взяв за основу один квадрат.
Опубликован новый урок по Adobe Illustrator. Простой способ нарисовать абстрактный фон с боке, позволяющий быстро менять цвет иллюстрации.

Подписаться на рассылку
E-mail*:

Урок 23. Телефонная трубка для иконок WhatsApp или Viber

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

Урок Adobe Illustrator. Телефонная трубка для иконок WhatsApp или Viber

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

Используемые в уроке инструменты и команды (в скобках даны клавиатурные сокращения для быстрого вызова):

  • Selection Tool ‹V› — черная стрелочка: для выделения и перемещения объекта целиком, а также для его масштабирования;
  • Rotate Tool ‹R› — инструмент поворота объектов;
  • Scale Tool ‹S› - инструмент для масштабированя объектов;
  • Ellipse Tool ‹L› - инструмент для рисования эллипсов и окружностей;
  • Polygon Tool — инструмент для рисования многоугольников;
  • Shape Builder Tool ‹Shift›+‹M› — создание фигур: предназначен для быстрого объединения и создания новых фигур. Позволяет объединять и стирать кусочки фигур, разделенные границами объектов;

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

Урок Adobe Illustrator. Телефонная трубка для иконок WhatsApp или Viber. Умные направляющие

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

Урок Adobe Illustrator. Телефонная трубка для иконок WhatsApp или Viber. Инструмент Ellipse Tool

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

Урок Adobe Illustrator. Телефонная трубка для иконок WhatsApp или Viber. Рисование окружности

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

Урок Adobe Illustrator. Телефонная трубка для иконок WhatsApp или Viber. Рисование окружности

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

Урок Adobe Illustrator. Телефонная трубка для иконок WhatsApp или Viber. Вызов инструмента Scale Tool

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

Урок Adobe Illustrator. Телефонная трубка для иконок WhatsApp или Viber. Использование инструмента Scale Tool

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

Урок Adobe Illustrator. Телефонная трубка для иконок WhatsApp или Viber. Использование инструмента Scale Tool

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

Урок Adobe Illustrator. Телефонная трубка для иконок WhatsApp или Viber. Инструмент Selection Tool

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

Урок Adobe Illustrator. Телефонная трубка для иконок WhatsApp или Viber. Использование инструмента Selection Tool для выделения объектов

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

Урок Adobe Illustrator. Телефонная трубка для иконок WhatsApp или Viber. Выбор якорного объекта для выравнивания Align

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

Урок Adobe Illustrator. Телефонная трубка для иконок WhatsApp или Viber. Палитра Align

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

Урок Adobe Illustrator. Телефонная трубка для иконок WhatsApp или Viber. Палитра Align

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

Урок Adobe Illustrator. Телефонная трубка для иконок WhatsApp или Viber. Выравнивание по правому краю. Палитра Align

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

Урок Adobe Illustrator. Телефонная трубка для иконок WhatsApp или Viber. Выделение объекта

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

Урок Adobe Illustrator. Телефонная трубка для иконок WhatsApp или Viber. Использование инструмента Scale Tool

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

Урок Adobe Illustrator. Телефонная трубка для иконок WhatsApp или Viber. Выделение объектов

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

Урок Adobe Illustrator. Телефонная трубка для иконок WhatsApp или Viber. Выравнивание объектов

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

Урок Adobe Illustrator. Телефонная трубка для иконок WhatsApp или Viber. Выравнивание объектов

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

Урок Adobe Illustrator. Телефонная трубка для иконок WhatsApp или Viber. Выделение объектов

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

Урок Adobe Illustrator. Телефонная трубка для иконок WhatsApp или Viber. Инструмент Rotate Tool

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

Урок Adobe Illustrator. Телефонная трубка для иконок WhatsApp или Viber. Использование диалогового окна инструмента Rotate Tool

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

Урок Adobe Illustrator. Телефонная трубка для иконок WhatsApp или Viber. Использование диалогового окна инструмента Rotate Tool

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

Урок Adobe Illustrator. Телефонная трубка для иконок WhatsApp или Viber. Использование инструмента Scale Tool
Урок Adobe Illustrator. Телефонная трубка для иконок WhatsApp или Viber. Использование инструмента Scale Tool

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

Урок Adobe Illustrator. Телефонная трубка для иконок WhatsApp или Viber. Инструмент Selection Tool

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

Урок Adobe Illustrator. Телефонная трубка для иконок WhatsApp или Viber. Инструмент Polygon Tool

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

Урок Adobe Illustrator. Телефонная трубка для иконок WhatsApp или Viber. Инструмент Polygon Tool

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

Урок Adobe Illustrator. Телефонная трубка для иконок WhatsApp или Viber. Инструмент Polygon Tool

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

Урок Adobe Illustrator. Телефонная трубка для иконок WhatsApp или Viber. Инструмент Polygon Tool. Изменение количества вершин многоугольника

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

Урок Adobe Illustrator. Телефонная трубка для иконок WhatsApp или Viber. Использование инструмента Scale Tool для рисования пятиугольника
Урок Adobe Illustrator. Телефонная трубка для иконок WhatsApp или Viber. Использование инструмента Scale Tool для рисования пятиугольника

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

Урок Adobe Illustrator. Телефонная трубка для иконок WhatsApp или Viber. Выделение объектов

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

Урок Adobe Illustrator. Телефонная трубка для иконок WhatsApp или Viber. Инструмент Shape Builder Tool

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

Урок Adobe Illustrator. Телефонная трубка для иконок WhatsApp или Viber. Инструмент Shape Builder Tool. Объединение областей

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

Урок Adobe Illustrator. Телефонная трубка для иконок WhatsApp или Viber. Результат работы инструмента Shape Builder Tool:

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

Урок Adobe Illustrator. Телефонная трубка для иконок WhatsApp или Viber

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

Урок Adobe Illustrator. Телефонная трубка для иконок WhatsApp или Viber

Другие уроки Adobe Illustrator






Если вам интересно попробовать себя в стоковом бизнесе - регистрируйтесь на фотобанках по этим ссылкам:

ShutterStock.com 
Dreamstime.com
DepositPhotos.com
BigStockPhotos.com
VectorStock.com
123rf.com

Я всегда буду рада ответить на все ваши вопросы: nataly@stockers.ru

Крупнейший в мире фотобанк, работающий по подписке и наиболее любимый авторами — доход от продаж на нем часто составляет до 60% от продаж на всех остальных фотобанках вместе взятых. Кроме фотографий и векторных иллюстраций ShutterStock также продает видеоролики, причем, для загрузки видео авторам пока даже не требуется проходить экзамен.
Один из тех фотобанков, которые можно посоветовать новичку. Экзамена на нем нет, документа для регистрации не требуется, зато к качеству работ требования не самые низкие. По доходности занимает обычно второе-третье место среди остальных фотобанков.
Молодой, активно развивающийся фотобанк с программой стимулирования авторов. Удобный интерфейс, в том числе и на русском языке.
Еще один фотобанк, который подойдет новичкам, так как не требует для регистрации ни удостоверения личности, ни прохождения экзамена. Небольшой теоретический тест по вступительному руководству — и можно начинать работать. Единственный фотобанк, который «угадывает» категории по ключевым словам.
Банеры для регистрации