Как создать капельку воды в Adobe Illustrator | ZZ Guru

Как создать капельку воды в Adobe Illustrator

Александр

Всем привет. В этом уроке я научу вас создавать универсальную капельку воды, используя Обтравочную маску и градиентную заливку. Капельки воды созданные таким образом могут быть расположены на любой текстуре, и на векторной и на растровой, и текстура под каплей будет выглядеть увеличенной  – как и у настоящей капельки воды.

Шаг 1

Давайте начнем наш урок с создания листа. Возьмите инструмент Перо (P) и создайте замкнутый контур, аналогичный показанному на рисунке ниже.

01 2

Шаг 2

Создайте прямоугольник, используя инструмент прямоугольник (M) и поверните его так, что он находился вдоль лепестка. Прямоугольник должен располагаться на слое ниже фигуры, границы лепестка не должны пересекать границы  прямоугольника.

02 3

Шаг 3

Выберите прямоугольник и перейдите в Объект > Создать сетчатый градиент и введите данные с изображения ниже.

03 4

Выберите прямоугольник и лепесток и перейдите в Объект > Обтравочная маска > Создать

04 5

Шаг 4

Теперь приступим к градиентной сетке. Соберите верхние точки в одной точке и расположите ее на верхушке лепестка.  Следует отметить, линии градиентной сетки не должны пересекать форму лепестка, в противном случае будет повреждена его форма.

05 6

Расположите точки градиентной сетка так чтобы форма сетки была близка к форме лепестка.

06 7

Шаг 5

Возьмите Инструмент “Сетчатый градиент” (U) и добавьте несколько линий к градиентной сетке, кликнув на нижнюю границу.

07 8

Замените цвета созданных точек на различные оттенки зеленого.

08 9

Шаг 6

Переходим к созданию прожилок на листе. Возьмите Инструмент “Перо”  (P) и создайте две кривые шириной 1 пиксель, напоминающие форму границ листа.

09 10

Выберите кривые и перейдите в Объект > Переход  > Создать . Теперь перейдите в Объект  > Переход >  Параметры перехода. и установите размер шага 25.

10 11

Шаг 7

Выберите Переход и перейдите в Объект > Переход > Разобрать теперь у нас есть коллекция кривых одинаковой ширины и высоты. Давайте сделаем прожилки листа более разными. Выберите отдельные линии используя Инструмент “Прямое Выделение” (А) и поменяйте их ширину на панели Обводка в пределах 0.75 – 2 пт. Для того чтобы сделать прожилки более реалистичными, вы можете применить Объектную кисть, такую как Pencil Thin.

11 12

Шаг 8

Выберите все прожилки и перейдите в Объект > Разобрать оформление и заполните их линейным градиентов состоящим из двух оттенков зеленого.

12 13

Шаг 9

Теперь перейдем к теме нашего урока – созданию капли воды. Возьмите инструмент Эллипс (L) и создайте эллипс. Измените форму эллипса с помощью Инструмента “Прямое Выделение” (А) и создайте форму, похожую на изображении ниже.

13 14

Шаг 10

Скопируйте форму и вставьте ее впереди дважды. Сделайте две верхние фигуры невидимыми и заблокируйте их на панели Слои. Они на понадобятся позже.

14 15

Шаг 11

Текстура части листа, покрытая каплей должна выглядеть больше из-за оптических характеристик капли. Сгруппируйте все элементы листа, Скопируйте и вставьте их на переднем плане. Выберите копию и перейдите в Объект > Трансформировать  > Масштабирование, установите значение 120% в диалоговом окне и нажмите ОК.

15 16

Выберите форму капли и увеличенный лист и перейдите в Объект > Обтравочная маска > Создать.

16 17

Шаг 12

Разблокируйте нижнюю фигуру капли и сделайте ее видимой на панели слоев. Я надеюсь Вы не пропустили 10 шаг? Заполните форму радиальным градиентом от белого к белому с непрозрачностью 0%.

17 18

Разблокируйте верхнюю форму капли и сделайте ее видимой на панели слоев. Заполните эту форму радиальным градиентом от темно-зеленого цвета с непрозрачностью 0% до темно-зеленого цвета.

18 19

Цвет градиента зависит от цвета объекта, на котором лежит капля, Вы можете выбрать основной цвет объекта, используя Инструмент “Пипетка” (I) и сделайте его темнее добавляя черный на панели Цветов ( я использую цветовую модель CMYK). Теперь примените этот цвет к градиенту.

Шаг 13

Создаем блик на капле. Возьмите Инструмент Эллипс (L) и создайте эллипс. Измените форму, используя Инструмент “Прямое Выделение” (А), создайте фигуру как на изображении ниже. Заполните форму линейным градиентом от белого с 70% непрозрачностью до белого с 0% непрозрачностью.

19 20

Шаг 14

Создаем отражение источника света на капле. Создайте два круга с помощью инструмента Эллипс (L). Заполните оба круга белым цветом, делая круг побольше прозрачным.

20 21

Выберите оба круга и перейдите в меню Объект > Переход > Сделать.

21 22

Шаг 15

Создаем тень капли. Возьмите Pen Tool (P) и создайте форму тени. Теперь скопируйте форму капли и вставьте ее на передний план, выберите копию капли и тень, нажмите Minus Front на панели Обработка контуров.

22 23

Форма тени должна располагаться  вне источника света , закрепите форму с помощью Инструмента”Прямое Выделение”(A).

23 24

Тень капли не будет однородной, заполните ее радиальным градиентом от белого к темно-зеленому с непрозрачностью 56%.

24 25

Шаг 16

Созданная капля может быть перемещена по текстуре, проделав простую процедуру на панели Слои. Сначала, сгруппируйте все элементы капли, выберите каплю и заблокируйте нижний слой с увеличенным листом на панели Слоев. Теперь вы можете передвигать каплю по текстуре.

25 26

Шаг 17

Создайте еще несколько капель. Скопируйте каплю и уменьшите размер.

26 27

Текстура под каплями поменьше меньше увеличена. Выберите увеличенный лист, который заблокирован обтравочной маской и панели Слоев и снизьте до 90%.

27 28

Создайте еще несколько капель, используя ту же технику.

28 29

Шаг 18

Теперь пришел черед фона. Возьмите инструмент Прямоугольник (М) и создайте прямоугольник зеленого цвета, который лежит под всеми объектами композиции.

29 30

Возьмите Инструмент “Сетчатый градиент”  (U) и добавьте много точек, формируя градиентную сетку. Замените цвет этих точек на различные оттенки зеленого. Фон создаст иллюзию растений, которые находятся на заднем плане, но не в фокусе.

30 31

Возьмите Инструмент “Прямое Выделение” (А) и искривите некоторые линии градиентной сетки.

31 32

Шаг 19

Создание финальной композиции. Возьмите инструмент Прямоугольник(М) и создайте квадрат.

32 33

Выберите все объекты композиции (Command + A) и перейдите в Объект > Обтравочная маска > Cоздать. Для лучшего контраста dы можете сделать композицию в черной рамке, создав черный квадрат и поместив его на слое ниже нашей основной работы.

00 34

Заключение

Созданная капля – универсальна, вы можете расположить ее на любом объекте – растровом или векторном. Текстура внутри капли не только увеличена но еще и искривлена. В этих случаях вы можете деформировать увеличенный объект, который расположен под Обтравочной маской с помощью Инструмента “Раздувание”. Помните, что нижний слой должен быть заблокирован, когда Вы искривляете.

33 35

На этом у меня все. До скорого!

Подписывайтесь на канал Иллюстратор, чтоб не пропускать новые интересные уроки.

Космическая ретушь
0 комментарий

Похожие статьи

0 комментариев
Межтекстовые Отзывы
Посмотреть все комментарии