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

Как распределить векторные формы в пределах другой формы

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

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

Для распределения объектов в границах другого объекта нам понадобятся три скрипта, с которыми мы познакомимся в процессе их применения. А пока скачайте zip архив со скриптами, нажав на кнопку Download в начале или конце урока. Распакуйте архив и поместите его содержимое в системную папку со скриптами, например:

Для Windows: C:\Program Files\Adobe\Adobe Illustrator CS5\Presets\en_GB\Scripts

Для Mac: Applications / Adobe\Adobe Illustrator CS5\Presets\en_GB\Scripts

Перезапустите Adobe Illustrator, если в момент установки скриптов приложение было открыто. Все скрипты были успешно протестированы в Adobe Illustrator CS5, CS6 и СС.

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

После установки скриптов их названия появились в меню File > Script >…. Выделяем созданный путь (кстати, он может быть открытым), затем переходим File > Script > Circle Fill. В появившемся диалоговом окне устанавливаем максимальную и минимальную величину окружностей в процентах к размеру внешнего объекта и минимальную дистанцию между окружностями.

У вас также есть возможность выбирать цвет окружностей из выпадающего списка, однако эта опция не пригодится в этом уроке.

Нажимаем на кнопку OK.

Крутой эффект получен за несколько секунд, но хотелось бы использовать другие объекты для заполнения пространства внутри формы. Давайте создадим объект, которым мы хотим заменить окружности. Сначала я создал очень простой мыльный пузырь, который представляет собой группу из окружности черного цвета и формы блика белого цвета. Перед применением следующего скрипта убедитесь, пожалуйста, что наш пузырь находится выше окружностей и эти окружности не сгруппированы. Это обязательные условия работы скрипта FindAndReplaceGraphic_TransformToFit.

Выделяем окружности и пузырь, затем переходим File > Script > FindAndReplaceGraphic_TransformToFit.

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

Теперь давайте попробуем заменить окружности объектом с более сложной формой. Главное, чтобы этот объект имел высоту и ширину, которые не равны между собой.

Выделяем все объекты, затем переходим File > Script > FindAndReplaceGraphic_TransformToFit.

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

Группируем объект и окружность без заливки и обводки, затем повторяем замену окружностей (File > Script > FindAndReplaceGraphic_TransformToFit). Теперь деформация отсутствует.

Не забывайте, что вы всегда можете повернуть и подвигать полученные объекты в случайном порядке, для этого предназначена функция Transform Each (Object > Transform > Transform Each…).

Если вы видели подобные иллюстрации, то знаете, что внешнюю форму часто заполняют несколькими объектами, а не одним, как в рассматриваемом случае. Нет проблем. Выделить объекты в случайном порядке нам поможет Random Select скрипт (File > Script > Random Select). После его запуска открывается диалоговое окно, в которое вы должны ввести процентное соотношение выделяемых объектов.

Выделяем новый объект, не снимая выделения с ранее выделенных объектов.

Запускаем скрипт FindAndReplaceGraphic.

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

Всего комментариев: 5
1
1  
Спасибо, очень полезная вещь smile

1
2  
СПАСИБО!!!

0
3  
Ууууу..! Класс!))

0
4  
Теперь это еще можно сделать плагином ColliderScribe (Space Fill Tool) http://www.astutegraphics.com/software/colliderscribe/

0
5  
Почему то не получается. После применения скрипта объект над сердцем превращается в шар черного цвета а шарики внутри не меняют формы и остаются чёрными

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