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

Создаем заливку из листьев при помощи Space Fill - ColliderScribe 2

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

В этом уроке мы рассмотрим комбинацию Space Fill, Dynamic Shapes и Symbols функций. Эта технология позволит нам получить, по крайней мере, три уровня динамики в иллюстрации. Это значит, что для преобразований и поиска лучшего решения вам потребуется в десятки раз меньше времени. Например, для равномерного заполнения формы сотнями объектами, нужно просто несколько раз нажать на кнопку.

Создание контейнера и наполнителя

Шаг 1

Создадим квадрат со скругленными углами при помощи Dynamic Shapes Tool плагина VectorScribe. Для заливки выбираем темно-зеленый цвет. Созданная форма является динамической, то есть мы сможем в любой момент изменить ее параметры и даже конвертировать в другую форму, используя панель Dynamic Shapes (Window > VectorScribe > Dynamic Shape > Dynamic Shapes panel).

Этот квадрат мы будем использовать в дальнейшем в качестве контейнера (Container Path), заливая его другими, более мелкими объектами.

Шаг 2

Создадим форму листа при помощи Pen Tool (P) или InkScribe Tool, как это показано ниже. Заливаем лист линейным градиентом, который состоит из двух оттенков зеленого цвета.

Создадим криволинейный сегмент между нижней и верхней вершинами листа, затем продлим новую форму за пределы листа. Заливаем созданный объект линейным градиентом от белого к светло-серому цвету. Применим к этому объекту Multiply режим смешивания и при необходимости уменьшим прозрачность в панели Transparency.

Шаг 3

Выделяем лист и полупрозрачную форму, затем удалим выступающую часть полупрозрачной формы, используя Shape Builder Tool.

Группируем обе формы (Cmd/Ctrl + G). Создадим две копии листа, используя Rotate Tool (R). Каждый новый лист повернут относительно предыдущего на угол 120 градусов.

Группируем трилистник.

Шаг 4

Продублируем трилистник два раза.

Трилистники будут находиться на разных уровнях нашей заливки, поэтому одни из них будут темнее других из-за тени от верхних слоев. Изменить оттенки листьев легко при помощи Phantasm. Выделяем один из трилистников, затем переходим Effect > Phantasm > Brightness/Contrast…, уменьшаем значение Brightness на 40 единиц.

Для другого трилистника уменьшим значение Brightness на 20 единиц.

Сохраним каждый трилистник как символ в панели Symbols.

Это добавит гибкости в управлении заполняющими объектами в дальнейшем.

Шаг 5

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

Таким образом, мы создали еще два контейнера.

Заливка контейнера наполнителем.

Шаг 6

Заливку контейнеров мы будем осуществлять при помощи новой уникальной функции Space Fill. Подробней узнать о ней вы сможете из статьи Space Fill в новом релизе ColliderScribe 2. Открываем панель Space Fill (Window > ColliderScribe > Space Fill panel). Выделяем самый темный трилистник и контейнер с темно-зеленой заливкой, затем нажимаем на кнопку Make в панели.

Мы получили динамический объект Space Fill. Управляйте его параметрами в панели Space Fill, чтобы получить нечто подобное...

Шаг 7

Выделяем следующий контейнер без заливки и обводки и более темный трилистник из двух оставшихся.

Нажимаем на Make в панели Space Fill. В этот раз я уменьшил число копий. Вы можете изменять взаимное расположение объектов наполнителя (трилистников в нашем случае) внутри контейнера, нажимая на кнопку Randomize. Так мы можем добиться наилучшего варианта заполнения с эстетической точки зрения.

Шаг 8

И наконец, выделяем последний контейнер и оставшийся трилистник, нажимаем Make и снова уменьшаем количество копий.

Мы получили заливку контейнера зеленными листьями. Было создано 140 копий трилистников, которые равномерно заполнили выбранные формы. Для этого нам потребовалось три раза нажать на кнопку Make и немного поиграть с параметрами. С трудом могу представить, сколько времени потребуется на выполнение такой работы вручную.

Динамические свойства контейнера и наполнителя

Шаг 9

Все заливки, созданные в предыдущих шагах, являются динамическими. В этом легко можно убедиться. Измените параметры одного из Space Fill объектов и листья оживут. Но на этом динамические свойства нашей иллюстрации не заканчиваются. Все контейнеры являются динамическими, поэтому мы можем без труда изменить их форму, установив нужные значения в панели Dynamic Shapes. Например, изменить радиусы округления.

Или даже полностью изменить форму. Например, нажмем на кнопку Dynamic Circle в панели Dynamic Shapes.

При этом листья послушно и равномерно заполняют новую форму. Это уже двойная динамика!

Шаг 10

Кроме всего, мы имеем доступ к объектам наполнителя без, не отменяя или разбирая Space Fill объекта. Это возможно благодаря использованию символов. Дважды кликните по символу, который собираетесь редактировать в панели Symbol. Это приведет к переходу в режим редактирования. Здесь вы можете делать с трилистником все, что вам нужно. Например, изменить форму, цвет или даже добавить новые объекты. Кстати, мы не потеряли эффект Phantasm Brightness/Contrast, который при необходимости может быть модифицирован.

Для примера перекрасим трилистник при помощи Phantasm Hue/Saturation эффекта (Effect > Phantasm > Hue/Saturation…).

Теперь выйдем из режима редактирования символов. Как вы можете видеть, трилистники, которые соответствуют измененному символу, также изменились и по-прежнему находятся на своих местах внутри контейнера. Мы имеем еще один уровень динамики – тройная динамика достигнута!

Всего комментариев: 2
0
1  
Интересное применение...

0
2  

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