В этом уроке мы научимся создавать значок в стиле ретро в Adobe Illustrator. Мы будем работать с контурами, использовать эффекты, и создавать тени. Урок достаточно прост, также в исходниках вы найдете используемые шрифты. Или же можете применить собственные.

Исходники

• Шрифт Bebas Neue
• Шрифт Bebas
• Шрифт Marketing Script 

Шаг 1

Создайте новый документ в Illustrator размером 600px на 450px.

Шаг 2

Выберите цвет #EF4036 для заливки. Возьмите инструмент Ellipse Tool / Эллипс (L) и кликните в документе. В появившемся окне укажите 355px ширины и высоты, нажмите OK. В палитре Layers / Слои назовите фигуру Base1.

Шаг 3

Выделите фигуру Base1 и в меню выберите Object > Path > Offset Path / Объект > Контур > Создать параллельный контур. Укажите отступ в -15px.

Смените цвет для нового круга на черный и назовите фигуру Base2.

Шаг 4

Выделите круг Base2 и укажите ей параллельный контур с отступом в -4px. Смените цвет заливки нового круга на #F1EAD1 и назовите фигуру Base3.

Шаг 5

Выделите круг Base3 и укажите ему параллельный контур с отступом в -15px. Смените цвет заливки для нового круга на #DDD2B1 и назовите фигуру Base4.

Шаг 6

Выделите круг Base1 и укажите ему параллельный контур в -5px. Укажите новому обводку черного цвета (#231F20) толщиной в 1pt.

Выделите новый контур и укажите ему параллельный контур с отступом в -5px.

Шаг 7

Теперь мы создадим эффект стежка. Выделите круг Base3 и укажите ему параллельный контур в -7px. Укажите ему обводку черного цвета толщиной в 2pt.

Теперь обратите внимание на Stroke Panel / Палитру Обводка и выберите вариант dashed line / пунктирная линия, введите 4pt для линии  и 2pt для расстояния между ними.

Шаг 8

Теперь мы нарисуем ленту. Возьмите инструмент Pen Tool / Перо (P) и нарисуйте фигуру как на картинке ниже. Укажите ей заливку цвета #02877A и обводку цвета #404041 толщиной в 1pt.

Теперь выделите фигуру и в меню выберите Object > Transform > Reflect / Объект >Трансформировать>Отразить. Выберите отражение по горизонтальной оси и нажмите кнопку Copy/Копия.

Выделите обе фигуры и теперь отразите их по вертикальной оси, также нажав Copy/Копия.Разместите копию как показано ниже, после чего выделите все четыре фигуры и в палитре Pathfinder / Обработка контура нажмите кнопку Unite / Объединить (Shift + Ctrl + F9).

Шаг 9

Выделите ленту и в меню выберите Effect > Warp > Arc / Эффект >Деформация>Дуга. Укажите в параметре Bend / Изгиб 15% и выберите горизонтальную ось.

Шаг 10

Не снимая выделения с ленты в меню выберите Object > Expand Appearance / Объект > Разобрать оформление.

Выделите ленту и нажмите Ctrl+C, чтобы скопировать ее и  to Ctrl+B, чтобы вставить копию на задний план. Укажите нижней копии черный цвет заливки и переместите ее немного ниже, как на картинке ниже.

Шаг 11

Теперь создадим тень от ленты. Выделите копию ленты (ту, которая черного цвета), скопируйте ее и вставьте на задний план (Ctrl+ C > Ctrl+ B). Переместите копию ниже 8-10 шагов. Уменьшите ее при помощи инструмента Selection Tool / Выделение (V). Смените blending mode/режим наложения на Multiply/Умножение и снизьте до 70% opacity / непрозрачность в палитре Transparency/Прозрачность (Shift+ Ctrl+ F10).

Выделите тень ленты и изогните на 10% по горизонтальной оси.

Шаг 12

Теперь нарисуйте фигуру для ленты как показано на картинке ниже. Используйте инструмент Pen Tool / Перо (P). Разместите фигуру на самый задний план. Укажите ей цвет заливки #02877A и обводку цвета #404041 толщиной в 1pt.

Выделите только что созданную фигуру и в меню выберите Object > Transform > Reflect / Объект >Трансформация > Отразить. Отразите фигуру по горизонтальной оси и нажмите Copy/ Копия. Расположите копию на противоположную сторону значка.

Шаг 13

Выберите в качестве цвета для заливки #404041 и возьмите инструмент Rectangle Tool / Прямоугольник (M). Нарисуйте им узкий прямоугольник как на картинке ниже. Выделите его и поверните при помощи инструмента Selection Tool / Выделение (V), разместите на ленте. После этого отразите копию прямоугольника и разместите его на противоположной части ленты.

Шаг 14

Добавим текст. Выберите в качестве цвета заливки #F1EAD1, возьмите инструмент Type Tool / Текст (T) и введите текст. В примере был использован шрифт Bebas Neue.

Шаг 15

Выделите текст и в меню выберите Effect > Warp > Arc / Эффект > Деформация > Дуга. Изогните его на 11% по горизонтальной оси. Проследите чтобы изгиб и размер текста соответствовали ленточке.

Выделите текст и в меню выберите Effect > Stylize > Drop Shadow / Эффект > Стилизация > Тень. Введите параметры как на картинке ниже.

Шаг 16

Теперь добавим текст на значок. Выберите в качестве цвета заливки #231F20 и возьмите инструмент Type Tool / Текст (T), чтобы ввести текст. В примере был использован шрифт Bebas. Введите параметры указанные на картинке ниже.

Выделите только что созданный текст и укажите ему тень.

Шаг 17

Также можете добавить дополнительный текст шрифтом Marketing Script.

Шаг 18

Теперь заполните пустующие места, нарисовав несколько прямоугольников и звезд.

Вот и всё!

Автор урока Anum K

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

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

• Вырезаем бумажный узор в Adobe Illustrator
• Рисуем абстрактный ледяной узор в Adobe Illustrator
• Рисуем объемную птицу-оригами в Adobe Illustrator