Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
  1. Design & Illustration
  2. Effects

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

by
Read Time:6 minsLanguages:

Russian (Pусский) translation by Гульнара Ахметова (you can also view the original English article)

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


Шаг 1

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


Шаг 2

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


Шаг 3

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

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


Шаг 4

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

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


Шаг 5

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

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


Шаг 6

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

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


Шаг 7

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


Шаг 8

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


Шаг 9

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


Шаг 10

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


Шаг 11

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

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


Шаг 12

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

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

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


Шаг 13

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


Шаг 14

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

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


Шаг 15

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

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

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


Шаг 16

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


Шаг 17

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

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

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


Шаг 18

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

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

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


Шаг 19

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

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


Заключение

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

One subscription.
Unlimited Downloads.
Get unlimited downloads