Как обрезать монтажную область в Illustrator

Обновлено: 22.11.2024

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

В этой статье мы познакомим вас с различными вариантами кадрирования, которые предлагает Illustrator. Мы также объясним разницу между обрезкой растровой (пиксельной) графики и векторной.

Обрезка в Adobe Illustrator кажется немного запутанной темой.

Мы не удивлены, тем более, что опытные пользователи Adobe знают, как недавно в список их функций была добавлена опция кадрирования. Особенно при работе с растровой графикой дизайнерам приходилось переключаться между Adobe Illustrator и Photoshop для обрезки. Но не больше.

И, наконец, мы продемонстрируем, как другие программы для дизайна, такие как Vectornator, конкурируют с Adobe Illustrator в обеспечении приятного пользовательского опыта обрезки. Вы чувствуете себя ошеломленным и сбитым с толку, или вам кажется, что вы могли бы узнать, как кадрировать, не читая об этом целую статью? Давайте узнаем в этом пошаговом руководстве, не так ли?

Понимание того, чего вы хотите достичь

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

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

Вы можете использовать различные методы в зависимости от ваших потребностей. Мы объясним все ниже.

Разница между кадрированием растра и вектора

Хорошо, и последнее, прежде чем мы перейдем к делу. Обрезка растра — это не то же самое, что обрезка вектора. Помните комбинацию Photoshop/Illustrator, о которой мы упоминали ранее: использование Photoshop для обрезки изображений и Illustrator для обрезки векторов? Довольно непрактично, если вы спросите нас. Но начиная с Creative Cloud, Illustrator предлагает простой инструмент кадрирования для изменения растровых изображений.

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

Много способов обрезать изображение

Обрезка изображения в Illustrator CC с помощью кнопки «Обрезать»

Как следует из названия, это самый простой способ кадрирования изображения. Но он доступен только для пользователей Illustrator CC.

Выберите изображение с помощью инструмента «Выделение». Затем нажмите кнопку «Обрезать изображение» на верхней панели инструментов. Перетащите углы/якоря, чтобы обрезать изображение именно так, как вы хотите (при условии, что вы хотите получить прямоугольник).

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

У параметра «Обрезать изображение» нет сочетания клавиш, но вы можете создать его самостоятельно. С помощью этого метода вы можете обрезать как связанные изображения, так и встроенные изображения. Чтобы встроить изображение в Adobe Illustrator, достаточно щелкнуть его правой кнопкой мыши и нажать «Встроить».

Обрезка вектора в Adobe Illustrator с помощью функции Crop

На этот раз все не так просто, как следует из названия. Если вы хотите обрезать вектор простой формы, вы также можете использовать их векторный инструмент «Обрезка», который (из-за отсутствия лучшего слова) скрыт на панели «Обработка контуров».

Сначала создайте фигуру с помощью инструмента "Прямоугольник" или "Эллипс". Выберите оба объекта, убедившись, что объект, который вы хотите обрезать, находится под ним. Затем перейдите в Window -> Pathfinder и нажмите Crop. Части за пределами фигуры будут обрезаны.

Это похоже на обтравочную маску (о которой мы расскажем ниже). Разница лишь в том, что этот метод обрезает деструктивно, а маска — нет. Вот почему мы настоятельно рекомендуем использовать маски во всех ваших проектах по обрезке.

Обрезка в Adobe Illustrator с использованием обтравочной маски

При кадрировании маски станут вашим лучшим другом, поэтому здесь стоит уделить особое внимание.

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

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

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

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

Затем нажмите «Объект» -> «Обтравочная маска». Бум. Теперь вы можете увидеть обрезанное изображение.

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

Обрезка в Adobe Illustrator с использованием маски непрозрачности

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

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

В этом примере мы будем использовать базовые белые цвета, чтобы объект просто обрезался. Выберите изображение и форму. Чтобы создать маску непрозрачности, перейдите в «Окно» -> «Прозрачность». Появится новая панель. Там вам нужно будет нажать «Создать маску», но убедитесь, что установлен флажок «Клип».

Быстрая обрезка с монтажными областями

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

Метод очень прост. Нажмите на значок монтажной области и измените его форму на область, которую вы хотите обрезать. Затем экспортируйте файл! Перейдя в «Файл» -> «Экспортировать как» и в диалоговом окне установите флажок «Использовать артборд для экспорта». Готово.

Обрезка до соотношения сторон

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

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

Переместите фигуру в нужное место и просто примените к ней обтравочную маску.

Векторнатор против Иллюстратора

Но Vectornator и Illustrator не могли больше отличаться друг от друга.Adobe известен своим загроможденным интерфейсом, множеством «скрытых» функций и тем фактом, что вам действительно нужно обучаться работе с инструментом, чтобы правильно им пользоваться. Как пользователь среднего уровня, вы все еще можете постоянно искать в Google, как достичь разных целей, когда на самом деле ваш ум должен быть полностью сосредоточен на проектировании.

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

В Vectornator вы можете очень легко обрезать с помощью маски. Мы уже видели, что это действительно лучший способ изменить размер или форму любой графики. Потому что 1. это неразрушающе; 2. у вас есть полная свобода перемещения по оригинальной графике после завершения операции; 3. полученная форма по-прежнему является вектором, который вы можете изменять по своему усмотрению.

Как только вы откроете Vectornator, вас встретит чистый интерфейс, без верхней панели инструментов, без помех, без шума и без плагинов. Это может сэкономить вам часы и часы в вашем творческом рабочем процессе. Кроме того, у Vectornator очень плоская кривая обучения, и если вы попробуете его самостоятельно, вам будет намного легче освоиться, чем Adobe Illustrator.

Как обрезать в Vectornator

Любую закрытую фигуру можно превратить в обтравочную маску.

Теперь, чтобы обрезать объект, сначала нужно поместить обтравочную маску поверх него в желаемом положении. Не беспокойтесь, после обрезки вы все равно сможете вносить изменения. Выберите и объект, и обтравочную маску с помощью нашего инструмента «Множественное выделение» слева. Затем нажмите кнопку «Маска» на вкладке «Путь» справа или воспользуйтесь «Быстрыми действиями» на iPad.

Самое приятное в этом процессе (чего нет в других инструментах дизайна) заключается в том, что рядом с маскируемым объектом появляется тонкая буква М. Конечно, это не будет частью вашего дизайна! Он просто указывает, что выбранный объект находится под маской. Полезно, правда?

Если вы хотите отредактировать маску, просто дважды коснитесь (на iPad) или дважды щелкните (на Mac). Редактируйте столько, сколько хотите. Чтобы выйти из редактирования, дважды коснитесь (двойной щелчок) еще раз. Вы даже можете импортировать файл Illustrator в Vectornator и работать с ним оттуда.

Чтобы узнать больше о маскировании и многих других векторных операциях в Vectornator, перейдите в наш раздел Learning Hub, где мы подробно объясним их ->

Меня зовут Хелен Брэдли, я фотограф и профессионал в Photoshop. В этом блоге о Photoshop и Lightroom вы найдете полезные советы, приемы и методы Photoshop и Lightroom, которые помогут вам получить больше от обеих программ. Вы также найдете пошаговые руководства по творческой работе с фотографиями в Lightroom и Photoshop, а также в любых других интересных приложениях, о которых, как я знаю, вам будет интересно узнать больше.

Автор

Ссылки

Предыдущий пост

Illustrator: извлечение точек из обведенной линии
Какого размера я могу сделать идентификационную табличку Lightroom — окончательный ответ
Инструмент "Перо" и резинка!
Начните новую строку поверх существующей в Illustrator
Создание высокотехнологичных колец HUD в Photoshop
Поиск файлов по имени в Lightroom
Создание значков с длинными тенями в Illustrator
Как выравнивать и распределять фигуры в Illustrator
Стимпанк! Научитесь рисовать шестерни и шестеренки в Illustrator.
Нарисуйте мультяшную птицу в Illustrator — используйте инструмент создания фигур

Архивы

Подписаться на сообщения [Atom]

Поиск по блогу

Пятница, 20 марта 2015 г.

Обрезать монтажную область до размера объекта в Illustrator

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

Теперь вы можете взять инструмент Монтажная область и начать регулировать ее размер, но есть более простой способ. Начните с выбора объектов на монтажной области, а затем дважды щелкните инструмент «Монтажная область» на панели «Инструменты». Откроется панель параметров монтажной области. В раскрывающемся списке «Набор» выберите Подогнать под выбранный рисунок. Монтажная область будет мгновенно изменена в соответствии с изображением на монтажной области.

Нажмите другой инструмент, например инструмент «Выделение», чтобы снять выделение с монтажной области, и все готово — вы обрезали лишнюю монтажную область от своей иллюстрации.

автор: Helen Bradley @ Friday, March 20th, 2015 2 Comment

5 лет, но входит в десятку лучших в Google по показателю «обрезка объектов в иллюстраторе»
Спасибо, как раз то, что мне было нужно

Спасибо за этот совет! Я много лет думал, как это сделать! 🙂

Пожалуйста, не стесняйтесь добавлять сюда свои комментарии. Спасибо!

У меня есть очень сложная текстура, которую я СИЛЬНО обкатываю по артборду, и мне нужно очистить ее для клиента. Как избавиться от всех точек за пределами артборда?

3 ответа 3

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

Сгруппируйте все слои, которые вы хотите обрезать, выбрав их и нажав Command + G .
Затем создайте прямоугольник с такими же размерами, как у монтажной области, и отцентрируйте его по горизонтали и вертикали.
Поместив слой с прямоугольником на передний план, выберите оба объекта, нажмите Command + 7 ,
- Или выберите Объект → Обтравочная маска → Создать.

И вуаля. Вы увидите только части в пределах размеров прямоугольника. Просто дважды щелкните новый объект, чтобы получить доступ к обрезанной информации, или введите Command + Alt + 7, чтобы избавиться от обтравочной маски.

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

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

Обратите внимание: не нажимайте кнопку маски на панели слоев. Это не работает, но работает команда + 7 (как указано в инструкции, лол)

Обтравочная маска не удалит контуры и точки, находящиеся за пределами монтажной области, — она просто скроет их.

Я бы использовал навигатор Crop.

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

Результирующий объект будет представлять собой группу контуров — верхний «обрезной объект» все еще там — он потеряет заливку и обводку — но если они вам нужны, вы просто повторно применяете заливку или обводку.

В программе векторной графики Adobe Illustrator есть монтажная область — холст, на котором отображается конечный результат ваших усилий. Материалы и слои можно складывать за пределы монтажной области и перетаскивать на нее по мере необходимости для эффекта, но попытка получить представление о готовом продукте с этим материалом может отвлекать. Есть несколько способов удалить или скрыть этот лишний материал, чтобы вы могли четко просмотреть конечный продукт.

Под этой маской.

Illustrator поддерживает создание «обтравочных масок» — векторных объектов, которые скрывают или «маскируют» все, что находится под ними. Работа обтравочной маски заключается в том, что векторный объект рисуется вокруг цели — в данном случае монтажной области. Как только он установлен на маску, все, что находится за пределами объекта, становится невидимым, а содержимое остается видимым. Чтобы добавить обтравочную маску, создайте векторный объект, который будет служить маской или «обтравочным контуром». Этот обтравочный контур должен быть такого размера и формы, чтобы он соответствовал монтажной области. Поместите обтравочный контур на верхний слой стопки, а затем переместите его по монтажной области. Выберите обтравочный контур и объект, который вы хотите замаскировать, и нажмите «Объект», а затем «Обтравочная маска» и «Создать». Все объекты за пределами обтравочного контура теперь будут скрыты, хотя технически они все еще там.

Кадрировать, кадрировать и прочь!

Если вы хотите удалить материалы за пределы монтажной области, а не скрывать их, вы также можете их обрезать. Инструмент обрезки работает очень похожим образом, требуя от вас создания прозрачного векторного объекта для наложения поверх монтажной области. Однако на этом сходство заканчивается, поскольку все содержимое монтажной области должно быть преобразовано из штрихов в контуры. Необходимо сделать копию содержимого монтажной области, чтобы сохранить оригинальную иллюстрацию на случай, если вы захотите продолжить работу с ней позже. Наложите векторный объект на монтажную область — для правильной работы он должен быть того же размера и формы. Как только он будет на месте, откройте инструмент «Pathfinder» и выберите инструмент «Crop». Все, что находится за пределами векторного объекта, будет удалено, и в рабочей области не останется материалов.

Принимайте только мою хорошую сторону

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

Это даже не моя окончательная форма

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

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