Vectorboom
Уроки / Иллюстрации / Comments: 2

Создание векторного пера в Adobe Illustrator с помощью плагинов Astute Graphics

Ярослав Лазунов
21.03.2013
Цель Урока
урок создания векторного пера в adobe illustrator

В этом уроке мы рассмотрим все процессы создания реалистичного векторного пера в Adobe Illustrator, начиная с эскиза и заканчивая созданием мелких элементов. На протяжении урока мы будем использовать Dynamic Sketch Tool и InkScribe Tool, которые ускорят процесс создания сложных форм. Мы также научимся управлять тенью при помощи Phantasm CS.

Создание эскиза при помощи Dynamic Sketch Tool

Шаг 1

Начнем наш урок с создания эскиза. Редко дизайнеры создают эскиз в Adobe Illustrator, предпочитая Photoshop. Я думаю это дело привычки. Мы можем создать эскиз сразу в Illustrator. Для этого будем использовать  Dynamic Sketch Tool, который судя по названию, для этого и предназначен.

Выбираем этот инструмент, затем открываем его панель (Window > DrawScribe > Dynamic Sketch Panel). Включаем функцию "edit or continue existing paths” в этой панели. Установим значения Accuracy и Smoothness levels. Чем выше значение Accuracy level, тем точнее создаваемый путь будет повторять движения вашей руки. Чем выше Smoothness level, тем более гладким будем путь. Эти значения зависят от размера вашего эскиза, и вы можете управлять ими в процессе рисования. Кроме того, все пути, созданные при помощи Dynamic Sketch Tool, являются динамическими, то есть их параметры могут быть изменены в любое время. Вы можете установить зависимость ширины контура от выбранного параметра, например, от давления на стилус или скорости перемещения курсора.

Я выбрал значение "None”, то есть путь будет иметь постоянную ширину. Итак, рисуем перо и форму падающей тени.

Для настройки инструмента вы также можете использовать диалоговое окно Dynamic Sketch Preferences. Для его открытия дважды кликните по иконке инструмента на панели инструментов или нажмите на Turn/Enter.

Создание векторных форм при помощи InkScribe Tool

Шаг 2

Для дальнейшей работы нам нужно создать векторные объекты, которые мы будем заливать цветами. Форма пера представляет собой довольно сложную форму, поэтому мы будем использовать InkScribe Tool. Этот инструмент является более гибким, чем Pen Tool (P). И в этом мы сейчас убедимся в процессе работы. Группируем все элементы эскиза и блокируем их в панели Layers. Берем InkScribe Tool, затем открываем его панель (Window > DrawScribe > InkScribe Panel).

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

Для управления ручками точки нам нет необходимости брать Direct Selection Tool (A), все манипуляции осуществляются при помощи InkScribe Tool.

Если у вас возникнет необходимость изменить вид точки, то достаточно выбрать соответствующую опцию в панели InkScribe или просто дважды кликнуть по точке или ее ручке.

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

Создание стержня пера  и детализация формы при помощи Dynamic Sketch Tool

Шаг 3

Для создания стержня пера возьмем Dynamic Sketch Tool и установим зависимость ширины пути от давления на стилус. Вам также нужно установить значения максимальной и минимальной ширины пути. Теперь создадим путь, как это показано  на рисунке ниже.

Так как мы будем заливать форму стержня разными заливками, конвертируем его в закрытый путь. Для этого переходим Object > Path > Outline Stroke.

Шаг 4

Создадим несколько криволинейных путей, используя Dynamic Sketch Tool, как это показано на рисунке ниже.

Выделим все пути и переходим Object > Path > Outline Stroke, затем переходим Object > Compound Path > Make (Cmd / Ctrl + 8)

Выделяем форму пера и составной путь, затем нажимаем Minus Front в панели Pathfinder.

Если вы хотите сделать путь более "чистым”, уменьшив количество точек, то используйте InkScribe или PathScribe для умного удаления точек. Для этого предназначены соответствующие кнопки в панелях этих инструментов. Если вы используете InkScribe Tool, то просто кликайте по точкам, которые вы собираетесь удалить, удерживая при этом Opt / Alt key.

Окраска  пера

Шаг 5

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

Для того чтобы изменить распределение света, передаваемое этой заливкой, нам необходимо преобразовать ее в градиентную сетку. Для этого, не снимая выделения с объекта, переходим Object > Expand…, затем кликаем Gradient Mesh в диалоговом окне.

В результате мы получим градиентную сетку, которая ограничена при помощи Clipping Mask. Заблокируйте Clipping path в панели Layers для удобства работы. Теперь вы можете легко манипулировать узлами градиентной сетки, добиваясь нужного вам эффекта.

Шаг 6

Создадим окружность при помощи Ellipse Tool (L) и зальем ее радиальным градиентом, который состоит из желтого и двух синих слайдеров. Правый слайдер этого градиента должен иметь Opacity 0%

Теперь переходим Object > Expand…, затем кликаем Gradient Mesh в диалоговом окне.

Переходим Object > Clipping Mask > Release, затем Object > Path > Clean Up…

В результате мы получили градиентную сетку без clipping path.

Шаг 7

Берем Warp Tool (Shift + R) и "размазываем” градиентную сетку по поверхности пера.

Вы можете добавлять новые линии к градиентной сетке и перекрашивать ее узлы, используя Direct Selection Tool (A) и Eyedropper Tool (I).

Шаг 8

Копируем форму пера и вставляем ее выше градиентной сетки. Заливаем эту форму белым цветом.

Выделяем белую форму и градиентную сетку, затем выбираем Make Opacity Mask в сплывающем меню панели  Transparency.

Это действие скроет часть градиентной сетки, которые выходят за пределы формы пера.

Заливаем форму стержня пера радиальным градиентом, которые передают его цвета.

Шаг 9

Создадим окружность с заливкой радиальным градиентом от красного к черному цвету.

Установим для этой окружности режим смешивания Screen в панели Transparency.

Преобразуем окружность в эллипс при помощи Selection Tool (V), затем повернем и поместим в верхней части стебля пера.

Таким образом, мы создали блик.

Создание прожилок пера

Шаг 10

Используя InkScribe Tool и Pen Tool (P) создайте криволинейные сегменты на одной из частей пера. Применим к этим путям Width Profile 1 в панели Stroke.

Выделяем пути и переходим Object > Blend > Make, затем Object > Blend > Blend Options и устанавливаем необходимое количество шагов.

Установим режим смешивания Screen для бленд объекта в панели Transparency.

Шаг 11

Теперь переходим Object > Blend > Expand. Так мы получили группу криволинейных сегментов.

Берем Scissors Tool (C) и разрезаем пути в точках их пересечения с контуром пера. Части выходящие за его пределы следует удалить.

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

Шаг 12

Для того чтобы прожилки выглядели более естественно применим к ним кисть Pencil – Thin, которую вы сможете найти в библиотеке кистей.

После этого вам снова нужно применить Width Profile 1 в панели Stroke, для того чтобы восстановить форму прожилок.

Создание пуха

Шаг 13

Берем Polar Grid Tool и создаем группу объектов показанных на рисунке ниже.

Параметры этого инструмента не имеют особого значения. Теперь переходим Object > Path > Outline Stroke.

Берем Scallop Tool и совершаем горизонтальное движение по группе объектов слева направо, удерживая кнопку мыши.

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

Шаг 14

Помещаем пух ниже всех объектов и заливаем радиальным градиентом от коричневого к белому цвету. Белый цвет смягчит концы пуха.

Дублируем пух и помещаем копию выше всех созданных объектов. Заливаем эту группу радиальным градиентом, который содержит белый, светло-коричневый и темно-коричневый цвет с opacity 0%

Добавим еще несколько волосков при помощи Dynamic Sketch Tool.

Создание Drop Shadow

Шаг 15

Заливаем форму тени голубым цветом, затем переходим Effect > Blur > Gaussian Blur и устанавливаем радиус размытия в диалоговом окне.

Для управления размытием мы будем использовать Phantasm CS Publisher. Итак, переходим Effect > Phantasm CS > Curves…, выбираем Alpha Image Channel и изменяем форму кривой, наблюдая за происходящими изменениями.

Вы можете сместить размытие вглубь объекта.

Или, напротив, сместить размытие за его пределы.

И даже получить свечение на границах тени.

Другими словами при помощи Phantasm CS Publisher вы получаете полный контроль над тенью.

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

Всего комментариев: 2
0
1  
Здравствуйте, Ярослав. Подскажите, пожалуйста, можно ли в плагине IncScribe удалять одну из ручек точки, как это делается Pen tool - зажав Alt кликнуть на ручку? Спасибо.

0
2  
Да, shift + двойной клик по ручке

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