() 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оздать. Для лучшего контраста Вы можете сделать композицию в черной рамке, создав черный квадрат и поместив его на слое ниже нашей основной работы.
Заключение
Созданная капля - универсальна, Вы можете расположить ее на любом объекте - растровом или векторном. Текстура внутри капли не только увеличена но еще и искривлена. В этих случаях Вы можете деформировать увеличенный объект, который расположен под Обтравочной маской с помощью Инструмента"Раздувание" . Помните, что нижний слой должен быть заблокирован, когда Вы искривляете.
