Что такое clipping mask
Clipping Mask в фотошопе
Про маски в фотошопе я уже писал, однако есть один вид масок, заслуживающий отдельного рассмотрения — это Clipping Mask. Эта функция позволяет наносить содержимое верхнего слоя точно внутри контура нижнего, не выходя за его края. Это очень удобная вещь и на практике может очень пригодиться и сэкономить кучу времени. А теперь посмотрим, как это работает.
Проведем простой эксперимент. Откройте фотошоп, создайте новый документ (размер не важен), затем новый слой сочетанием клавиш Shift+Ctrl+N. С помощью инструмента Ellipse Tool (Эллипс) нарисуйте круг:
Сейчас понадобится ещё один слой (Shift+Ctrl+N). Берем любую кисть и рисуем несколько линий:
Всё как обычно, верно? А теперь удалим слой с линиями, и создадим новый. Удерживая клавишу Alt нажмите на линию, разделяющую 2 слоя:
После этого попробуйте ещё раз нарисовать линии:
Замечаете разницу? Как бы вы не старались, выйти за рамки круга не получится. Это и есть принцип работы Clipping Mask.
Маску можно легко отменить, нажав по слою с маской правой кнопкой мыши и выбрав Release Clipping Mask:
В таком случае вы вновь увидите свои штрихи полностью:
Clipping Mask ещё называют иногда «Альт-клик», по способу создания этой маски. Такое название видимо появилось в виду того, что отсутствует внятный перевод этой функции.
К слову, использовать эту маску можно и для корректирующих слоёв:
В таком случае эффекты будут применяться только к тому слою, для которого создана маска:
Удобно, не правда ли? А дальше вы сами можете представить, какие перспективы открывает эта функция. Вот и всё, надеюсь урок оказался вам полезен.
Слои-маски
Узнайте, как скрыть или показать части слоя или группы слоев с помощью слоев-масок и обтравочных масок.
Слои-маски позволяют управлять видимостью слоя без его редактирования. В зависимости от того, какого эффекта вы хотите добиться, вы можете использовать либо слой-маску, либо обтравочную маску.
Слой-маска позволяет управлять видимостью слоев, к которым он применяется. Обтравочная маска позволяет создавать маску, «обрезая» один или несколько слоев до другого слоя или группы слоев ниже.
Как создать слой-маску
Чтобы создать слой-маску, выполните описанные ниже действия.
Как определить области для маскировки
Чтобы определить области для маскировки, выполните описанные ниже действия.
Как использовать обтравочную маску
Чтобы использовать обтравочную маску, выполните описанные ниже действия.
Советы и рекомендации
Подробнее
Чтобы узнать больше о слоях-масках, посмотрите это видео.
Время просмотра: пять минут
Дальнейшие шаги
Теперь вы знаете все необходимое для начала работы с масками в Adobe Fresco. Интерфейс приложения Adobe Fresco интуитивно понятен, поэтому вам не составит труда освоить его инструменты, такие как пиксельные кисти, живые кисти, векторные кисти, цвета, слои и прочее.
Есть вопрос или идея?
Если вы хотите задать вопрос или поделиться интересной идеей, вступайте в сообщество Adobe Fresco. Мы будем рады услышать ваши идеи и увидеть ваши работы.
Редактирование обтравочных масок
Об обтравочных масках
Обтравочная маска – это объект, форма которого маскирует другой рисунок так, что видимыми остаются только области, которые лежат в пределах маски, то есть рисунок обрезается по форме маски. Обтравочная маска и замаскированные объекты называются обтравочным набором. Обтравочный набор можно составить, выделив два и более объектов, либо на основе всех объектов группы или слоя.
Обтравочные наборы на уровне объектов объединяются в группу в палитре «Слои». При создании обтравочных наборов на уровне слоев объект, находящийся в слое поверх остальных, обрезает лежащие под ним объекты. Все операции над обтравочным набором на уровне объектов, например преобразования или выравнивание, выполняются на основе границы обтравочной маски, а не границы немаскированной области. Создав обтравочную маску на уровне объекта, вы можете выделить содержимое, которое было обрезано, используя палитру «Слои» или инструмент «Прямое выделение» или изолировав обтравочный набор.
При создании обтравочной маски следует учитывать следующие рекомендации:
Если маскируемые объекты не находятся в группе обтравочной маски в палитре «Слои», их следует туда поместить.
Обтравочной маской могут быть только векторные объекты, но маскировать можно любые рисунки.
Если для создания обтравочной маски используется слой или группа, то первый объект слоя или группы маскирует все остальные объекты слоя или группы.
Независимо от назначенных ранее атрибутов обтравочная маска становится объектом без заливки и штриховки.
Совет. Для создания полупрозрачной маски создайте непрозрачную маску в палитре «Прозрачность».
Использование обтравочной маски для скрытия частей объектов
Что такое обтравочная маска в Photoshop
Иными словами, если пиксель (участок) нижележащего слоя прозрачный, то и пиксель (участок) находящего над ним слоя с применённой обтравочной маской тоже прозрачный, если пиксель нижнего слоя непрозрачный, то и писксель верхнего слоя непрозрачный.
Это утверждение выглядит несколько запутанным, но, если немного разобраться, то можно убедится, что обтравочные маски очень просты и понятны в использовании, на самом деле их быстрее и проще использовать, чем маски слоя!
Чтобы лучше понять, что такое обтравочная маска, рассмотрим её действие на примере, а в конце статьи мы сделаем небольшой фотомонтаж с помощью обтравочной маски.
В этом материале я буду использовать Photoshop CS6, но все мы рассмотренное здесь подходит к любой версии вплоть до CS2.
Чтобы по-настоящему понять принцип действия обтравочной маски, в первую очередь необходимо понять разницу между областью с фактическим содержанием и областью прозрачности на слое. Мы рассмотрим это на примере следующей фотографии:
Откроем её в Фотошопе и посмотрим на панель слоёв:
Теперь, когда фоновый слой стал обычным, мы можем добавить новый слой под ним. Для этого следует зажать клавишу Ctrl и нажать на значок «Новый слой» (New Layer) в нижней части панели:
Выключим видимость слоя с изображением, теперь мы видим новый слой, находящийся под ним. Но он является пустым, то есть не имеет никакого содержания вообще. Когда слой не имеет содержания, он является прозрачным. Фотошоп показывает прозрачные области, отображая серо-белую «шахматную» клетку. Когда мы видим такую клетку, это обозначает, что область пустая, прозрачная. В нашем случае прозрачен весь слой целиком:
Как я уже упоминал в начале статьи, обтравочные маски используют содержимое и прозрачность слоя, чтобы определить, какие области слоя, находящегося над ним, оставить видимыми.
Как это работает? Области слоя, расположенные над зонами слоя ниже, имеющими фактическое содержание (будь то пиксели, формы, фигуры или текст), остаются видимыми, в то время как области, расположенные над прозрачными зонами на слое ниже, становятся невидимыми.
Как мы только что отметили, наш новый слой не имеет содержания на всей своей площади. Это просто пустой, прозрачный слой. Давайте посмотрим, что произойдет, если мы применим обтравочную маску для слоя с изображением, находящимся над ним. Чтобы сделать это, я сначала верну видимость слоя, кликнув по значку с глазом. Изображение появляется в окне документа, как и было раньше:
Для применения маски кликаем правой клавишей мыши по слою с изображением, в появившемся меню выбираем пункт «Создать обтравочную маску» (Create Clipping Mask):
Отображение в панели слоёв изменилось, мы видим, что миниатюра слоя (Слой 0) несколько сдвинулась вправо, и с левой стороны у ней появилась небольшая маленькой стрелка, указывающая на слой ниже. Это и есть отображение обтравочной маски, применённой к слою. Т.к. нижний слой не имеет содержания, т.е. полностью прозрачный, то и все пиксели находящегося над ним слоя с изображением теперь скрыты:
Пока не очень интересно.
Давайте оживим наш скромный пейзаж. Отключите видимость верхнего слоя, кликните по нижнему, создайте на нём произвольную выделенную область и залейте каким-нибудь цветом:
Снимите выделение, нажав Ctrl+D.
Теперь включим видимость верхнего слоя. Вуаля, область фотографии, расположенная непосредственно над овальной зоной теперь полностью видна:
Конечно, результат мог бы выглядеть лучше, если бы основной объект фотографии находился бы в центре. К счастью, одной из главных особенностей обтравочных масок является то, что внутри них можно легко перемещать фотографии. Все, что нужно сделать, это взять инструмент «Перемещение» (Move Tool) и перетащить фотографию в центр:
Практическое применение обтравочной маски для фотомонтажа
За основу возьмём эти две фотографии и попробуем вставить портретное фото в рамку:
Я открою в Фотошопе фотографию с рамкой и добавлю в документ портретную фото, в результате, в панели слоёв у меня будет два слоя с фотографиями:
А рабочий документ будет выглядеть так:
Чтобы разместить портрет внутри рамы с помощью обтравочной маски, в первую очередь необходимо создать выделенную область внутри рамки. В моём случае, так как область внутри рамки является черной, я могу легко её выделить с помощью инструмента «Волшебная палочка» (Magic Wand Tool), которую можно выбрать на панели инструментов. Отключим видимость верхнего слоя, а затем мне нужно только кликнуть по чёрной зоне, после чего она выделится:
Далее, мне нужно скопировать выделенную область на отдельный новый слой. Для этого мне нежно просто нажать Ctrl+J.
После этого действия рабочее окно документа визуально не изменилось, но, если мы посмотрим на панель слоёв, то увидим новый слой выше оригинального изображения. Обратите внимание на миниатюру слоя, она показывает, что только чёрная область имеет фактическое содержание, остальная часть слоя пуста, иными словами, прозрачна:
Вернём видимость верхнему слою и применим к нему обтравочную маску. Сеёчас я использую другой способ добавления обтравочной маски.
Зажимаем клавишу Alt и подводим курсор к разделительной линии между слоями, при этом он изменит вид, причём в версии Photoshop CS6 вид изменённого курсора отличается от ранних версий:
Кликаем левой клавишей мыши, маска применяется и верхний слой мгновенно обрезается по границам фактических пикселей слоя, находящегося под ним:
Вот как выглядит теперь панель слоёв:
В окне документа мы видим, что фотография на верхнем слое теперь отображается только внутри области рамки, которую мы выделили и скопировать на отдельный слой. Остальные области фото скрыты от обзора, т.к. они расположены над прозрачной областью слоя.
Ранее мы убедились, что к обтравке можно применять инструмент «Перемещение» (Move Tool). Кроме этого, мы можем использовать инструмент «Свободная трансформация» (Free Transform) не только для перемещения изображения внутри обтравочной маски, но и для изменения его размеров. В моем случае не помешает сделать фотографию поменьше, чтобы она лучше вписывалась в кадр.
Нажимаем Ctrl+T для активации этого инструмента, после чего появляется габаритная рамка. Мы видим, что, несмотря на то, что отображается только область, находящаяся внутри формы маски отсечения, габаритная рамка появилась вокруг фактического размера изображения, который включает области, в настоящее время скрытые из видимости. Теперь просто нажмите и перетащите любой из угловых маркеров, для изменения размера изображения по мере необходимости, при этом следует удерживать клавишу Shift для сохранения соотношения сторон изображения. Когда вы закончите, нажмите Enter:
Для придания объёма композиции, можно применить стиль слоя Внутреннее свечение» (Inner Glow):
Обтравочная маска «clipping mask» или техника «alt – клик»
Рад приветствовать, друзья! В этом уроке по фотошопу я поделюсь знаниями по обтравочной маске.
Итак, обтравочной маской «clipping mask» называют группу слоев, нижний из которых является базовым, он определяет границы видимости всей группы слоев находящихся над ним. К примеру, на базовом слое может быть изображена любая фигура, давайте рассмотрим окружность, края этой окружности будут ограничивать видимость остальных слоев находящихся сверху и входящих в группу обтравочной маски (clipping mask). Следовательно, все, что изображено на слое выше будет обрезаться до границы базового слоя. Отображаться будет только та часть, которая включена в базовый слой.
Также необходимо заметить, что при прозрачности базового слоя, верхний слой также наследует его прозрачность, даже если он имеет 100% непрозрачность.
Особенностью является то, что верхний слой можно двигать сколько угодно при этом он все равно не выйдет за границы базового слоя обтравочной маски. Это дает возможность двигать верхнее изображение, чтобы установить его в нужное нам место без обрезки. Возможно, применение некоторых стилей слоя к базовому слою (тень, обводка).
Также хочу подметить, что при помощи маски можно получить идеальные края фигуры при многократном перекрашивание.
Идеальные края с помощью обтравочной маски
Что я подразумеваю под идеальным краем?
К примеру, мы создали окружность синего цвета, но цвет нас не устраивает, мы перекрашиваем ее для этого выделяем, окружность и заливаем нужным нам цветом. Если проделать это действие несколько раз в плане перекраса то у нас появятся пиксели по краю окружности и форма окружность будет выглядеть некачественно. Благодаря обтравочной маске мы можем перекрашивать эту окружность 100 раз и форма от этого не пострадает, как и качество не ухудшится.
В техдизайне эту технику называют «alt – клик» она получила это название из-за способа создания маски. Для ее создания необходимо в палитре слоев навести курсор мыши между слоями с зажатой клавишей ALT после чего у нас появится значок двух кружков со стрелочкой, затем необходимо произвести клик левой клавишей мыши, тогда верхний слой сдвинется вправо и слева от него появится стрелка, а у названия нижнего слоя появится подчеркивание.
Также можно создать обтравочную маску при помощи меню слои > создать обтравочную маску там же ее можно и отменить, также можно воспользоваться комбинацией клавиш (ctrl + alt + g).
Чтобы отменить обтравочную маску необходимо произвести те же действия что и при ее создание. Либо вызвав выпадающее меню в слоях правой кнопкой мыши и нажать на пункт меню отменить обтравочную маску.
Где можно использовать обтравочную маску?
Пример обтравочной маски с текстом. Наложение эффектов стиля слоя на базовый слой, и наложение изображения на слой с текстом как маску.
Пример clipping mask виньетка. Простая виньетка фотография вписанная в фигуру облачка.
Пример использования в рисование. Рассмотрим нарисованный объемный шар при помощи обтравочной маски. На скриншоте ниже можете видеть, как выглядит готовый вариант шара и раскадровку. Слой базы является окружность, все остальное рисуется поверх и заключается в группу clipping mask.
Это простой пример, но несложно понять, что по такому принципу мы можем создавать разные изображения, раскрашивать их, придавать объем, не затрагивая базу и не выходя за ее пределы. Это дает большое пространство для творчества.
Пример использования альт – клик в дизайне. На примере можно видеть как в форму шапки вписан фон, телефоны, которые без этой техники нужно было бы обрезать а так их установил по месту и ненужные элементы не отображаются за границей базового слоя шапки.