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

Быстрое создание стилизованной векторной бабочки в Adobe Illustrator с помощью плагина MirrorMe

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

Вы, наверное, замечали, что в окружающем мире много симметричных объектов, в том числе и среди живых существ. В дизайне также часто приходится создавать симметричные формы, которые могут воспроизводить объекты реального мира или быть плодами вашей фантазии. Хорошим примером симметричной формы является бабочка, которая стала логотипом нового плагина для Adobe Illustrator. MirrorMe – плагин, разработанный для создания отражений относительно одной или нескольких осей симметрии непосредственно в векторном редакторе. В сегодняшнем уроке мы рассмотрим процесс создания стилизованной бабочки и производных работ, таких как фоны, бесшовные узоры и паттерные кисти из ее элементов. Многие работы, которые вы создали на протяжении долгих лет практики, теперь могут быть трансформированы в множество новых векторных работ, получая второй, третий, четвертый … шанс. Это очень просто сделать и вы сейчас убедитесь в этом.

Цель урока

Шаг 1

Сначала я создал карандашный эскиз половины бабочки, отсканировал его и вставил в новый документ в Adobe Illustrator (File > Place…).

Бабочка имеет только одну ось симметрии и вы, конечно, можете создать векторные объекты и затем отразить их при помощи Reflect Tool (O), но это не позволит вам видеть всю форму бабочки в процессе ее создания и правильно оценивать взаимодействие всех объектов конечной работы. А это путь проб и ошибок. Я же предлагаю вам сразу создавать обе половины бабочки, так как если бы вы использовали зеркало в работе. Давайте посмотрим, как можно использовать плагин MirrorMe для этих целей.

Блокируем слой с эскизом, затем создадим новый слой в панели Layers.

Теперь возьмем MirrorMe Tool и кликнем в месте, где будет проходить ось симметрии. В результате этих действий появятся аннотационная система. Вы можете управлять положением оси симметрии и ее наклоном.  Доступ к дополнительным параметрам инструмента вы можете получить в его панеле (Window > MirrorMe > MirrorMe panel).


Шаг 2

Установим ось под углом 270 градусов. Нажимаем на Apply to Layer в аннотационной системе или в панели плагина.

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

При этом вы видите отраженный путь в чистом виде, то есть грубый карандашный эскиз не мешает вам воспринимать ее гладкость. На рисунке выше рядом с созданным путем вы видите анотационную систему InkScribe Tool (InkScribe plug-in), что говорит о том, что именно этот инструмент был использован в работе. InkScribe Tool обладает рядом функций, которые позволяют работать эффективней, чем используя Pen Tool (P). Особенно Smart Remove point функция незаменима при создании таких сложных форм, как орнамент на крыльях бабочки.


Шаг 3

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

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


Шаг 4

Я также создал вариант бабочки с градиентной заливкой. При этом линейные градиенты направлены на встречу друг другу. MirrorMe опять позволяет работать только с одной половиной бабочки и у нас нет необходимости менять направление градиентов на ее втором крыле. Так же как и при создании форм, при окраске объектов важно видеть всю работу целиком и плагин MirrorMe дает нам такую возможность.

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


Шаг 5

Но на этом, друзья, наш урок не заканчивается. На мой взгляд, одним из преимуществ использования плагина MirrorMe является возможность получения бесконечного числа новых векторных работ из ранее созданных. Например, нам потребовалось создать фон - нет проблем. Выделяем нашу бабочку, берем MirrorMe Tool, затем изменяем количество осей симметрии. Это можно сделать в панеле MirrorMe или пользуясь клавишами левой квадратной скобки (для уменьшения) и правой квадратной скобкой (для увеличения их количества). Затем находим положение центра симметрии, которое, на ваш взгляд, создаст интересный узор.

Нажимаем на Apply to Selection в аннотационной системе или в панеле MirrorMe.

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

Шаг 6

Из полученного нового узора вы можете создать плитку для бесшовного узора. Создадим горизонтальную и вертикальную направляющие, которые проходят через центр узора. Выделяем узор и направляющие, затем нажимаем на Divide в панеле Pathfinder. Удаляем 3/4 узора так, как показано на рисунке ниже.

Создадим отражения оставшейся части узора при помощи MirrorMe, используя две оси симметрии.

Перетащим полученный результат в панель Swatches.

Теперь мы можем применять полученный бесшовный паттерн к объектам любой формы.

Шаг 7

Узоры, полученные с помощью MirrorMe можно также использовать как плитку для Pattern brush. Если вы уже работаете в Adobe Illustrator CC, то сделать это очень просто, так как этот релиз обладает функцией Auto corners, которая позволяет автоматически генерировать несколько видов угловых плиток.

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

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