Vectorboom
Уроки / Векторные Эффекты / Comments: 8

Создание растительного бесшовного паттерна в Adobe Illustrator

Ярослав Лазунов
27.03.2013
Цель урока
Как создать цветочный бесшовный шаблон в Adobe Illustrator CS6

В этом уроке мы научимся создавать бесшовный паттерн, используя режим создания паттернов в Adobe Illustrator CS6, Width Gradient Tool и Width Selector Tool. С этими инструментами создавать паттерны намного проще. Вы уже попробовали?

Шаг 1

Начнем наш урок с создания скелета бесшовного узора. При помощи InkScribe Tool я создал десяток криволинейных сегментов, которые представляют собой равномерные пути.

Выделяем созданные пути, затем переходим Object > Pattern > Make, что ведет к переходу в режим Pattern Creation. Выбираем Tile Type: Brick by Row, затем берем Pattern Tile Tool в панеле Pattern Options.

Pattern Tile Tool позволяет нам изменять размеры плитки, то есть регулировать расстояние между элементами паттерна.

Шаг 2

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

Продолжим заполнять пробелы между элементами паттерна.

Шаг 3

Теперь превратим наши кривые в путипеременной ширины. В этом нам помогут Width Gradient Tool и Width Selector Tool, которые являются инструментами нового плагина WidthScribe .

Итак, берем Width Gradient Tool и открываем его панель (Window > Width Scribe > Width Gradient panel).  Теперь выберем V образный вид распределения ширины вдоль линии действия градиента из всплывающего меню панели.

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

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

Шаг 4

Мы получили путь переменной толщины, с которым продолжим работать при помощи Width Selector Tool. После выбора этого инструмента мы можем видеть все маркеры ширины, которые имеет путь.

Здесь я хочу заметить, что количество маркеров ширины зависит от значения уровня оптимизации (Optimisation Level) в панели Width Gradient.

Выделяем верхний маркер ширины выделенного пути при помощи Width Selector Tool, затем открываем панель инструмента (Window > Width Scribe > Width Selector panel).

Нажимаем на кнопку Taper Stroke в этой панеле, что приведет к заострению верхней части обводки пути.

Шаг 5

При помощи Width Selector Tool вы можете выделить любой маркер и изменить его ширину, установив необходимое значение в числовом поле Specify Width.

Это намного удобней, чем использовать открывающиеся диалоговые окна, как это происходит при использовании стандартного инструмента Adobe Illustrator  - Width Tool (W). Вы также можете удалить любой выделенный маркер, кроме начального и конечного маркера, нажав на кнопку Delete width markers.

Шаг 6

Применим к другому выделенному пути Liner Width Gradient на этот раз с линейным распределением ширины.

Для того чтобы округлить конец пути выберем опцию Round Cap в панели Stroke.

Шаг 7

Для быстрого выделения всех маркеров ширины пути, выделите один из его маркеров, затем нажмите на кнопку "Select all markers on path”.

Для тех же целей вы можете использовать область выделения.

Теперь у нас есть возможность одновременно изменять ширину всех выделенных маркеров ширины на величину, выраженную в процентах. Для этого установите необходимое значение в числовое поле Change Width, затем увеличивайте или уменьшайте ширину пути,  нажимая на кнопки "+” или "-"

Шаг 8

Создадим форму еще одного листочка нашего растительного орнамента. В этот раз я использовал Liner Width Gradient с A-образным распределением ширины от начальной до конечной точки градиента.

Берем Width Selector Tool, затем нажимаем на клавишу Turn / Enter для открытия диалогового окна Width Selector Preferences. Теперь отмечаем "Shift Stroke From Side to Side.

Выделяем центральный маркер ширины при помощи Width Selector Tool, затем нажимаем на клавишу ] для перемещения обводки в месте выделенного маркера в правую сторону.

Шаг 9

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

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

И наконец, при помощи Ellipse Tool (L) я создал несколько окружностей белого цвета на лепестках орнамента.

Шаг 10

Теперь, когда бесшовный паттерн готов, нажимаем на Done в верхней части окна режима Pattern Creation. Это действие приведет к выходу из режима и сохранению паттерна в панеле Swatches.

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

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

Всего комментариев: 8
0
1  
Скажите, пожалуйста, а как остановиться на точке сегмента? (какая клавиша?) У меня получается остановится только создав объект.

0
2  
Не совсем понятен вопрос. Попробуйте уточнить

0
3  
Я не могу нарисовать отрезок! Только объект. Двойной щелчок как инструментом pen не помогает. sad

0
4  
Не получается рисовать сегменты при помощи DrawScribe? Что странно, а вы отключили заливку и оставили одну обводку? Или у вас путь автоматически закрывается?
Рисуйте сегменты привычным для вас способом, не суть

0
5  
ДА, Не получается рисовать сегменты при помощи DrawScribe. Я даже сначала подумала что надо клавишу нажимать наверное какую-то. Даже не знаю, что делать...возможно и с лецензией будет такой же баг. У меня AI CS6. Настройки DrawScribe пробовала "ковырять" - не помогло sad

0
6  
А если я поставлю CS 5 не переустанавливая систему у меня будет тестовый период плагинов? А то, хочется перед покупкой разобраться

0
7  
Мне сложно ответить на ваш вопрос, так как не был в подобной ситуации и при всем моем желании я не являюсь сертифицированной службой поддержки - куда вас и направляю

0
8  
мне кажется некоторые функции плагина InkScribe Tool похожи на работу Инскейпа.

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