Как разделить вектор в иллюстраторе

Как разделить векторный объект на части, соответствующие определенным данным в Adobe Illustrator

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

Эту задачу сложно решить, используя только стандартные функции Adobe Illustrator. В таких случаях приходится создавать скрипт, который быстро произведет необходимые вычисления. Ярослав Табачковский (автор Mesh Tormentor) написал такой скрипт специально для решения поставленной задачи. Вы сможете бесплатно скачать его, нажав на кнопку Download в этой статье.

Установите скрипт objectsGrouper.jsx прежде, чем начнете следовать дальнейшим инструкциям. Для этого распакуйте скаченный архив, скопируйте скрипт и вставьте его в папку Adobe Illustrator со скриптами, например:

Для Windows: C:Program FilesAdobeAdobe Illustrator CS5Presetsen_GBScripts

Для Mac: Applications / AdobeAdobe Illustrator CS5Presetsen_GBScripts

Теперь перезагрузите Adobe Illustrator (скрипт был протестирован в Adobe Illustrator CS5, CS6 и CC).

Теперь мы можем приступить к разделению объекта. Итак, существует объект сложной формы, например карта Украины. Предположим, что необходимо разделить площадь этого объекта на части, которые соответствуют численности сельского и городского населения – 14 и 31 миллион соответственно. Продублируем объект (Cmd/Ctrl + C; Cmd/Ctrl + F), затем временно отключим видимость нижнего объекта в панели Layers.

Как разделить вектор в иллюстраторе

Не снимая выделения с верхнего объекта, переходим Object > Rasterize…. В открывшемся диалоговом окне оставляем параметры, установленные по умолчанию, неизменными, затем нажимаем OK.

Как разделить вектор в иллюстраторе

Теперь переходим Object > Create Object Mosaic… и устанавливаем количество прямоугольников, на которые будет разделен растровый рисунок. От количества прямоугольников зависит точность разделения объекта на части, однако при больших значениях вашему компьютеру потребуется продолжительное время для создания мозаики.

Как разделить вектор в иллюстраторе

Как разделить вектор в иллюстраторе

Теперь растровое изображение может быть удалено. Разгруппируем полученную мозаику (Cmd/Ctrl + Shift + G).

Выделим один из белых прямоугольников, затем переходим Select > Same > Fill Color.

Как разделить вектор в иллюстраторе

Как разделить вектор в иллюстраторе

Нажимаем на Delete. На границах карты существуют прямоугольники, заливка которых отличается от заливки прямоугольников в середине площади.

Как разделить вектор в иллюстраторе

Эти объекты также могут быть удалены. Для этого выделим любой из серых прямоугольников в центре карты, затем переходим Select > Same > Fill Color, после чего Select > Inverse.

Как разделить вектор в иллюстраторе

Теперь нажимаем на Delete.

Выделяем все оставшиеся прямоугольники (Cmd/Ctrl + A), затем запускаем, установленный ранее скрипт (File > Script > objectsGrouper). В открывшемся диалоговом окне устанавливаем количество площадей в цифровом поле «quantity of areas”, ставим галочку в «recolor” для наглядности, затем вводим данные в числовые поля «value”, нажимаем кнопку Run.

Как разделить вектор в иллюстраторе

Через мгновение наша карта разделена на части (две группы разного цвета), которые соответствуют введенным данным.

Как разделить вектор в иллюстраторе

Если данные выражены в процентах, то в числовые поля «value” можно вводить процентные значения, только не забывайте, что сумма всех полей должна быть равна 100%

Как разделить вектор в иллюстраторе

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

Как разделить вектор в иллюстраторе

Отключим видимость групп с прямоугольниками и включим видимость векторной карты в панели Layers.

Как разделить вектор в иллюстраторе

Выделяем карту и горизонтальную линию, затем нажимаем на Divide в панели Pathfinder.

Как разделить вектор в иллюстраторе

Теперь мы можем применить разные заливки к разделенным площадям и добавить необходимые надписи.

Видео:Как разделить объекты в иллюстраторе | Панель обработка контуров #OrlovillustratorСкачать

Как разделить объекты в иллюстраторе | Панель обработка контуров #Orlovillustrator

Обрезаем векторное изображение

by vecart_admin. Последнее обновление: 26 апреля, 2012

В этой статье мы узнаем как обрезать векторное изображение в Adobe Illustrator. Будем использовать функцию Divide Objects Below. Принцип ее действия схож с наложением маски непрозрачности. Разница лишь в том, что после ее использования будут изменены сами фигуры, а не их отображение.

Видео:Как обрезать, разрезать, вырезать объект в Adobe illustrator?Скачать

Как обрезать, разрезать, вырезать объект в Adobe illustrator?

Пример 1

Для примера я создал квадрат и залил его градиентом.

Как разделить вектор в иллюстраторе
Теперь создаем еще одну фигуру сверху. В моем случае — это звезда.

Как разделить вектор в иллюстраторе
Нам нужно обрезать квадрат по контуру звездочки. Для этого выделяем звезду и на вкладке Object > Path выбираем пункт Divide Objects Below (Разрезать объекты внизу).
В результате у нас получились две фигуры. Одна — квадрат, вторая — звезда.

Как разделить вектор в иллюстратореКак разделить вектор в иллюстраторе

Видео:КАК СОЕДИНИТЬ И РАЗЪЕДИНИТЬ ЛИНИИ. ЗАМКНУТЫЙ И РАЗОМКНУТЫЙ КОНТУР. Иллюстратор. Adobe IllustratorСкачать

КАК СОЕДИНИТЬ И РАЗЪЕДИНИТЬ ЛИНИИ. ЗАМКНУТЫЙ И РАЗОМКНУТЫЙ КОНТУР. Иллюстратор. Adobe Illustrator

Пример 2

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

Как разделить вектор в иллюстраторе
Для этого создаем квадрат размером рабочей области (я ему добавил контур красного цвета).

Как разделить вектор в иллюстраторе
Как и в предидущем примере, выделяем квадрат и применяем Divide Objects Below. Берем инструмент Direct Selection Tool Как разделить вектор в иллюстратореи удаляем все то, что нам не нужно.

Как разделить вектор в иллюстраторе

Divide Objects Below можно применить только к векторным изображениям (линия не является вектором). Подробней в статье Как преобразовать растр в вектор.

Видео:⚡️ КАК ПЕРЕВЕСТИ ЭСКИЗ В ВЕКТОР В ИЛЛЮСТРАТОРЕ ЗА МИНУТУ / И ещё 3 туториала / Уроки Illustrator #1Скачать

⚡️ КАК ПЕРЕВЕСТИ ЭСКИЗ В ВЕКТОР В ИЛЛЮСТРАТОРЕ ЗА МИНУТУ / И ещё 3 туториала  / Уроки Illustrator #1

Как распределить векторные объекты по окружности в Illustrator

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

Шаг 1.

Для примера мы будем использовать встроенные символы в иллюстраторе.

Как разделить вектор в иллюстраторе

Шаг 2.

Разместив объект на рабочей поверхности дублируем его. Удерживая Alt перетягиваем его в сторону.

Как разделить вектор в иллюстраторе

Выделяем оба объекта и нажимаем Alt+Ctrl+B, тем самым создаем переход между объектами.

Как разделить вектор в иллюстраторе

Для того что бы задать желаемое количество переходов открываем панель «Параметры перехода».

Как разделить вектор в иллюстраторе

Шаг 3.

Рисуем окружность на которой хотим разместить наши объекты. Для этого используем инструмент «Эллипс».

Как разделить вектор в иллюстраторе

Шаг 4.

Выделяем наши объекты и окружность. Переходим Объект — Переход — Заменить траекторию.

Как разделить вектор в иллюстраторе

Наши объекты размещаются по кругу окружности.

Как разделить вектор в иллюстраторе

Шаг 5.

Что бы равномерно распределить объекты по окружности выбираем инструмент «Ножницы». После этого нажимаем в верхней точке нашей окружности.

Как разделить вектор в иллюстраторе

Шаг 6.

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

Как разделить вектор в иллюстраторе

Шаг 7.

Что бы заменить объект на окружности выбираем инструмент прямое выделение, нажимаем на объект, после в панели символов выбираем на что мы будем менять. В меню панели символов выбираем пункт «Заменить символ».

Как разделить вектор в иллюстраторе

Важно что бы символы или объекты которые вы будете использовать были одного размера.

💡 Видео

Как Готовить Векторный Файл Персонажа Для Анимации. Подготовка файла Illustrator к After Effects.Скачать

Как Готовить Векторный Файл Персонажа Для Анимации. Подготовка файла Illustrator к After Effects.

Как разделить фигуру или создать сетку в иллюстраторе?Скачать

Как разделить фигуру или создать сетку в иллюстраторе?

ТРАССИРОВКА. ПЕРЕВОД РАСТРА В ВЕКТОР. ИЛЛЮСТРАТОР. Adobe Illustrator. Рисуем сердечки.Скачать

ТРАССИРОВКА. ПЕРЕВОД РАСТРА В ВЕКТОР. ИЛЛЮСТРАТОР. Adobe Illustrator. Рисуем сердечки.

Как перевести фотографию в вектор в Adobe illustrator | Трассировка изображения в иллюстратореСкачать

Как перевести фотографию в вектор в Adobe illustrator | Трассировка изображения в иллюстраторе

01 Как разделить линию на нужное количество равных отрезков в Adobe IllustratorСкачать

01 Как разделить линию на нужное количество равных отрезков в Adobe Illustrator

Как разделить иллюстрацию на слои и импортировать в Adobe After Effects | TutorialСкачать

Как разделить иллюстрацию на слои и импортировать в Adobe After Effects | Tutorial

Инструмент "Нож" в иллюстраторе - Knife | Урок Adobe IllustratorСкачать

Инструмент "Нож" в иллюстраторе - Knife | Урок Adobe Illustrator

Ai: разобрать логотип по слоям / release to layers (sequence)Скачать

Ai: разобрать логотип по слоям / release to layers (sequence)

Как отрисовать растровую картинку в вектор в Adobe IllustratorСкачать

Как отрисовать растровую картинку в вектор в Adobe Illustrator

Как разбить пунктир на отдельные отрезки в Adobe IllustratorСкачать

Как разбить пунктир на отдельные отрезки в Adobe Illustrator

КАК ПЕРЕВЕСТИ ШРИФТ В КРИВЫЕ И ДЛЯ ЧЕГО? ИЛЛЮСТРАТОР. Adobe Illustrator. Уроки для начинающихСкачать

КАК ПЕРЕВЕСТИ ШРИФТ В КРИВЫЕ И ДЛЯ ЧЕГО? ИЛЛЮСТРАТОР. Adobe Illustrator. Уроки для начинающих

Adobe Illustrator|Как обрезать фигурыСкачать

Adobe Illustrator|Как обрезать фигуры

Как разрезать (разделить) объекты в иллюстраторе #OrlovillustratorСкачать

Как разрезать (разделить) объекты в иллюстраторе #Orlovillustrator

Как перевести любое изображение в векторное в иллюстраторе | illustrator tutorialСкачать

Как перевести любое изображение в векторное в иллюстраторе | illustrator tutorial

Как работает инструмент нож в Adobe illustrator | Как разрезать объекты в иллюстратореСкачать

Как работает инструмент нож в Adobe illustrator |  Как разрезать объекты в иллюстраторе

Как соединить и разрезать объекты в Adobe illustrator. Shape Builder Tool. Инструмент создания фигурСкачать

Как соединить и разрезать объекты в Adobe illustrator. Shape Builder Tool. Инструмент создания фигур
Поделиться или сохранить к себе: