Vectorboom
Советы / Инструменты / Comments: 0

Как создать векторный контур Использование WidthScribe и Adobe Illustrator

Ярослав Лазунов
20.01.2014
Цель Урока

В этом уроке мы научимся создавать векторный контур в Adobe Illustrator, используя Width Brush Tool, Width Eraser Tool и Width Selector Tool, которые являются инструментами WidthScribe плагина и предназначены для удобной работы с путями переменной ширины.

Сегодня мы будем создавать векторный контур комического персонажа и прежде, чем мы начнем, давайте вкратце рассмотрим несколько способов, которыми можно это сделать. Обычно профессиональные иллюстраторы, рисуя персонажи, используют контур переменной ширины. Это позволяет сделать необходимые акценты и делает иллюстрацию более динамичной. Для этих целей чаще всего используют Blob Brush Tool или Paint Brush Tool. Blob Brush Tool создает закрытый путь. Это быстрый способ создания контура, однако, в случае неудачной попытки у вас нет возможности изменить направление или ширину контура или такое редактирование займет неоправданно много времени.

Если вы используете Paint Brush Tool, то путь остается открытым и это дает вам возможность редактировать его направление, но ширину на отдельных участках вы не сможете отредактировать.

То есть в случае ошибки при использовании Blob Brush Tool или Paint Brush Tool контур легче перерисовать, чем редактировать.

Начиная с версии CS5, Adobe Illustrator имеет функцию Variable Width Stroke, которая позволяет редактировать ширину пути локально при помощи Width Tool (W). Однако работу с этим инструментом вряд ли можно сравнить с работой кистью, к которой так привыкли художники. Сегодня мы поговорим о новых инструментах, которые позволяют работать более натурально, используя все преимущества функции Variable Width Stroke.

Шаг 1

На рисунке ниже представлен рисунок персонажа, контуром которого являются равномерный путь одинаковой ширины.

Этот контур был создан на основании эскиза, который любезно предоставила Вика Васильева. Вы можете создать такой контур при помощи Pen Tool (P) или InkScribe Tool.

Шаг 2

Для создания путей с переменной шириной мы будем использовать Width Brush Tool, который является одним из инструментов WidthScribe плагина.

Теперь вы можете воздействовать на выделенные пути, используя мышку или Графический планшет (все пути на рисунке ниже выделены, я просто спрятал линии подсветки контура (Cmd / Ctrl + H)).

Шаг 3

Но давайте сначала рассмотрим некоторые опции Width Brush Tool для того, чтобы вы могли работать абсолютно уверенно. Возьмем Width Brush Tool, затем нажмем на Return / Enter, что приведет к открытию диалогового окна Width Brush Tool. Здесь вы можете изменять размер кисти. Этот размер соответствует площади, в пределах которой будет происходить воздействие на выделенные пути.

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

Шаг 4

Жесткость соответствует плавности изменения ширины пути в месте воздействия. Для иллюстрации этого параметра рассмотрим воздействие на путь с экстремальными значениями жесткости равными 0% и 100%.

При создании контура иллюстрации лично я предпочитаю работать с жесткостью 0%.

Шаг 5

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

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

Шаг 6

И наконец, параметр Optimisation влияет на количество маркеров ширины, которые образуются в результате применения Width Brush Tool. Чем меньше значение Optimisation, тем больше маркеров будет иметь путь. То есть изменение ширины будет точнее соответствовать движению вашей руки. При более высоких значениях Optimisation путь будет иметь меньше маркеров ширины. Он будет более гладким, но менее точным. Создавая иллюстрацию к этому уроку, я работал с параметром Optimisation равным пяти, что является хорошим компромиссом между точностью и гладкостью.

Шаг 7

Теперь давайте посмотрим на Width Brush Tool в процессе работы. Для достижения нужного результата вы можете несколько раз применять Width Brush Tool к выделенному пути, совершая повторные движения вдоль его траектории.

Если вам потребуется уменьшить ширину в каком-нибудь месте, просто удерживайте Shift и сделайте мазок кистью в нужном месте.

Я всегда испытывал трудности при создании контура, который сначала расширяется, затем сужается, а потом опять расширяется. Используя Width Brush Tool, создать подобный контур не проблема.

Шаг 8

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

Причина в наличии лишних маркеров ширины. Если нажать и удерживать Opt / Alt, то все маркеры ширины станут видны.

Кроме того, Opt / Alt включает другой инструмент WidthScribe плагина – Width Eraser Tool. Если провести этим инструментом по лишним маркерам, они будут удалены.

Кстати, Width Eraser Tool также можно взять на Панели инструментов.

Его размеры изменяются также, как и у Width Brush Tool путем нажатия на клавиши правая и левая квадратная скобка.

Шаг 9

Для заострения концов путей можно использовать еще один инструмент WidthScribe плагина – Width Selector Tool. Для открытия его панели переходим Window > WidthScribe > Width Selector panel. Клик по этой панели активизирует этот инструмент. Теперь выделяем конечный маркер ширины одного из путей, затем нажимаем на кнопку Taper Stroke.

Шаг 10

Кроме того, Width Selector Tool позволяет перемещать ширину выделенных маркеров в сторону. Открываем диалоговое окно Width Selector Preferences путем нажатия на клавишу Return / Enter и отмечаем "Shift stroke from side to side”. Теперь нажатие на клавиши с квадратными скобками, приведет к смещению пути.

Шаг 11

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

Поверьте, это заняло у меня меньше времени, чем написание этого небольшого урока. Не обязательно на начальном этапе создания контура рисовать равномерный путь. Вы можете создать путь с переменной шириной при помощи Dynamic Sketch Tool (DynamicSketch plug-in)

Затем, при необходимости продолжить редактирование при помощи WidthScribe плагина, используя весь арсенал его инструментов.

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