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

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

Новогодняя иллюстрация в Adobe Illustrator

12 декабря 2018 | Опубликовано в Уроки | Нет комментариев »

В этом уроке мы будем рисовать реалистичную новогоднюю иллюстрацию в Adobe Illustrator. Нашим основным инструментом станет сетчатый градиент. Именно с его помощью получается рисовать такие объемные и реалистичные объекты в векторном формате.

 

Результат

holiday retro background with champagne glasses

1. Рисуем бокалы шампанского

Шаг 1

Наш основной инструмент в этом уроке — Mesh Tool/Сетчатый градиент (U). С его помощью создайте сетку и форму бокала, как показано ниже.

Пусть бокал пока остается белым, но выкрасите крайние точки в цвет #454B3B чтобы создать обводку. Покрасьте еще немного точек в цвет #A5B29F.

champagne glass mesh

Шаг 2

Продолжаем раскрашивать бокал. Нам понадобятся оттенки:

  1. #E1D9C5
  2. #ABA28A
  3. #D7B594

gradient mesh

Шаг 3

Продолжаем добавлять цвета:

  1. #96BA77
  2. #160901
  3. #CB9011

how to use mesh

Шаг 4

Завершаем бокал.

  1. #431C02
  2. #EACE7A
  3. #F8EBA6

champagne glass mesh tutorial

Шаг 5

Рисуем овал цвета #F7F7F7. Добавляем ему окаемку цвета #454B3B.

wine glass tutorial

Шаг 6

Рисуем стеклянную ножку.

  1. #EAEBEA
  2. #211B14
  3. #7C8281

glass leg mesh

Шаг 7

Завершаем работу над ножкой.

  1. #B5D3CC
  2. #E89C99
  3. #F5F2E5

gradient mesh

Шаг 8

Рисуем базу для ножки.

  1. #DBECEB
  2. #789B96
  3. #41514C
  4. #FFFFFF
  5. #87998F
  6. #B7C7BF

retro background tutorial

Шаг 9

Завершаем сетчатый градиент.

  1. #A1C6BD
  2. #C7BC7E
  3. #000000

champagne glass mesh

Шаг 10

Собираем все элементы воедино.

alcohol glass

Шаг 11

Рисуем пузырьки для шампанского.

Для этого используем радиальный градиент цветов #F7C263 и #3D170D.

radial gradient champagne

Шаг 12

Рисуем еще один пузырек.

radial gradient

Шаг 13

И еще один.

champagne bubble

Шаг 14

Поместите пузырьки в шампанское.

champagne glass tutorial retro background

Шаг 15

Измените режим наложения стакана в палитре Transparency/Прозрачность на Multiply/Умножение.

transparency mode

2. Рисуем еловую ветку

Шаг 1

Начнем с создания еловой еголки.

  1. #9CA1AD
  2. #3D485A
  3. #CDCDD0
  4. #EEEDEC

pine needle mesh

Шаг 2

Рисуем еще одну иголку.

  1. #434E5F
  2. #1E2230
  3. #D6D6D9

gradient mesh pine branch

Шаг 3

Продолжаем раскрашивать иголки.

  1. #8A939E
  2. #7D838F

christmas tree needle

Шаг 4

Еще больше иголок.

  1. #434E5F
  2. #1E2230
  3. #7E8896
  4. #767F8E

gradient mesh

Шаг 5

Рисуем черную веточку, используя соответствующие настройки обводки в палитре Stroke/Обводка.

stroke

Шаг 6

Собираем иголки на ветку.

pine needle branch

Шаг 7

Создайте копию ветки и в меню выберите Effect > Warp > Arc/Эффект>Деформация>Дуга.

Используйте изгиб в -21%, затем Expand Appearance/Разберите оформление.

warp effect

Шаг 8

Собираем веточки в большую ветку.

pine branches background design in Illustrator

3. Рисуем часы

Шаг 1

Следующий элемент, за который мы возьмемся — часы.

Начнем с круг с радиальным градиентом цветов #FDF8F2 , #F5E8DD и #B4967F.

radial gradient clock

Шаг 2

Рисуем еще один круг и применяем к нему линейный градиент цветов:

  • #FFFFFF
  • #CEA66E
  • #FFFFFF
  • #6D5125
  • #7F5E2C
  • #4A3919

vector clock tutorial

Шаг 3

Еще один круг с еще одним линейным градиентом.

  • #DFC5A1
  • #20190E

linear gradient

Шаг 4

Рисуем подставку.

  1. #7E4F2B
  2. #362E25
  3. #FFFFFF

mesh pedestal

Шаг 5

Создаем копию побольше.

mesh clock

Шаг 6

Собираем подножки в одну большую общую.

mesh clock base tutorial

Шаг 7

Собираем часы — пока без стрелок и цифр.

vector clock tutorial

Шаг 8

Начинаем рисовать циферблат. Начнем с двух кругов без заливки и с обводкой черного цвета. Соединяем их вертикальной линией. Выделите линию и возьмите инструмент Rotate/Поворот ®. Зажмите клавишу Alt (так вы создадите копию) и поверните копию на -10º. Повторите пока не заполните весь круг.

rotate tool

Шаг 9

Рисуем маленький круг в центре. Возьмите инструмент Type on a Path/Текст по контуру (найдете его под инструментом Type/Текст).

Кликните по маленькому кругу и введите цифры. В нашем примере использован шрифт Birch Std.

roman numerals

Шаг 10

Рисуем стрелки, используя лини и обводку. Но обязательно Expand/Разберите обводку после этого.

clock hands vector

Шаг 11

Собираем циферблат на часах.

vector clock tutorial design in Illustrator

4. Рисуем ленту

Шаг 1

Рисуем сначала часть ленты и указываем ему линейный градиент.

  • #69471B
  • #BC994F
  • #FFFFF0
  • #FFE295
  • #69471B

gradient ribbon

Шаг 2

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

vector ribbon

Шаг 3

Еще один кусочек ленты и чуть другой градиент.

  • #593919
  • #FFE295
  • #FFFFF0
  • #BC994F
  • #593919

ribbon tutorial vector

Шаг 4

Другая часть ленты.

  • #69471B
  • #FFEBB2
  • #FFFCE5
  • #FFEBB2
  • #6F4120

design in Illustrator ribbon

Шаг 5

И тот де градиент для следующей части.

linear gradient

Шаг 6

Продолжаем использовать тот же градиент.

vector ribbon gradient

Шаг 7

Еще одна фигура.

  • #593919
  • #FFE295
  • #FFFFF0
  • #BC994F
  • #593919

design in Illustrator tutorial

Шаг 8

И последний градиент.

  • #593919
  • #BC994F
  • #FFFFF0
  • #FFE295
  • #593919

serpentine ribbon

Шаг 9

Его же используем для последней части ленты.

linear gradient

Шаг 10

Собираем ленту воедино.

vector ribbon tutorial

5. Рисуем фон в стиле ретро

Шаг 1

Рисуем прямоугольный фон с сетчатым градиентом из цветов:

  1. #D1D7E6
  2. #A7B5C1
  3. #D1D7E6
  4. #BDB9C2
  5. #E0DCEA
  6. #CBD8F0

winter mesh background

Шаг 2

Добавляем блик. Для этого рисуем овал с радиальным градиентом. Измените режим наложения фигуры на Screen/Осветление.

radial gradient screen

Шаг 3

Добавляем снежок. Как его сделать описано в этом уроке.

Добавьте бликов и примените к этой композиции прямоугольную обтравочную маску.

vector snow

Шаг 4

Поместите на фон часы.

winter retro background design in Illustrator

Шаг 5

Добавьте веточки, шампанское и ленту.

design in Illustrator new year

Шаг 6

Рисуем боке. Для этого используем базу цвета #223AFF и Gradient Transparency Mask/Градиентную маску. Укажите получившейся фигуре режим наложения Screen/Осветление и 60% Opacity/Непрозрачности.

bokeh light vector

Шаг 7

Добавляем еще один такой же элемент, но цвета #4CA2D5.

transparency mask

Шаг 8

И еще один цвета #B1C3FF.

bokeh light

Шаг 9

Собираем эффект боке.

bokeh lights tutorial

Шаг 10

Добавляем больше бликов, используя радикальный градиент от #342A1C к черному цвету в режиме наложения Color Dodge/Осветление основы и на 30% Opacity/Непрозрачности.

highlight vector

Шаг 11

Добавляем немного снега.

snow vector

Шаг 12

Помещаем все украшательство на нашу работу!

holiday retro background with champagne design in Illustrator

Результат

Holiday Retro Background with Champagne Glasses

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

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

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




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


− 1 = шесть

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