Обтравочная маска (Clipping Mask) в Adobe Illustrator — это инструмент и техника, используемая для ограничения видимой области объекта или группы объектов на холсте. Это позволяет скрыть или обрезать часть объекта, которая выходит за определенную форму или область.

Алоха, дизайнеры! Пожалуйста, познакомьтесь с директором сообщества, милыми и совершенно симпатичными собаками Джейсона Эйкена, Джобом и Лили.

Джоб и Лили любят профессиональное плавание, и мы собираемся использовать один из блестящих инструментов дизайна Illustrator, чтобы продемонстрировать их навыки — обтравочную маску.

Что такое обтравочная маска в Illustrator?

Маска отсечения является формой ( так называемым отсечением путем) , который маскирует любой объект под ним, так только то , что внутри отсеченным виден. Путь отсечения может быть только векторный объект, а не фото. Однако под ним может быть что угодно — растровая фотография, векторный рисунок и т. Д.

Несколько замечаний по поводу обтравочных масок:

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

К настоящему времени вы, возможно, думаете… «Что? Я визуально обучаюсь ». Ну, я тоже… так что давайте продемонстрируем.

Инструмент лассо. Освоение выделения в Photoshop

Как сделать? Обтравочная маска в Illustrator

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

Обтравочную маску можно сделать несколькими способами:

  • Выпадающее меню : Объект> Обтравочная маска> Создать.
  • Сочетание клавиш : команда> 7
  • Панель слоев : значок Make / Release Clipping Mask внизу
  • Щелкните правой кнопкой мыши : выделите все объекты и выберите «Создать обтравочную маску».

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

Обтравочная маска в Illustrator

Как только изображения будут правильно расположены, нажмите Object> Clipping Mask> Make. Вы заметите, что все исчезает, кроме того, что находится внутри обтравочного контура (имя проекта). Обтравочная маска в Illustrator

Круто и просто, а?

Обтравочная маска

Использование двух или более контуров обрезки

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

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

Каждая буква теперь стала объектом, который можно редактировать, но не как обычный текст. Вы заметите, что точки привязки появляются на каждой букве — их можно перемещать и редактировать индивидуально:

Контурный текст

К счастью, составной путь позволяет объединить несколько путей в один. Мы можем преобразовать его в один контур, выделив Лили и выбрав «Объект»> «Составной контур»> «Создать» (Command> 8).

составной путь  иллюстратор

Теперь выделите составной контур и фотографию, затем выберите «Объект»> «Обтравочная маска»> «Создать»:

Обтравочная маска создать

Составные пути. Обтравочная маска в Illustrator

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

Поиграйте с ним, возьмите несколько базовых фигур и сложите их друг на друга. Затем выберите Объект> Составной путь> Создать (Command> 8):

Составные формы пути Обтравочная маска в Illustrator

Обрезка двух или более объектов

Хотя не может быть двух или более контуров отсечения (без создания составного контура), вы МОЖЕТЕ отсечь два или более объекта внизу. Обтравочная маска в Illustrator

Я убедился, что фотографии Лили и Иова находятся на одном слое. Я также убедился, что они размещены под обтравочным контуром: СОБАКА ЛЮБОВЬ.

Выберите «Объект»> «Обтравочная маска»> «Создать». Я сделал изображения более заметными, добавив черный фон.

Освобождение или редактирование обтравочной маски и составного контура

Чтобы отменить или отредактировать обтравочную маску, вы можете:

  • Выберите Object> Clipping Mask> Edit / Release.
  • Или отредактируйте, изолировав обтравочную маску: дважды щелкните по ней или найдите ее на панели слоев.

Освободите или отредактируйте составной путь:

  • Выберите «Объект»> «Составной контур»> «Освободить».
  • Или отредактируйте, изолировав составной путь: дважды щелкните по нему или найдите его на панели слоев.

Как видите, обтравочные маски и составные контуры — довольно крутые и простые инструменты, которые делают проектирование намного более увлекательным.

Типография Азбука