В этом уроке мы будем создавать красивые бирки для распродаж в Adobe Illustrator. Для начала мы нарисуем реалистичный бант при помощи инструмента Mesh/Сетчатый градиент, затем создадим специальную кисть, из которой позже сделаем красивую веревочку. Остается только сама бирка и колечко для отверстия. Вы можете использовать эти иллюстрации для подарочных сертификатов, объявлениях о скидках и распродажах.

1. Рисуем бант

Шаг 1

Мы советуем для начала пролистать урок до Шага 11, чтобы понимать какую именно часть банта вы создаете. Так будет понятнее.

Начнем с создания первой части банта. Нарисуйте прямоугольник цвета #FC221D. Возьмите инструмент Mesh/Сетчатый градиент (U) и создайте сетку внутри прямоугольника, кликая по местам, где хотите добавить новый узел — пересечение линий сетки. Переместите крайние точки, чтобы создать нужную вам форму.

Постарайтесь повторить сетку на скриншоте ниже.

Выделите указанные ниже точки и перекрасьте их в цвет #BE1819. Добавляйте новые точки и перекрашивайте их в следующие цвета:

1. #FC221D
2. #BE1819
3. #EABE57
4. #ED483A

Шаг 2

Возьмемся за вторую часть банта. Начнем также с прямоугольника. Тем же способом создайте сетку и форму. Используйте цвета:

1. #FC221D
2. #C81100
3. #F77F6B

Шаг 3

Завершаем вторую часть оттенками:

1. #8C0703
2. #CA1505

Шаг 4

Третью часть банта таким же способом.

1. #E52722
2. #BE1920
3. #EA6B56
4. #B70811

Шаг 5

Четвертая часть.

1. #E52722
2. #B70A0C
3. #FD907A
4. #6C0205

Шаг 6

Пятая часть совсем простая. Рисуем ее из овала.

1. #940000
2. #BA0000

Шаг 7

Поместите пятую часть под четвертую.

Шаг 8

Рисуем шестую часть.

1. #C81313
2. #F06E5F
3. #9D0709
4. #830303

Шаг 9

Теперь седьмая часть.

1. #DC0E00
2. #FF9073
3. #B20E01
4. #820A00

Шаг 10

Восьмая часть.

1. #E02B1F
2. #FF8D76
3. #AA0900
4. #CB1E13
5. #7A0900

Шаг 11

Собираем все части в бант!

Шаг 12

Добавляем под бант тень. Для этого рисуем овал и указываем ему радиальный градиент от цвета #A76969 к белому в режиме наложения Multiply/Умножение.

Шаг 13

Поместите тень под бант.

2. Рисуем веревочку

Шаг 1

Инструментом Pen/Перо (P) нарисуйте простую фигуру как на рисунке 1 скриншота ниже.

Зажмите клавишу Alt и переместите копию вправо так, чтобы фигуры немного накладывались одна на другую. Важно сделать это одним движением, иначе следующий шаг не сработает.

Нажмите Control-D чтобы повторить последнее действие. Ваш ряд фигур должен продолжиться. Продолжайте множить их. Нам нужно 100 штук.

Шаг 2

Выделите всю веревку и перетащите ее в палитру Brushes/Кисти. В появившемся окне выберите Art Brush/Изобразительная кисть.

Шаг 3

Инструментом Pen/Перо (P) нарисуйте линию для нитки. Укажите ей нашу кисть и настройте Stroke/Обводку так, чтобы она была нужной толщины.

Шаг 4

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

Выделите все части веревки и укажите им радиальный градиент от белого к #F5DEDE и к #BC2725.

Шаг 5

Рисуем колечко, в которое будет продеваться веревка. Для этого создаем круг и указываем ему радиальный градиент  (#835114 - #8D5A1D - #FECD23 - #79460F).

Шаг 6

Рисуем круг поменьше внутри большого круга, выделяем оба круга и кликаем по иконке Minus Front/Минус верхний в палитре Pathfinder/Обработка контура.

Шаг 7

Выделите одну часть веревки и пошлите ее на задний план (Shift-Control-[), чтобы скрыть ее за колечком, и создать впечатление что веревочка проходит сквозь кольцо.

3. Рисуем бирки

Шаг 1

Из круга и прямоугольника со скругленными углами одинаковой высоты создайте одну фигуру. Выделите обе фигуры и кликните по иконке Unite/Объединить в палитре Pathfinder/Обработка контура.

Шаг 2

«Проколите» бирку при помощи круга и функции Minus Front/Минус верхний в палитре Pathfinder/Обработка контура.

Шаг 3

Укажите бирке цвет, затем дублируйте фигуру и укажите верхней копии градиент в режиме Multiply/Умножения, на 50% Opacity/Непрозрачности.

Шаг 4

Собираем все части вместе.

Шаг 5

Введите текст или цену для бирки.

Шаг 6

Добавляем бант.

Шаг 7

Вы можете сделать бирки разных форм по той же схеме.

Шаг 8

Соберите разные бирки в набор.

Результат

Автор  урока Vladimir Galantsev

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

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

• Рисуем пшеницу в Adobe Illustrator
• Абстрактный золотой фон в Adobe Illustrator
• Осенние листья в Adobe Illustrator