Illustrator как разделить объект

Обновлено: 04.07.2024

1 С помощью инструмента "Частичное выделение" или палитры "Слои" выберите составной контур.

2 Выберите команду "Объект" > "Составной контур" > "Расформировать".

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

Команда "Разделить нижние объекты". Действует как приспособление для нарезки кружков теста или трафарет.

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

применения выберите команду "Объект" > "Контур" > "Разделить нижние объекты".

Кнопка "Вырезать контур по выделенным узловым точкам". . Разрезает контур в узловой точке, в результате

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

инструментом "Частичное выделение" и найдите кнопку в палитре "Управление".

Инструмент "Нож". Разрезает объекты по контуру, вводимому от руки с помощью этого инструмента, разделяя

объекты на отдельные залитые фрагменты (фрагмент – это область, не разделенная отрезком линии).

Инструмент "Ножницы". Позволяет разделить контур, графический фрейм или пустой текстовый фрейм в узловой

Команда "Разделение по сетке". Позволяет разделить один или несколько объектов на множество прямоугольных

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

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

применения выберите команду "Объект" > "Контур" > "Разделение по сетке".

Составные контуры и составные фигуры. Позволяют использовать объекты для создания отверстий в других

Эффекты обработки контуров. Есть различные способы разделения и обрезки перекрывающихся объектов.

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

“Создание отверстия в объекте с помощью составного контура” на странице 245

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

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

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

Теперь перезагрузите 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.


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

Как обрезать картинку в Illustratore

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

Инструменты для обрезки в Иллюстраторе

ПО не имеет такого инструмента, как «Обрезка», но убрать лишние элементы от векторной фигуры или от изображения можно при помощи других инструментов программы:

  • Artboard (изменение размера рабочей области);
  • Векторные фигуры;
  • Специальные маски.

Способ 1: инструмент Artboard

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

Сохранение в Иллюстраторе

Artboard в Illustrator

Изменение рабочей области в Illustratore

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

Способ 2: другие фигуры для обрезки

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

  1. Для начала нарисуйте квадрат при помощи соответствующего инструмента (вместо квадрата может быть любая фигура, даже которая сделана при помощи «Карандаша» или «Пера»).
  2. Поверх квадрата поместите круг (вместо него можно также поместить любую нужную вам фигуру). Круг нужно поместить на тот угол, который вы планируете удалить. Границу окружности можно подогнать прямо до центра квадрата (Иллюстратор отметит центр квадрата при соприкосновении с границей окружности).

Фигуры в Illustrator

Трансформация в Illustrator

Вынос на передний план

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

Способ 3: обтравочная маска

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

    Нарисуйте квадрат, а поверх него круг. У обоих должна быть какая-либо заливка и желательно обводка (нужна для удобства при дальнейшей работе, её можно будет убрать при необходимости). Сделать обводку можно двумя способами – в верхней или в нижней части левой панели инструментов выбрав второй цвет. Для этого нужно нажать на серый квадрат, который будет расположен либо за квадратом с основным цветом, либо правее от него. В верхней панели в пункте «Stroke» задайте толщину обводки в пикселях.

Настройка обводки

Создание маски

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

Способ 4: маска прозрачности

Этот способ тоже подразумевает наложение маски на изображения и в некоторых моментах похож на предыдущий, но является более трудозатратным. Пошаговая инструкция выглядит следующим образом:

  1. По аналогии с первыми шагами из предыдущего способа, необходимо нарисовать квадрат и круг (в вашем случае это могут быть другие фигуры, просто способ рассматривается на их примере). Рисуйте данные фигуры так, чтобы круг перекрывал квадрат. Если у вас так не получилось, то нажмите правой кнопкой мыши по кругу, из выпадающего меню выберите «Arrange», а затем «Bring to Front». Отрегулируйте размер и расположение фигур так, как вам нужно, чтобы избежать проблем в последующих шагах. Обводку задавать необязательно.
  2. Залейте круг чёрно-белым градиентом, выбрав его в палитре цветов.

Градиент в Illustrator

Настройка градиента

Создание обтравочной маски

Обрезать какое-либо изображение или фигуру в Иллюстраторе имеет смысл только в том случае, если вы с ней уже работаете в этой программе. Чтобы обрезать обычное изображение в формате JPG/PNG, лучше использовать другие графические редакторы, например, MS Paint, установленный по умолчанию в ОС Windows.

Закрыть

Мы рады, что смогли помочь Вам в решении проблемы.

Отблагодарите автора, поделитесь статьей в социальных сетях.

Закрыть

Опишите, что у вас не получилось. Наши специалисты постараются ответить максимально быстро.

Если Вы работаете над сложной иллюстрацией (состоящей из большого количества объектов), то у Вас автоматически начинают образовываться слои. И Вы должны сгруппировать и организовать слои так, чтобы можно было легко перемещать их и редактировать. В этом уроке Tony на примере своей иллюстрации показывает, как он группировал слои и давал им названия.

Если при прохождении этого курса у вас возникают какие-либо затруднения с обучением, то вы можете взять онлайн консультацию по Adobe Illustrator через Skype.


Палитра слоев

Доступ к палитре слоев Вы можете получить, выполнив команду: Окно > Слои (Window > Layers). Как Вы увидите ниже, Tony сгруппировал свои объекты в шесть разных слоев. Порядок наложения идет, начиная с фона на нижнем слое и заканчивая полотенцем на верхнем. Ниже приведены список настроек для слоев и краткие объяснения по их изменению.

Переключение видимости (Visibility Icon): Нажмите, чтобы скрыть/сделать видимым слой

Переключение блокировки (Lock Icon): Нажмите замок, чтобы заблокировать/разблокировать слой

Название слоя (Layer Name): Нажмите два раза, чтобы переименовать слой

Индикатор выбора (Target Indicator): Нажмите, чтобы выделить слой

Удалить слой (Delete Layer): Нажмите, чтобы удалить слой

Создать новый слой (New Layer): Нажмите, чтобы создать новый слой поверх существующих

Создать новый подслой (New Sublayer): Нажмите, если хотите добавить новый подслой


Систематизируем объекты

Чтобы переместить нужный Вам слой наверх, просто выделите его в палитре слоев и перетащите вверх мышкой. Теперь слой с цветами на самом верху и перекрывает собой всю иллюстрацию.


Группируем объекты


После того, как мы выбрали розовый цвет для заливки, весь слой стал розовым!

Ещё узнала не так давно, что прямо к целому слою можно применять эффекты. Например, эффекты отражения или вращения. Дело это довольно хитрое, но получается в итоге очень удобная штука - зеркальный шаблон. По такому принципу сделаны шаблоны Live Mirror. Вот оказывается какими полезными свойствами обладают слои в иллюстраторе.



Подпишитесь на нашу рассылку, чтобы не пропустить ничего нового:

Читайте также: