Vectorboom
Советы / Техники / Comments: 9

Валентинка, Векторная роза, Поздравительная открытка

Ярослав Лазунов
16.01.2013
Цель урока
Greeting Card for Valentine's Day

 

 

Вы можете скачать исходный векторный файл к данному уроку

 

 

 

 

В этом уроке мы создадим векторные лепестки роз при помощи градиентной сетки. Сделать это быстро нам поможет бесплаьный плагин  - Mesh Tormentor. С его помощью мы также создадим scatter brush из мэшей, что никаким другим способам невозможно сделать в Adobe Illustrator. Окрашивать все узлы одним кликом, изменять структуру  градиентной сетки – это далеко не все что может этот замечательный плагин.

Создание необычной градиентной сетки.

Шаг 1

В качестве референсного изображения мы будем использовать Red rose petal collection с Shutterstock.  Запускаем Adobe Illustrator, затем открываем фотографию лепестков (File > Open…).

Создаем окружность при помощи Ellipse Tool (L) с заливкой произвольного цвета и без обводки. Уменьшим прозрачность этой окружности в панеле Transparency.

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

Шаг 2

Теперь создадим градиентную сетку так, чтобы расположение ее линий соответствовало структуре лепестка розы. Для дальнейшей работы  нам потребуется Mesh Tormentor plug-in, который вы сможете скачать по следующей ссылке. Открываем панель плагина (Window > Mesh Tormentor) и, не снимая выделения с окружности, нажимаем на кнопку "Create one cell mesh".

Окружность конвертировалась в градиентную сетку, которая содержит тоже количество узлов, что и исходный объект. Хочу отметить, что операция Object > Create Gradient Meshes… приведет к изменению количества узлов и, следовательно, нам не подходит.

Шаг 3

Берем Add Anchor Point Tool и создаем две новых точки на верхней правой дуге окружности.

При помощи Direct Selection Tool (A) или Lasso Tool (Q) выделяем точки A и B, затем нажимаем на кнопку "Move Corner Node" в панеле Mesh Tormentor.

Выделяем точки C и D, и нажимаем на кнопку "Move Corner Node" снова.

Те же действия совершаем с точками D и E, затем с точками F и A.

Манипуляции, проделанные в этом шаге, привели к изменению осей градиентной сетки. Вы можете в этом убедиться, если создадите несколько новых узлов при помощи Mesh Tool (U).

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

Шаг 4

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

М-да! Я думаю, лучше повернуть сетку на 180 градусов, в этом случае она лучше будет соответствовать структуре лепестка.

Редактирование формы и окраска градиентной сетки

Шаг 5

При помощи Direct Selection Tool (A) изменим положение узлов лежащих на границе сетки так, чтобы ее форма соответствовала форме лепестка. Во время этой работы заблокируйте референсное изображение в панеле слоев для того, чтобы не сместить его случайно в процессе редактирования точек.

Добавим новые узлы к контуру сетки при помощи Add Anchor Point Tool и продолжим редактировать контур градиентной сетки.

Идеальная точность нам не нужна, однако следите за тем, чтобы точки, в которых пересекаются линии сетки лежали над лепестком, а не на белом фоне. Именно эти точки будут окрашены в дальнейшем.

Шаг 6

Чем больше точек будет иметь градиентная сетка, тем больше будет векторный лепесток похож на оригинал.  Поэтому я добавил еще несколько узлов при помощи Mesh Tool (U) (18).

Хочу заметить, что слишком большое количество узлов хоть и добавит реализма, но все же очень увеличит размер файла, поэтому не увлекайтесь слишком этим процессом.

Шаг 7

Увеличим прозрачность до 100% в панеле Transparency.

Разблокируем референс в палитре слоев, выделим его и градиентную сетку.

Теперь нажимаем на кнопку "Capture colors from embedded raster image" в панеле плагина.

Узлы сетки мгновенно окрашены в цвета референсного изображения.

Подумайте, сколько вы сэкономите времени при окраске узлов!

Шаг 8

Если градиентная сетка выглядит недостаточно реалистично, добавьте новые точки к сетке и повторите операцию окрашивания при помощи Mesh Tormentor. Кстати, для удвоения количества точек вы можете воспользоваться кнопкой "Increase mesh density".

Создание Scatter brush из Gradient Mesh

Шаг 9

Если вы любите экспериментировать в Adobe Illustrator, то наверняка знаете, что градиентную сетку невозможно сохранить как Scatter или Art brush.

Но это возможно сделать с помощью Mesh Tormentor. Давайте посмотрим, как это можно сделать.  Выделяем градиентную сетку, затем нажимаем на Make BMG button в панеле Mesh Tormentor.

Теперь gradient mesh превратился в группу обычных векторных объектов.

Очень прошу вас не редактировать полученные объекты, в противном случае дальнейший результат будет непредсказуем.

Шаг 10

Перетаскиваем эту групп в панель кистей и сохраняем новую кисть, как Scatter brush.

Здесь хочу заметить, что вы можете сохранить объекты также и как Art Brush, но это не соответствует задачам текущего урока. Внесем в открывшееся диалоговое окно ряд случайных значений и нажмем на OK.

Шаг 11

Берем Paint Brush Tool (B) и создаем произвольный путь.

Теперь нам нужно конвертировать наши странные объекты обратно в градиентные сетки. Для этого сначала переходим Object > Expand Appearance.

Затем нажимаем на кнопку "Convert BMG into Mesh" в панеле плагина.

Как вы можете видеть, лепестки опять превратились в мэши.

Шаг 12

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

 

 

Вы можете скачать исходный векторный файл к данному уроку

 

 

 

 

Всего комментариев: 0
Только зарегистрированные пользователи могут добавлять комментарии.
[ Registration | Login ]
twitter RSS facebook deviantart feed dribbble
Логин
Пароль
Новости Форума
 
Перепечатка, копирование или воспроизведение информации в каком-либо виде строго запрещены.
Все материалы, которые размещены на этом сайте не подлежат дальнейшему воспроизведению и/или распространению в любой форме, кроме как с письменного разрешения автора.