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

Как в Adobe Illustrator создать векторный готический витраж с помощью ColliderScribe

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

В этом уроку мы научимся в Adobe Illustrator конструировать сложные объекты на примере готического окна при помощи ColliderScribe, который обеспечивает абсолютную точность и который очень легко применять.

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

Итак, после установки плагина вы сможете найти новые инструменты в группе Selection Tool (V) на панели Tools. Это Snap to Collisions Tool и Rotate at Collisions Tool.

Для демонстрации работы инструментов создадим два произвольных векторных объекта. Возьмем Snap to Collisions Tool, кликнем в любом месте голубого эллипса и потащим его к зеленому прямоугольнику. Когда объекты коснутся, произойдет привязка, так как если бы столкнулись реальные физические тела. В точке контакта появится красный маркер.

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

Значение допуска (Snap tolerance) устанавливается в диалоговом окне Snap to Collisions Tool. Для его открытия нажмите на клавишу Enter или дважды кликните по иконке инструмента.

Привязка может осуществляться к  первичному положению объекта (Pre-Drag path position), если выбрана эта опция в диалоговом окне.

В столкновении может участвовать несколько объектов. И в этом случае вы получите их идеальное касание.

В случае выбора опции Collision spacing между сталкивающимися объектами будет образован зазор указанной величины.

Rotate at Collisions Tool позволяет не только сталкивать формы, но и поворачивать выделенный объект вокруг пути другого объекта. В случае использования Rotate at Collisions Tool, вы должны захватывать объект за край пути.

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

Теперь давайте приступим к конструированию готического окна.

Шаг 1

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

Берем Reflect Tool (O) и, удерживая клавишу Opt / Alt, кликаем в точке A. В открывшемся диалоговом окне выбираем опцию Vertical и нажимаем на кнопку Copy.

Выделяем при помощи Direct Selection Tool (V) верхние точки путей, затем переходим Object > Path > Join (Cmd / Ctrl + J) для их соединения.

Шаг 2

Теперь создадим три концентрические окружности при помощи Ellipse Tool (L).

Берем Snap to Collisions Tool и перемещаем маленькую окружность вниз, удерживая Shift. Как только она столкнется с путем второй окружности, включится привязка и появится Collision marker.

Если мы посмотрим на окружности в режиме Outline, то убедимся в идеальности касания.

Шаг 3

Выделяем меленькую окружность, затем берем Rotate Tool (R) и, удерживая Opt / Alt, кликаем в центре больших окружностей. В открывшемся диалоговом окне вводим угол 360/5, затем нажимаем на Copy.

Используем комбинацию горячих клавиш Cmd / Ctrl + D три раза для последовательного повторения последнего действия.

Шаг 4

Выделяем все созданные окружности при помощи Snap to Collisions Tool и двигаем их вверх до столкновения с аркой окна.

Как вы видите, сделать это очень просто.

Шаг 5

Используя технику, описанную во 2 и 3 шаге, создадим еще один блок, состоящий из пяти окружностей.

Теперь используя Snap to Collisions Tool, переместим окружности до столкновения с левой частью арки и первым блоком окружностей.

Переместим группу из пяти окружностей в правую часть окна при помощи Snap to Collisions Tool, удерживая Opt / Alt, что приведет к ее дублированию. Перемещаем группу до столкновения с правой дугой и верхним блоком окружностей.

Шаг 6

Создадим еще один элемент готического окна, используя технику, описанную в первом шаге.

При помощи Snap to Collisions Tool поместим этот элемент так, чтобы он касался ранее созданных объектов, как это показано на рисунке ниже.

Дублируем его и помещаем копию в правой части окна.

Шаг 7

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

С художественной точки зрения будет лучше, если точки касания соседних объектов будут образовывать равносторонний треугольник.

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

Шаг 8

При помощи Line tangent from path (плагин SubScribe) создадим касательную из точки А.

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

Возьмем Snap to Collisions Tool и проверим появились ли маркеры. Как вы можете видеть, все работает отлично.

Шаг 9

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

Шаг 10

Создадим зеркальную копию этого пути при помощи Reflect Tool (O), так же, как мы делали это в первом шаге.

Как вы можете видеть, мы получили идеально точное касание всех элементов готического окна.

На основе созданной конструкции я создал полноцветную иллюстрацию готического окна.

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

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