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

Как создавать элементы винтажного орнамента в Adobe Illustrator

Ярослав Лазунов
03.08.2015

Сегодня вы узнаете, как создавать элементы векторного винтажного орнамента при помощи инструментов PathScribe, Extend Path и Smart Remove Brush плагина VectorScribe. Эти инструменты помогут нам быстро и легко создавать узоры в виде узлов и спиралей. Точно позиционировать элементы нам поможет ColliderScribe. Для конвертации равномерных путей в пути переменной ширины мы используем WidthScribe. Наслаждайтесь работой с хорошими инструментами.

Точное управление точками при помощи PathScribe Tool

Шаг 1

При помощи PathScribe Tool (плагин VectorScribe) мы можем управлять ручками нескольких выбранных точек, что позволяет нам создавать довольно сложные симметричные фигуры. Давайте создадим эллипс, откроем панель PathScribe (Window > VectorScribe > PathScribe panel) и возьмем PathScribe Tool.

Удерживая Shift, выделяем ручки точек A и B (такую естественную операцию вы не сможете выполнить при помощи стандартных инструментов Illustrator) . По умолчанию в числовом поле Rotate установлен угол 180 градусов, нажимаем на кнопку Rotate.

Шаг 2

Теперь выделяем гладкие точки C и D, затем конвертируем их в угловые, нажав на кнопку Convert to corner point в панели PathScribe.

Выделяем при помощи PathScribe Tool ручки точек C и D.

Берем за одну ручку и поворачиваем ее внутрь фигуры. Как вы можете видеть, все выделенные точки повернулись симметрично.

Шаг 3

PathScribe Tool обеспечивает нам высокую точность в управлении точками. При необходимости вы можете установить точную длину, угол наклона ручек и координаты выделенной точки в панели PathScribe. Я удлинил ручки точек A and B.

Шаг 4

Создадим еще один эллипс. Выделим верхнюю и нижнюю точку, затем нажмем кнопку Smart remove point в панели PathScribe.

Не смотря на удаление двух из четырех точек, форма фигуры существенно не изменилась.

Шаг 5

Выделяем ручки одной из точек при помощи PathScribe Tool и нажимаем на кнопку Rotate.

Мы получили фигуру в виде знака бесконечности. Я хочу, чтобы петли фигуры выглядели более гладкими, более скругленными. Выбираем Add Points to Horizontal Tangencies в сплывающем меню панели PathScribe. Автоматически создались четыре новых точки. Теперь выделим точки A и B, затем нажимаем кнопку Smart remove point.

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

Используя PathScribe Tool, я создал еще несколько подобных элементов.

Создание спиральных элементов с Extend Path Tool

Шаг 6

Создадим окружность, затем выделим точки A и B и удалим их.

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

Шаг 7

Берем Extend Path Tool и нажимаем на кнопку Enter/Return для открытия диалогового окна Extend Path Preferences. Выбираем здесь режим Spiral Extension и Scale Radius at Path Endpoint.

Нажимаем на конечную точку, аннотация показывает нам вид будущей спирали. Для управления ее параметрами предназначены клавиши со стрелками: Left/Right стрелка уменьшает/увеличивает масштабный коэффициент, а Up/Down стрелка уменьшает/увеличивает коэффициент расширения спирали. Больше информации о горячих клавишах для этого инструмента вы можете получить в статье Extend Path Tool Keyboard Shortcuts. Итак, когда вид аннотации нас устраивает, продлеваем путь до нужной точки.

Управлять формой спирали при помощи Extend Path Tool намного удобней, чем при помощи native Spiral Tool.

Шаг 8

Создадим еще одну спираль из четверти окружности при помощи Extend Path Tool.

Мне нужно чтобы спирали точно касались друг друга. Берем Rotate At Collision Tool (плагин ColliderScribe). Тянем вторую спираль до касания с первой, о чем сигнализирует красный маркер столкновения, затем перекатываем ее, в нужное положение. Берем Extend Path Tool и подрезаем лишнюю часть второй спирали.

Добавим еще одну спираль.

Шаг 9

Отразим созданные элементы относительно горизонтальной и вертикальной оси (кстати, это удобно сделать при помощи MirrorMe), добавим горизонтальные линии, которые продлены спиральными путями при помощи Extend Path Tool. Рамка для текста готова.

Освоив эту технику, я создал еще несколько спиральных элементов.

Придаем узорам ретро вид

Шаг 10

Все созданные элементы состоят из путей равномерной ширины. Line art популярный стиль сейчас, поэтому вы можете оставить узоры в таком виде.

Но название урока обязывает меня придать орнаменту винтажный вид, и рассказать вам больше о возможностях плагинов Astute Graphics. В ретро орнаментах обычно используются линии переменной толщины. Быстро видоизменить пути нам поможет Width Gradient Tool (плагин WidthScribe). Берем инструмент, открываем панель Width Gradient (Window > WidthScribe > Width Gradient panel). Здесь выбираем максимальную и минимальную ширину пути, вид градиента и закон распределения ширины при помощи диаграммы.

Выделяем путь и растягиваем вдоль него Width Gradient.

Используя разнонаправленные Width Gradients, вы можете довольно быстро предать орнаментам ретро вид.

Шаг 11

Иногда над формой узора приходится работать дополнительно, для того чтобы усовершенствовать ту или иную его часть. Если это ваш случай, то выделите необходимый элемент, затем переходим Object > Path Outline Stroke…

Как вы можете видеть, Adobe Illustrator создал множество лишних точек и такой путь редактировать невозможно! К счастью, VectorScribe имеет инструмент, который может спасти ситуацию. Это Smart Remove Brush Tool, который сметает множество лишних точек на своем пути. Берем инструмент, нажимаем на Enter/Return для открытия диалогового окна Smart Remove Brush Preferences. Устанавливаем значение Fixed Tolerance. Я подобрал оптимальное значение для моего случая, это 10 единиц.

Теперь проведем кистью по выбранному пути…

Из 332 точек осталось только 25, при этом форма объекта изменилась весьма незначительно. Теперь мы можем продолжить редактирование объекта при помощи PathScribe Tool, придавая ему совершенную форму. А совершенство, как известно, не имеет предела, даже если вы создаете его совершенными инструментами. Успехов вам в творчестве!

Всего комментариев: 24
0
1  
Здравствуйте, подскажите пожалуйста где найти Extend Path Tool в плагине VectorScribe?

0
2  
Он находится в одной группе с PathScribe Tool на панели инструментов

0
4  
В панели инструментов у меня есть  Dynamic Shapes, Dynamic Corners, PathScribe, Dynamic Measure. Я так понимаю он должен всплывать в окне при нажатии на PathScribe Tool, но у меня нет этого окна.

0
5  
У вас старая версия плагина

0
3  
Ярослав, спасибо! Отличный урок, именно то что надо в данный момент))

0
6  
"Удерживая Shift, выделяем ручки точек A и B (такую естественную операцию вы не сможете выполнить при помощи стандартных инструментов
Illustrator) . По умолчанию в числовом поле Rotate установлен угол 180
градусов, нажимаем на кнопку Rotate." - нет этих всех полей в PathScribe panel (в AI 5) или я что-то делаю не так? wacko

0
7  
Извините) все нашла

0
8  
wacko Кнопка rotate должна появлятся автоматически? Мне постоянно надо открывать Select Handles... ? весьма не удобно sad

0
9  
Нужно выделять ручки при помощи PathScribe Tool

0
10  
"ШАГ 1. Удерживая Shift, выделяем ручки точек A и B . По умолчанию в числовом поле Rotate установлен угол 180 градусов, нажимаем на кнопку Rotate."
Делаю все это при помощи PathScribe Tool с Shift, окошко не появляется. После вашей подсказки , получается , но по одной точке проделать все описанное в шаге 1.
Можно конечно быть уже довольной)) Но, я хочу освоить плагин и быстро рисовать с ним и вот, не пойму, даже как-то разочаровывает тормознутость его работы (этого и других моментов). Или дело во мне, не пойму))

1
11  
Много всего написала))) Конкретизирую вопрос: Как выделить 2 или более количество точек с зажатым Shift и при этом выделить их ручки, чтобы появилось поле rotate

0
12  
Работаю дизайнером давно и как выделять точки всеми способами и стандартными инструментами знаю от и до. Но, PathScribe Tool постоянно тупит, сижу с ним второй день, уже принципиально хочу с ним разобраться. Спасибо Вам за статьи и ответы!

0
13  
Присоединяюсь к вопросу о выделении точек, я их выделяю, но окно с rotate не появляется. Оно появляется , если нажать на инструмент выделение всех !! ручек, те по одной или двух никак. Что делать?

0
14  
Хорошо бы разработали автоматическое появление этой панели.

0
15  
Возможно я не вижу ответ на поставленный вопрос о том, как выделить манипуляторы сразу двух точек? У меня такая же проблема - с помощью  PathScribe Tool с Shift только ручки одной точки выделяются.....

0
16  
В оригинальном уроке на английском я добавил гиф анимацию в конце первого шага, которая детально иллюстрирует процесс http://astutegraphics.com/blog....strator
Надеюсь, это поможет

0
17  
Здравствуйте! Помогите разаобраться. Стоит VectorScribe 3, но найти Extend Path Preferences не могу (((( Очень интересный урок. Хотела попробовать для последующей покупки плагина  с оф. сайта http://astutegraphics.com/, но как-тоне получается. Не думаю что триал версия на сайте висит устаревшая.  - скрин

0
18  
Инструмент находится в группе PathScribe Tool на панели инструментов. Для открытия предпочтений надо два раза кликнуть по иконке инструмента

0
19  
Кликнула) вот что получилось ) 
чт-о-то не то((((( точнее не так ((((

0
20  
Вы кликнули по иконке другого инструмента, а именно PathScribe Tool
Вам надо нажать на иконке  PathScribe Tool и не отпускать курсор пока не появятся скрытые инструменты (как-бы типичная для иллюстратора функция), выбрать искомый инструмент Extend Path Tool и уже по нему кликнуть два раза

0
21  
Спасибушки!!!!! Уж звеняйте)) Я не волшебник, я только учусь)))

0
22  
Все работает , все ок)))

0
23  
Умоляю, скиньте готовый файл, завтра на экзамене сдавать этот урок надо)zhilinskiy_dimaa@mail.ru спасибо, добрым людям

0
24  
Дима, за тя экзамен сдать не надо случайно?

http://astutegraphics.com/blog....strator

под уроком ссылка на исходник

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