Как нарисовать иконку колонки в Иллюстраторе

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

Banner for lessons 001.jpg

Пример HTML-страницы

Как нарисовать иконку колонки в Иллюстраторе

Готовим документ

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

1-setting-up-a-new-document.png

Шаг 1

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

3-creating-the-main-shape-for-the-reference-grid.png

Шаг 2

Сверху растяните квадрат размером 56 x 56 px с белым цветом заливки (#FFFFFF). Расположите его по центру.

4-adding-the-active-drawing-area.png

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

Теперь приступим к созданию самой иконки.

Шаг 1

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

6-creating-the-background-for-the-mouse-icon.png

Шаг 2

Создайте новый прямоугольник со скругленными углами размером 28 x 36 px и радиусом скругления углов в 4 px. Укажите фигуре белый цвет заливки (#FFFFFF) и поместите ее по центру рабочей области.

7-creating-the-main-shape-for-the-speakers-body.png

Шаг 3

Укажите фигуре обводку цвета #31353F и толщину в 4 px. Запомните настройки для этой обводки, мы будем пользоваться ими далее.

8-adding-the-outline-to-the-speakers-main-body.png

Шаг 4

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

9-creating-the-main-shapes-for-the-speakers-woofer.png

Шаг 5

Добавьте линию длиной в 4 px и с нашими параметрами обводки. Только укажите обводке скругленные концы. Выделите все элементы, составляющие колонку, и сгруппируйте их, нажав Control-G.

10-finishing-off-the-speaker-icon.png

Результат

final.jpg

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


Ссылка на источник

Как нарисовать иконку колонки в Иллюстраторе
Пример HTML-страницы

Также уроки которые могут вас заинтересовать

Комментарии 271

Для того, чтобы оставить комментарий, авторизуйтесь или зарегистрируйтесь.

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