Обтравочная маска и маска непрозрачности в Illustrator: как выбрать под задачу

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

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

Когда задача про форму, а когда про исчезновение

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

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

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

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

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

Учебный пример: часть 1 — фото внутри формы

Условный учебный кейс. Есть монтажная область 1200 × 800 px и фотография 1400 × 900 px. Мы делаем афишу: слева нужен круглый портрет автора диаметром 280 px. Действия такие: рисуем круг 280 × 280 px, ставим его поверх фотографии, выравниваем по нужной позиции и создаем обтравочную маску. После этого видна только круглая область изображения.

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

Маска непрозрачности: когда нужен плавный переход

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

У этого инструмента есть параметры, которые часто сбивают новичка. Если включить Invert Mask, поведение меняется на противоположное: то, что было видимым, начинает скрываться, и наоборот. Если включить Clip, Illustrator дополнительно ограничивает видимую область границами объекта маски. На практике это означает, что при одной и той же градиентной маске результат может быть либо просто плавным исчезновением, либо плавным исчезновением еще и в пределах конкретного прямоугольника.

Учебный пример: часть 2 — плавное исчезновение

Продолжим тот же условный макет. Справа нужна широкая фотография фона размером 900 × 320 px, которая должна полностью читаться сверху и уходить в прозрачность к низу. Для маски делаем прямоугольник того же размера и задаем вертикальный градиент: сверху белый, снизу черный. После применения маски непрозрачности верхняя часть изображения остается видимой, середина становится частично прозрачной, а низ исчезает в фон.

Проверяем результат по контрольным точкам. Если середина градиента приходится примерно на половину высоты, то зона около 160 px от верхнего края будет не полностью видимой и не полностью скрытой. Если включить инверсию, эффект перевернется: верх начнет исчезать, а низ проявится. Если при этом включить обрезку, картинка дополнительно подчинится прямоугольным границам маски. Это полезно, когда нужно одновременно и ограничить блок, и сделать мягкий край.

Как проверить редактирование и не перепутать инструменты

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

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

Практически полезно делать себе короткий тест после любой правки: 1) сдвиньте изображение внутри маски; 2) измените форму или градиент маски; 3) посмотрите, соответствует ли изменение вашей задаче. Если должна была измениться только рамка, а меняется степень прозрачности, выбран не тот тип маски. Если должно было появиться плавное исчезновение, а получается только резкий край, ситуация обратная.

Как выбрать за 30 секунд под свою задачу

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

Итог у нашего учебного кейса проверяемый. В левой части афиши портрет остается строго в круге 280 × 280 px и кадрируется без потери формы. В правой части фоновое фото сохраняет читаемость сверху и постепенно растворяется вниз внутри блока 900 × 320 px. Это два разных результата, и именно поэтому в одном макете часто нужны обе маски сразу, а не «какая-то одна универсальная».

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