Vectorboom
Советы / Техники / Comments: 3

Как создать визитку со спиральными элементами, используя Extend Path tool и Adobe Illustrator

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

В этом уроке мы научимся создавать визитку, которая имеет узор из спиралей. Траекторией таких элементов очень просто управлять при помощи Extend Path Tool (плагин VectorScribe). Прочитав сегодняшний урок, вы освоите этот инструмент и сможете создавать собственный дизайн. Спиральные элементы очень часто встречаются в различного вида векторных орнаментах. Кроме того, для ускорения работы мы будем использовать плагин MirrorMe. Визитка имеет симметричный дизайн, значит и этому инструменту найдется работа.

Шаг 1

Запускаем Adobe Illustrator и создаем новый документ (File > New…). Установим размеры рабочей области, которые соответствуют стандартным размерам визитки в Великобритании (85x55mm), выносы (6mm) и режим цветности CMYK.

Берем Rectangle Tool (M) и создаем прямоугольник по размеру рабочей области с заливкой черного цвета.

Шаг 2

Создадим новый слой в панели Layers, в котором будут создаваться узоры. По моему замыслу узор на визитке будет симметричным. Поэтому для ускорения работы воспользуемся плагином MirrorMe. Берем MirrorMe Tool и кликаем его указателем в центре рабочей области. Устанавливаем количество осей симметрии равное двум. Это можно сделать в панели инструмента (Window > MirrorMe > MirrorMe panel) или используя клавиши ([- для уменьшения и ] – для увеличения количества осей). Теперь нажимаем на кнопку “Apply to Layer” в панели MirrorMe или в аннотационной системе.

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

Шаг 3

Создадим два прямолинейных сегмента с обводкой светло-серого цвета и без заливки наклоненных под углом 45 градусов в активном секторе при помощи Line Tool (\) и удерживая Shift .

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

Шаг 4

Возьмем Scissors Tool (C) и разрежем ближний к центу прямолинейный сегмент в точке A.

Удалим верхнюю часть этого сегмента.

Я собираюсь продлить этот путь по спирали, поэтому пришло время включить в работу Extend Path Tool, который является новым инструментом плагина VectorScribe v2.1.

Откроем диалоговое окно Extend Path Preferences, для этого два раза кликнем по иконке инструмента на панели Tools или нажмем на Return/Enter key. Выбираем режим Spiral Extension и отмечаем “Use Fixed Radius of… ”

Мы можем выбирать из четырех режимов Extension (Single Bezier, Constant Radius, Straight, Spiral) и переключаться между ними можно также при помощи клавиши E.

Шаг 5

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

Изменим направление кривизны нажатием клавиши V.

По моему замыслу эта спираль не должна пересекать ось симметрии, поэтому нам необходимо изменить ее фиксированный радиус. Для этих целей предназначены клавиши Левая Стрелка (для уменьшения) и Правая Стрелка (для увеличения радиуса). Нажимаем на Левую Стрелку до тех пор пока не получим нужный результат.

Шаг 6

Мы также можем изменять winding constant у создаваемой спирали. Для этого используйте клавиши Стрелка Вверх (для увеличения) и Стрелка Вниз (для уменьшения winding constant). Я уменьшил константу, несколько раз нажав на Стрелку Вниз.

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

Шаг 7

Используя Extend Path Tool и пути, созданные в третьем шаге, думаю, вы без особых усилий нарисуете другие спиральные элементы, которые показаны на рисунке ниже.

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

Шаг 8

Для украшения орнамента создадим несколько окружностей, квадратов и X-образный спиральный элемент в разрыве между линиями.

После того как все симметричные элементы созданы, нажмите на кнопку Remove Axes в панели MirrorMe.

Шаг 9

Нарисуем вертикальный прямолинейный сегмент, который продлим по спиральной траектории, используя Extend Path Tool.

Я создаю этот элемент дизайна после удаления осей симметрии, потому что он пересекает их и не может быть создан в режиме “Apply to Layer”. Теперь мы можем осуществить симметричное копирование этого пути, используя Reflect Tool (O).

Шаг 10

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

Не забывайте о том, что любой ваш дизайн должен быть хорошо представлен клиенту. Для визуализации я использовал Silver Stamping Logo MockUp, который вы можете скачать здесь...

Всего комментариев: 3
0
1  
А можно по подробней как визуализировать с помощью Silver Stamping Logo MockUp!

0
2  
Можно, конечно, и по подробней.
1. Открываете PSD файл в фотошопе.
2. Два раза кликаете по верхнему слою, который называется "your logo here"
3. Открывается новое окно с документом Shape. Вставьте графику в слой этого документа
4. Закройте документ Shape, сохранив изменения

Конец делу венец

0
3  
Спасибо

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