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

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

Рисуем иконку динамика в Adobe Illustrator

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

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

 

Результат

Шаг 1

Создайте новый документ, нажав Control+N. Укажите настройки для нового документа как показано на картинке ниже:

Шаг 2

Инструментом Ellipse/Эллипс нарисуйте круг размером 120 x 120 px, укажите ему заливку цвета #FF8D4D, и выровняйте его по центру относительно холста, как показано ниже.

Шаг 3

Создайте форму колонки, нарисовав Rounded rectangle/Прямоугольник со скругленными углами размером 40 x 64 px  и радиусом скругления углов в 8 px. Залейте фигуру цветом #776663, затем расположите ее как показано на картинке ниже.

Шаг 4

Укажите нашему прямоугольнику обводку. Для этого скопируйте фигуру (Control-C), вставьте ее копию на передний план (Control-F), снимите с копии заливку и укажите обводку цвета #422C21 толщиной в 4 px. Выделите оба прямоугольника и нажмите Control-G, чтобы сгруппировать их.

Шаг 5

Выделите только что созданную группу, копируйте ее (Control-C) и вставьте копию на передний план (Control-F). Инструментом Move/Перемещение сдвиньте прямоугольник на 12 px вправо.

Шаг 6

Нарисуем динамик, используя круг размером 24 x 24 px с цветом заливки #FFC550 и обводкой толщиной в 4 px и цвета #422C21. Выровняйте круг по вертикальному центру верхнего прямоугольника и разместите на 12 px выше его нижней стороны.

Шаг 7

Внутри круга нарисуйте круг поменьше размером 8 x 8 px и цветом заливки #422C21.

Шаг 8

Создайте еще один круг внутри большого круга. Укажите ему размер 14 x 14 px, обводку толщиной в 2 px и цветом #422C21. Выровняйте этот круг по центру большого.

Шаг 9

Инструментом Direct Selection/Прямое выделение (A) выделите правую и нижнюю точки и удалите их, нажав Delete. Укажите обводке скругленные концы.

Шаг 10

Повторите процесс с еще одним таким же кругом, но на этот раз удалите верхнюю и левую точки. Выделите все и сгруппируйте (Control-G).

Шаг 11

Создайте еще один круг — размером 8 x 8 px (цвет заливки - #FFC550, обводка толщиной в 4 px и цвета #422C21). Поместите круг как показано на картинке ниже.

Шаг 12

Создайте прямоугольник со скругленными углами размером 20 x 4 px, с цветом заливки #FFC550 и радиусом скругления углов в 2 px. Разместите прямоугольник как показано ниже. Выделите все и сгруппируйте, нажав Control-G.

Шаг 13

Завершите работу, расположив колонку на линии длинной в 68 px и толщиной в 4 px (цвет обводки #FFC550) со скругленными концами. Сгруппируйте все.

Результат

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

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

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




Комментарии

[an error occurred while processing the directive]


[an error occurred while processing the directive]