Как пользоваться ножницами в illustrator

Обновлено: 04.07.2024

Блокируем нижний слой с фоном (у нас это розовый квадрат по размеру рабочей области). Выделяем все остальные объекты и группируем их (Ctrl+G).

. и экспандим (Объект -> Разобрать / 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 - это редактор векторной графики, который используется для создания и обработки различных изображений. Данная программа применяется в полиграфии, веб-дизайне и для оформления электронных презентаций.

Для вырезания изображения в программе Illustrator выделите сначала опорные точки и сегменты контура для того, чтобы можно было его отредактировать. Это можно сделать с помощью инструментов «Частичное выделение» и «Лассо». Они находятся на панели инструментов, которая по умолчанию расположена в левой части рабочего окна.

Выберите инструмент «Частичное выделение» (Direct Selection) и перетаскиванием мышью определите границу вокруг опорных точек. Выберите дополнительные опорные точки следующим способом: удерживая нажатой клавишу Shift, переместите инструмент «Частичное выделение» над опорной точкой, при этом указатель должен превратиться в пустой квадрат. Затем установите щелчком мыши следующую точку.

Активизируйте инструмент «Лассо» (Lasso), если нужно выделить опорные точки. Затем перетащите его вокруг опорных точек. Если необходимо выбрать дополнительные точки, нажмите и удерживайте клавишу Shift.

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

Активизируйте инструмент «Лассо», чтобы выделить часть контура с его помощью, и проведите его вокруг сегмента. Дополнительные части контура выделите путем перетаскивания инструмента вокруг них, удерживая клавишу Shift.

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

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

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

Срезы, созданные в Illustrator, можно использовать для преобразования иллюстраций, текста и статических изображений в элементы при создании страниц HTML (язык разметки гипертекста). Срезы позволяют разделить значительную картинку или рисунок на более мелкие области, которые можно сохранить как отдельные улучшенные картинки. Эти изображения будут загружаться одновременно и, как правило, быстрее, чем одна огромная картинка в веб-браузере. Инструмент «Срез» можно использовать для разделения макета Illustrator на фрагменты. С помощью инструмента «Срез» Illustrator добавит срезы, чтобы заполнить все промежутки между объектами. Ломтики используются для вырезания веб-иллюстраций, создавая несколько кусочков из полной картины. Чтобы использовать срезы в изображении, которое нарезано, вы должны быть в состоянии выбрать их, и вы можете сделать это с помощью инструмента выбора срезов.

Как использовать инструмент «Срез» в Illustrator?

При создании веб-страниц в Adobe Illustrator существует огромное разнообразие взаимосвязанных фрагментов. Они могут включать в себя векторную графику, растровые изображения и HTML-коды, все они функционируют совместно для обеспечения бесперебойной работы в Интернете. Чтобы отделить и отредактировать эти отдельные элементы в одной программе, Illustrator позволяет создавать конечности между ними, называемые срезами или кусочками. Процесс нарезки говорит Illustrator, какую часть веб-страницы вы хотите отделить от остальных, и сохраните их по отдельности в формате JPEG.webp, GIF или PNG.

Мы возьмем шаблон сайта EDUCBA в качестве примера процесса объяснения:

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

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

После того, как вы нарезали нужные элементы, чтобы выбрать срез, щелкните инструмент выбора среза на панели инструментов, он будет похож на инструмент среза, но с небольшим курсором, похожим на мышь, над ним. Затем выберите срез. Если вы хотите выбрать более одного среза, просто удерживайте Shift и нажимайте на срезы один за другим.

Вы можете выделить параметр инструмента среза из панели инструментов, нажав на внешнюю стрелку, как выделено на изображении выше, поскольку это облегчает эффективное использование инструмента.
Если вы удовлетворены положением среза и хотите предотвратить случайные изменения, вы можете защитить его или заблокировать, перейдя на панель слоев, щелкнув столбец редактирования среза. Чтобы сразу защитить все свои фрагменты, выберите «Вид»> «Блокировать фрагменты» в строке меню вверху.

Теперь, чтобы сохранить сделанные вами выборы, нажмите «Файл»> «Сохранить для Интернета», откроется окно, как показано ниже.

Теперь, используя инструмент выбора срезов, вы можете выбрать отдельные нарезанные элементы и сохранить их по отдельности как JPEG.webp, PNG или GIF. Логотипы могут быть сохранены в формате SVG.
После нажатия кнопки «Сохранить» вы получите всплывающее окно для сохранения вашего выбора, как показано ниже.

Другой способ создания ломтиков - через направляющие. Мы будем использовать тот же пример, что и выше, и будем использовать направляющие для нарезки отдельных элементов. Для направляющих нам нужны линейки, которые можно включить, нажав Ctrl + R для Mac и Ctrl + R для Windows. Мы создадим руководства, как показано ниже:

После того, как вы создали направляющие, следующим шагом будет нарезка элемента, нажав «Объект»> «Срез»> «Создать из направляющих».

Как видите, элементы теперь нарезаны.

Чтобы удалить срез, выберите его с помощью инструмента выбора среза, а затем нажмите клавишу удаления. Если вы хотите удалить все фрагменты в вашей работе и начать заново, перейдите в Object> Slices> Delete all.
Удаление фрагмента также приведет к удалению подключенного изображения, поэтому, если вы хотите сохранить изображение в целости и сохранности, вы должны вместо этого освободить фрагмент. Чтобы достичь этого, выберите нужный вам срез, а затем перейдите в Object> Slice> Release.
В конце концов, можно скрыть ячейки таблицы ваших срезов и аналогичные логотипы, не исключая срезы из вашей работы. Для этого выберите «Вид»> «Скрыть фрагменты».

Вывод

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

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

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

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

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

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

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

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

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

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

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

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

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

«Stroke»

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

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

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

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

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

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

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

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

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