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

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

Бирки для скидок в Adobe Illustrator

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

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

 

 


Big Set of Sales Tags

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

Шаг 1

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

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

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

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

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

draw bow with mesh

Шаг 2

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

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

use mesh tool

Шаг 3

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

  1. #8C0703
  2. #CA1505

finish bow

Шаг 4

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

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

draw bow with mesh

Шаг 5

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

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

draw right part of bow

Шаг 6

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

  1. #940000
  2. #BA0000

draw with mesh

Шаг 7

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

assemble pieces

Шаг 8

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

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

draw middle piece of bow

Шаг 9

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

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

draw mesh bow

Шаг 10

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

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

draw last part of bow

Шаг 11

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

assemble mesh bow

Шаг 12

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

draw gradient

Шаг 13

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

place shadow

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

Шаг 1

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

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

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

draw rope

Шаг 2

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

add brush

Шаг 3

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

apply brush

Шаг 4

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

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

apply gradient

Шаг 5

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

gradient ring

Шаг 6

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

minus front

Шаг 7

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

send rope to back

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

Шаг 1

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

draw label

Шаг 2

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

cut out hole

Шаг 3

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

add gradient

Шаг 4

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

add rope

Шаг 5

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

write sale

Шаг 6

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

add bow

Шаг 7

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

ellipse label triangle label
rectangle label circle label

Шаг 8

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

final collection

Результат

Set of sales tags

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

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

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




Комментарии

Оставить ответ


семь − = 4

Вставить изображение