• Павел Сорбучев
  • 11 мин. чтения
  • 13 сентября 2026
  • 8 просмотров

Обтравочная маска в Illustrator: фото в фигуре и тексте

Чтобы сделать обтравочную маску в Illustrator, поместите векторную фигуру над фотографией, выделите оба объекта и выберите Object → Clipping Mask → Make («Объект → Обтравочная маска → Создать»). Сочетание клавиш: Ctrl+7 в Windows, Cmd+7 в macOS. Внутри фигуры останется видимая часть изображения; скрытые края можно будет вернуть.

Ниже разберём фотографию в круге и внутри слова, изменение кадрирования и ситуации, когда маска получается пустой. Инструкция относится к настольному Illustrator. Английские названия команд помогут найти их в другой локализации.

Что подготовить перед созданием маски

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

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

Откройте Window → Layers («Окно → Слои») и разверните нужный слой. На верхнем месте среди выделенных объектов должна находиться фигура, задающая границу. «Верхний» здесь означает порядок наложения, а не положение на странице: круг может быть нарисован ниже фотографии на холсте и всё равно перекрывать её.

Если получили готовый макет, сначала проверьте, что именно в нём редактируется. В материале чем открыть AI и EPS разобраны различия исходника, PDF-представления и изображения для просмотра. Наличие расширения AI само по себе не гарантирует отдельного редактируемого объекта для каждого элемента.

Как поместить фотографию в круг

  1. Добавьте фотографию. Выберите File → Place («Файл → Поместить»), укажите изображение и разместите его на монтажной области.
  2. Нарисуйте границу. Инструментом Ellipse создайте круг поверх нужного участка фотографии. Проверьте, что за краями круга остаётся запас изображения.
  3. Проверьте порядок. В Layers разместите круг выше фотографии. Разблокируйте эти два объекта, если они заблокированы.
  4. Создайте маску. Выделите круг вместе с фотографией и выполните Object → Clipping Mask → Make, либо Ctrl+7 в Windows или Cmd+7 в macOS.
  5. Проверьте результат. Снимите выделение: фотография должна быть видна только внутри круга. Сохраните рабочую копию документа.

В Layers появится Clip Group, внутри которой находятся маска и содержимое. Не нужно заранее превращать фотографию в вектор или применять трассировку. Для составного рисунка под одной границей можно сначала сгруппировать содержимое; сама верхняя фигура при этом остаётся отдельным объектом. Основной принцип создания показан в учебном примере Adobe.

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

Для регулярной работы с векторными макетами в каталоге есть Creative Cloud «Все приложения» на 12 месяцев, в составе которого указан Illustrator. Ключ предназначен для зарубежного Adobe ID с подходящим регионом. Если Illustrator уже доступен по вашей подписке, для создания масок дополнительная покупка не требуется.

Хит продаж 5.0015 отзывов
Adobe Creative Cloud (все приложения)
ключ на 12 месяцев, зарубежный аккаунт
  • Официальная лицензия
  • Доставка на почту за минуту
  • Гарантия активации
29 990 ₽
Подробнее

Как двигать картинку внутри маски

Когда выделена вся Clip Group, перемещение или масштабирование затрагивает и границу, и фотографию. Для другого кадрирования выберите группу и в панели Properties («Свойства») нажмите Edit Contents: теперь изменяйте положение самого содержимого. Круг должен оставаться на месте. Например, сместите портрет так, чтобы лицо оказалось по центру, и проверьте края на просвет.

Для изменения границы используйте Edit Clipping Path в Properties либо Object → Clipping Mask → Edit Mask. Узлы и направляющие контура редактируются инструментом Direct Selection. Выделение маски отдельно от содержимого описано в инструкции Adobe по редактированию масок.

Другой способ: дважды щёлкните по Clip Group, чтобы войти в режим изоляции, а затем выберите фотографию или край маски отдельно. Для выхода нажмите Esc. Если при перетаскивании всё опять движется вместе, посмотрите в Layers, что выделено: вся группа или объект внутри неё.

Обводку можно вернуть маске после создания. Сначала выделите именно её контур, затем назначьте толщину и цвет линии. Если применить оформление не к тому элементу, результат будет отличаться: название Clip Group в панели свойств помогает заметить, что выделена группа целиком.

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

Для надписи с фотографией удобно подготовить один составной контур из букв. В нашем примере это слово «ЛЕС». Сначала выберите шрифт, размер и расстояние между буквами: после перевода в кривые рабочая надпись станет геометрией, а обычное редактирование текста будет недоступно. Сохраните исходный текст отдельно.

  1. Сделайте копию надписи. Наберите «ЛЕС», проверьте написание и сохраните отдельный редактируемый оригинал. В дальнейших действиях используйте копию.
  2. Преобразуйте рабочие буквы. Выделите копию и выполните Type → Create Outlines («Текст → Создать кривые»).
  3. Получите общий контур. При необходимости разгруппируйте результат, выделите только контуры нужных букв и выберите Object → Compound Path → Make.
  4. Подложите изображение. Разместите фотографию под составным контуром так, чтобы она перекрывала всё слово.
  5. Примените маску. Выделите составной контур и фотографию, выполните Object → Clipping Mask → Make. Проверьте каждую букву и сохраните копию AI.

Группа и составной контур — разные объекты. Группа объединяет выделение, а Compound Path позволяет использовать несколько частей как один контур. Это полезно для слова или нескольких окон, сквозь которые должна быть видна одна фотография. У составного контура общее оформление; его части можно править по геометрии. Подробности приведены в справке Compound Path.

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

Похожая задача с изображением внутри букв стала темой Illustrator Creative Challenge от 10 сентября 2026 года. Здесь использован самостоятельный пример. Перевод в кривые выбран для закрепления формы надписи; это не утверждение, что любой текст во всех сценариях обязательно нужно преобразовывать.

Почему обтравочная маска не создаётся или всё исчезает

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

Что видноЧто проверитьСледующее действие
Команда недоступнаВыделены ли содержимое и границаВыйдите из редактирования текста и выберите оба объекта в Layers
Сообщение о неподходящем верхнем объектеЧто находится сверху: контур, группа или растрДля проверки поставьте над картинкой простой векторный круг
После создания ничего не видноПересекаются ли фотография и маскаПроверьте их положение в Clip Group; верните содержимое под границу
Видна только одна букваПодготовлены ли все нужные буквы как общий контурОтмените маску и проверьте состав Compound Path
Вместе с фото двигается рамкаВыделена ли вся группаВыберите Edit Contents или саму фотографию в Layers
Пропала линия вокруг изображенияУбрана ли обводка при создании маскиВыделите контур маски отдельно и назначьте обводку заново

В справке по созданию масок Adobe отдельно показывает работу через Layers. Если объектов много, раскрытый слой обычно полезнее повторных попыток выделить их рамкой: видно, что находится внутри группы и какой элемент станет границей.

Белые углы или странное отображение сложной прозрачности требуют отдельной проверки. В обсуждении сентября 2025 года пользователь Illustrator 29.7.1 сообщил о дефекте при сочетании двух видов масок и подтвердил нормальный вид в CPU Preview. Это частный случай конкретной версии, а не доказательство ошибки в любой актуальной сборке.

Для сравнения переключите View → Preview on CPU. Команда подтверждена справкой Adobe о режимах предпросмотра. Если разница исчезла, зафиксируйте версию Illustrator и видеодрайвера и отдельно проверьте экспорт. Не перестраивайте контуры только из-за дефекта одного режима отображения.

Обтравочная маска, непрозрачность и Crop Image

Обтравочная маска задаёт границу по форме. Если нужен плавный переход фотографии в фон, используйте Opacity Mask через панель Transparency. В маске непрозрачности белые участки показывают содержимое, чёрные скрывают, серые делают его частично прозрачным. Эти правила не следует переносить на цвет заливки обычной обтравочной маски.

Crop Image обрезает растровое изображение прямоугольником и удаляет отсечённые части из его представления в документе. Для связанного изображения Illustrator предлагает встроить копию перед обрезкой. Обтравочная маска сохраняет скрытую область для последующего кадрирования. Разница разобрана в уроке Adobe по обрезке изображений.

Когда задача начинается с ретуши, цветокоррекции или подготовки фото, для неё предназначен фотоплан Photoshop + Lightroom на 12 месяцев. Illustrator в этот план не входит. Он имеет смысл как отдельный набор для фотографа; если Photoshop уже доступен в полном пакете, дублировать подписку не нужно.

Хит продаж 5.0015 отзывов
Adobe Creative Cloud (Photoshop + Lightroom)
ключ на 12 месяцев, зарубежный аккаунт
  • Официальная лицензия
  • Доставка на почту за минуту
  • Гарантия активации
16 990 ₽
Подробнее

Как снять маску и передать макет

Чтобы вернуть скрытое содержимое, выделите Clip Group и выполните Object → Clipping Mask → Release. Контур маски останется без заливки и обводки, поэтому может казаться исчезнувшим. Найдите его в Layers и при необходимости задайте оформление. Для добавления нового элемента перетащите его внутрь Clip Group под маску; для исключения перенесите наружу. Эти действия описаны в инструкции по составу и отмене маски.

Сохраните редактируемый AI отдельно от файла для согласования. При использовании связанных фотографий передавайте и сами изображения. Команда File → Package собирает документ и связанные материалы; Copy Links копирует графику, а Relink Linked Files to the Document переназначает пути на собранную папку. Порядок описан в справке Package. Передавать файлы шрифтов можно только в рамках их лицензии.

После сборки откройте копию из новой папки и проверьте кадрирование. Для согласования отправьте отдельный PDF или PNG и подпишите, какой файл является исходником. Если партнёр работает в CorelDRAW, заранее договоритесь о формате обмена; ограничения разобраны в статье об открытии CDR без CorelDRAW.

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

Для самостоятельных правок в готовых PDF в каталоге есть Acrobat Standard на один месяц. Он не содержит Illustrator и не заменяет редактирование Clip Group в AI. Для просмотра экспортированного PDF платный редактор не нужен. Условия зарубежного аккаунта перед покупкой сверяйте с карточкой; подготовка Adobe ID разобрана в инструкции по активации Illustrator.

Часто задаваемые вопросы

Какие клавиши создают обтравочную маску?

Выделите границу и содержимое, затем нажмите Ctrl+7 в Windows или Cmd+7 в macOS. Фигура должна находиться сверху.

Нужно ли обрезать фотографию заранее?

Нет. Маска скроет края, сохранив возможность изменить кадрирование. Crop Image нужен, когда требуется обрезка растра.

Почему маска показывает только одну букву?

Проверьте, включены ли все нужные буквы в составной контур. Обычная группа не равнозначна Compound Path.

Можно ли изменить слово после перевода в кривые?

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

Как двигать фотографию, оставив рамку на месте?

Выделите Clip Group и выберите Edit Contents в Properties либо саму фотографию внутри группы в Layers.

Почему после снятия маски не видно её контура?

У него может не быть заливки и обводки. Найдите объект в Layers и назначьте оформление заново.

Как сделать плавно исчезающий край?

Используйте маску непрозрачности: белый показывает содержимое, чёрный скрывает, серый создаёт частичную прозрачность.

Что проверить при белых углах вокруг сложной маски?

Сравните GPU Preview с View → Preview on CPU и проверьте экспорт. Различие может относиться к отображению, а не к форме контура.

Есть ли Illustrator в фотоплане Photoshop + Lightroom?

Нет. В каталоге Illustrator указан в составе Creative Cloud «Все приложения». Фотоплан подходит для подготовки фотографий.

Нужен ли новый ключ, если маска не создаётся?

Для ошибки выделения или порядка объектов новый ключ не нужен. Сначала проверьте структуру макета; подписка требуется для доступа к самому приложению.

Полезная статья?

Ваша оценка поможет нам стать лучше

Товары из статьи