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

Иконка пригодится для обозначения уровня заряда, к примеру, но основная польза от урока более общего характера. Вы поймете как в плоском векторном стиле изображать предметы в том числе с округлыми краями.


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

Шаг 1

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

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

Шаг 2

Начинаем работу над иконкой. Для начала нарисуйте прямоугольник размером 20 x 4 px. Укажите ему цвет заливки #B6B6C1. Разместите прямоугольник в рабочей области как показано ниже.

2-creating-and-positioning-the-main-shape-for-the-batterys-bottom-cap.png

Шаг 3

Настройте только что созданную фигуру, округлив нижние углы на 4 px. Для этого воспользуйтесь параметром Radius/Радиус в палитре Transform/Трансформировать в разделе Rectangle Properties/Настройки прямоугольника.

3-adjusting-the-shape-of-the-batterys-bottom-cap.png

Шаг 4

Рисуем основную фигуру размером 28 x 48 px (#3E3D49), и размещаем ее как показано ниже. Скруглите нижние углы на 2 px.

4-creating-and-positioning-the-main-shape-for-the-lower-section-of-the-battery.png

Шаг 5

Рисуем два прямоугольника размером 8 x 16 px и цвета #F2C47C, размещаем их как показано ниже.

5-creating-and-positioning-the-main-shapes-for-the-batterys-bolt-symbol.png

Шаг 6

Возьмите инструмент Delete Anchor Point/Удалить опорную точку (-) и кликните по левому верхнему углу верхнего прямоугольника, удалив точку. Таким же способом удалите нижнюю правую точку нижнего прямоугольника.

6-adjusting-the-shape-of-the-batterys-bolt-symbol.png

Шаг 7

Рисуем еще два прямоугольника, на этот раз размером 28 x 4 px. Укажите им цвета #C4C4CC и #3E3D49 и расположите как показано ниже.

7-creating-the-ring-section-of-the-battery.png

Шаг 8

Рисуем верхнюю часть. Создайте прямоугольник размером 28 x 24 px (#D69569), и скруглите верхние углы на 2 px. Расположите прямоугольник как показано ниже.

8-adding-the-batterys-upper-section.png

Шаг 9

Рисуем знак плюс из двух прямоугольников размером 8 x 2 px и 2 x 8 px (#3E3D49). Выделите оба прямоугольник и сгруппируйте их нажав Control-G.

9-adding-the-plus-sign-to-the-batterys-upper-body.png

Шаг 10

Завершаем батарейку верхней фигурой. Это прямоугольник размером 12 x 4 px (#B6B6C1), верхние углы которого нужно скруглить на 2 px. Выделите всю батарейку и сгруппируйте все элементы (Control-G).

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

Результат

tutorial-preview-large-1.png


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


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

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

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

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

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