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

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

Эко-иллюстрация на сетчатых градиентах в Adobe Illustrator

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

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

 

Результат

light bulb vector

1. Рисуем лампочку

Шаг 1

Начнем с прямоугольника цвета #3E4A56. Теперь берем инструмент Mesh/Сетчатый градиент (U) и добавляет точки внутри прямоугольника, создавая сетку.

Смещаем точки так, чтобы получить форму лампочки. Выделяем крайние точки и указываем им цвет #D2D6E0.

Продолжаем создавать новые точки, выделять и окрашивать. Следуем инструкции на картинке ниже. Вам понадобятся следующие оттенки:

  1. #3E4A56
  2. #D2D6E0
  3. #FFFFFF
  4. #F4F4F4
  5. #D0D5DF
  6. #A0A8B2

mesh lightbulb tutorial

Шаг 2

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

Нарисуйте фигуру как показано ниже. Укажите ей цвет заливки #B4B4B5. Смените режим наложения на Screen/Осветление и снизьте до 80% Opacity/Непрозрачность.

Поместите блик на лампочку.

gradient mesh

Шаг 3

Рисуем патрон. Начинаем с прямоугольника и следуем инструкциям ниже. Вам понадобятся следующие цвета:

  1. #212631
  2. #FAFAFB
  3. #66707A

mesh lightbulb

Шаг 4

Рисуем еще одну часть.

  1. #212631
  2. #C7CAD0
  3. #FFFFFF
  4. #5B5F66

vector lightbulb

Шаг 5

И нижнюю часть.

  1. #26292E
  2. #626872
  3. #CBCFD4

gradient mesh

Шаг 6

Собираем патрон.

mesh bulb

Шаг 7

Собираем лампочку.

draw light bubl vector tutorial

Шаг 8

Теперь внутри лампочки вы можете разместить что угодно. Например нарисовать траву с божьей коровкой из этого урока.

Разместите их внутри фигуры в форме лампочки, затем создайте Make a Clipping Mask/Обтравочную маску, чтобы отрезать лишнее.

clipping mask

Шаг 9

Сверху помещаем нашу лампочку. Рисуем еще один блик, как показано ниже. Укажите фигуре режим наложения Screen/Осветление и 80% Opacity/Непрозрачности. Поместите фигуру поверх лампочки в нижней ее части.

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

highlight light bulb

Шаг 10

Рисуем белый прямоугольник, добавляем точку сетчатого градиента, и делаем верхние края прозрачными.

transparent mesh

Шаг 11

Помещаем отраженную копию лампочки под оригинал, сверху — только что созданный прямоугольник.

reflection vector

2. Рисуем бабочку

Шаг 1

Начнем с крыльев, пока черного цвета.

wing outline

Шаг 2

Рисуем узоры. Начинаем с черного цвета, внутренний цвет - #FFF3A0.

gradient mesh

Шаг 3

Еще элементы с теми же цветами.

butterfly vector

Шаг 4

Теперь фигуры с цветом #FF6000.

mesh element

Шаг 5

И еще одна фигура. Используйте цвета:

  1. #000000
  2. #FFFFFF
  3. #BDDEDD

mesh vector

Шаг 6

Создайте несколько копий фигуры.

gradient mesh

Шаг 7

И еще немного.

mesh part

Шаг 8

Украшаем фигурами крыло.

insect wing

Шаг 9

И вторую часть крыла тоже.

how to draw a buttefly

Шаг 10

Собираем крыло.

mesh wing

Шаг 11

Создайте отраженную копию и при помощи инструмента Shear/Наклон укажите наклон в 211° по горизонтальной оси.

Собираем бабочку.

vector butterfly tutorial

Шаг 12

Рисуем тельце.

  1. #160C0B
  2. #4A3828
  3. #4C4A3F

butterfly mesh

Шаг 13

И усики. Нарисуйте кривую и укажите ей параметры как показано ниже в палитре Stroke/Обводка. Затем Expand/Разберите объект.

stroke

Шаг 14

Собираем тельце.

butterfly mesh

Шаг 15

Помещаем его под крылышки.

vector butterfly tutorial

Шаг 16

Сажаем бабочку на лампочку.

light bulb vector

Результат

light bulb vector

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

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

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




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


+ девять = 10

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