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

Александр
0 комментарий

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

Шаг 1

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

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

Шаг 2

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

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

Шаг 3

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

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

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

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

Шаг 4

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

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

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

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

Шаг 5

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

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

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

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

Шаг 6

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

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

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

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

Шаг 7

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

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

Шаг 8

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

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

Шаг 9

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

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

Шаг 10

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

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

Шаг 11

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

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

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

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

Шаг 12

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

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

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

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

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

Шаг 13

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

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

Шаг 14

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

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

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

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

Шаг 15

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

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

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

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

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

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

Шаг 16

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

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

Шаг 17

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

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

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

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

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

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

Шаг 18

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

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

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

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

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

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

Шаг 19

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

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

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

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

Заключение

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

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

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

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

0 комментарий
0

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