Как нарисовать бейдж в стиле лайнарт в Adobe Illustrator | ZZ Guru

Как нарисовать бейдж в стиле лайнарт в Adobe Illustrator

Александр

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

Рисуем щит

Возьмите инструмент Rectangle Tool (M) и нарисуйте прямоугольник. Заливка у фигуры выключена, обводка толщиной в 3 pt.

badge 01 2

Затем используйте инструмент Pen Tool (P), чтобы добавить дополнительную точку. Прямоугольник должен быть выделен, а перо Pen Tool следует поставить по центру верхней стороны прямоугольника и сделать левый клик. Если в иллюстраторе включены умные направляющие (Ctrl+U), то подсказки в виде вспомогательных линий укажут вам центр.

badge 02 3

Точно также ставим точку по центру нижней стороны прямоугольника.

badge 03 4

Теперь можно выделить верхнюю точку белой стрелочкой Direct Selection Tool (A), и переместить немного выше, использую клавиши со стрелками на клавиатуре. Нижнюю точку передвигаем вниз соответственно. Наша задача – сделать форму, похожую на щит.

badge 04 5

Далее нам понадобиться копия свежеиспеченного щита. Скопируем объект с помощью горячих клавиш Ctrl+C, а затем копию вставим поверх исходника через Ctrl+F.

badge 05 6

Сразу после этого идем в меню Effect > Path > Offset Path.

badge 06 7

И делаем отступ во внутрь. Копия станет немного меньше, образовав двойную линию.

badge 07 8

И в конце разбираем эффект через Object > Expand Appearance.

badge 08 9

Делаем ленту

Возьмите инструмент Rectangle Tool (M) и нарисуйте прямоугольник как на картинке ниже. Используйте панель Align, чтобы отцентрировать объекты, если изначально они будут стоять неровно.

badge 09 10

Используя перо Pen Tool (P), поставьте точку по центру боковой стороны прямоугольника.

badge 10 11

С противоположной стороны тоже ставим дополнительную точку.

badge 11 12

Затем эти точки нужно задвинуть немного во внутрь. Выделите сначала правую точку. Нажмите на клавиатуре стрелочку влево несколько раз, чтобы сместить точку. Затем выделите левую точку, и передвиньте её вправо, сделав столько же нажатий. Так точки передвинутся на одинаковое расстояние. Но если вы ошибетесь немного, то ничего страшного. Мы будем искажать ленту в следующих шагах, поэтому небольшие погрешности совсем незаметны.

badge 12 13

Итак, чтобы исказить ленту, нужно выделить все три точки с одной стороны. Возьмите Direct Selection Tool (A), и зажав Shift, выделите три точки справа.

badge 13 14

Нажимайте стрелочку вверх на клавиатуре, и правая сторона ленты начнет подниматься.

badge 14 15

Нам осталось избавиться от пересекающихся линий. Для этого берем инструмент ножницы Scissors Tool (C), и делая клики по линиям щита, разрезаем обводки. В местах разрезов будут появляться точки, а контур там будет размыкаться.

badge 15 16

Останется только удалить отрезанные линии с помощью кнопочки Delete на клавиатуре. А обводки щита настроить через панель Stroke, чтобы кончики линий стали скруглённые (Round Cap).

badge 16 17

Добавляем детали

Бейдж уже практически готов. Осталось добавить несколько линий. Их можно провести с помощью инструмента Line Segment Tool.

badge 17 18

Затем пишем текст. Если вы до этого не сталкивались с текстом в иллюстраторе, то вот урок для начинающих – Основы работы с текстом.

badge 18 19

Когда всё будет готово, бейдж можно поместить на какой-нибудь фон и перекрасить в любой цвет. В данном случае я взял векторный фон, сделанный из размытой фотографии. Как делать размытые фоны в иллюстраторе, вы можете узнать из этого урока – Четыре способа как сделать размытый векторный фон.

badge final 20

На этом у меня все. До скорого!

Подписывайтесь на канал Иллюстратор, чтоб не пропускать новые интересные уроки.

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

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

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