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

Обновлено: 07.07.2024

Что должно получиться: Разобрать / Object -> Expand) для того, чтобы превратить кривые, абрисы и текст, если таковые имеются, в объекты.

Далее, создаем новый слой с квадратом без заливки и обводки, равным по размерам рабочей области (можно просто скопировать наш фон (Ctrl+C -> Ctrl+F) и перенести его на верхний слой, убрав заливку).

Выделяем созданный нами пустой квадрат и нашу группу объектов и на панели Pathfinder (Обработка контуров) нажимаем Crop (Обрезка).

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

Но я теперь пользуюсь другим способом. Способ второй – Divide objects below.

Открываем нужное нам изображение, экспандим (Объект -> Разобрать / Object -> Expand) объекты, создаем слой с квадратом без заливки и обводки, равным по размерам рабочей области (можно просто скопировать наш фон (Ctrl+C -> Ctrl+F) и перенести его на верхний слой, убрав заливку).

Выделяем наш пустой квадрат и выбираем Object -> Path -> Divide objects below (Объект -> Контур -> разделить нижние объекты).

Смотрим, что получилось. Всё, что находилось за границей пустого квадрата и рабочей области, разрезалось границами квадрата пополам. Теперь инструментом Прямое выделение (A), белая стрелочка, можно выделить объекты, выходящие за границы, и просто их удалить. При этом, всё останется сгруппированным так, как было, порядок объектов не нарушается и элементы можно редактировать.

В чем недостаток данного способа?
Нужно внимательно смотреть, что остается за краями рабочей области. Иногда там остаются совсем мелкие кусочки и обрезки, которые можно заметить только при большом приближении. Если их не удалить, то потом на текстуре образуется белая полоса, и рисунок просто не сложится. Выискивание этих мелких обрезков порой занимает больше времени, чем если бы мы просто воспользовались инструментом Crop, как в первом способе.

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

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

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

Существует один интересный трюк, который позволят нам обрезать растр. Для демонстрации техники я буду использовать изображение Yellow pool float с Shutterstock. Вставим изображение в текущий документ File > Place…. Это может быть Linked (связанное или Embedded (внедренное) изображение.


Не снимая выделения с изображения, нажимаем на кнопку Mask в панели Control. Это приведет к созданию clipping mask.


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


Выделяем всю Clip Group и применяем любой режим смешивания отличный от Normal в панели Transparency.


Теперь переходим Object > Flatten Transparency… и выбираем опции, показанные на рисунке ниже.


Мы обрезали изображение, хотя образовалась еще одна clipping mask. Если до обрезки мы имели linked image, то оно будет конвертировано в embedded image.


Избавимся от clipping masks, для этого дважды используем комбинацию горячих клавиш Opt/Alt + Cmd/Ctrl + 7 или Object > Clipping Mask > Release. Теперь удалим все clipping path. Выделяем все, затем переходим Object > Path > Clean Up…. И наконец, Object > Ungroup. Таким образом, мы обрезали растровое изображение непосредственно в Adobe Illustrator, совершив 8 действий.


Немного громоздко, а можно побыстрей? Да, можно при помощи инструмента Crop Image Tool плагина Rasterino. Встроим изображение, если оно является linked, нажав на соответствующую кнопку в панели Control.


Берем Crop Image Tool и выбираем зону обрезки.


Теперь нам осталось нажать на галочку в аннотации или просто нажать кнопку Enter. На аннотации вы можете видеть точные размеры оригинала и обрезанного изображения.


Нам потребовалось всего два простых и понятных действия для того чтобы обрезать картинку. Преимущества, по-моему, очевидны. Существует несколько опций этого инструмента. Для открытия диалога с опциями дважды кликните на иконке инструмента, зажав при этом Ctrl. Или вы можете получить доступ к диалогу из всплывающего меню панели Rasterino (Window > Rasterino > Rasterino panel).


Здесь вы можете выбрать показывать аннотацию или нет, включить/выключить Smart Guides (умные направляющие) и показывать зону обрезки. Мы рекомендуем оставлять включенной опцию Constrain Crop to Image’s Pixel Grid так как это позволяет резать только целые пиксели картинки. Дробные значения размеров изображения неминуемо приведут к изменению разрешения.


Кроме интерактивной обрезки изображений Rasterino много других инструментов и функций, которые позволяют работать с растровыми объектами прямо в Adobe Illustrator. К ним относятся: Re-link embedded one or multiple images (PSD format), In-line editing of embedded images, Trim image(s), Crop image (numerically), Specify resolution of image on artboard precisely (embedded and linked images). Узнать больше об этом вы сможете, изучив уроки и статьи посвященные этому плагину.

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

Пример 1

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

divide objects below


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

divide objects below


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

divide objects below
divide objects below

Пример 2

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

divide objects below


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

divide objects below


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

divide objects below

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

В этом вам поможет инструмент перо (pen tool). У нас слитный, фоновый пример, поэтому мы просто вырежем какую-нибудь произвольную область. Вы же, в своих работах, при помощи пера сможете обвести любой контур.

как обрезать в adobe illustrator

illustrator как обрезать изображение

В табличке со слоями, внизу, будет функция, которая позволит вам сделать маску.

illustrator обрезать по монтажной области

Получается, что мы удалим весь фон, оставив только вырезанный объект.

illustrator обрезать по контуру

adobe illustrator как обрезать изображение

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

Собственно, открываем наш PNG-файл и видим, что рисунок сохранился именно так, как мы того хотели, т.е. просто вырезанный кусок фрагмента.

illustrator обрезать объект

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

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