Разработка сайта по вашему дизайну. Доработка, поддержка, html-верстка сайтов.

Обтравочная маска «clipping mask» или техника «alt – клик»

/ Сергей Нуйкин / Теория по фотошопу

Рад приветствовать, друзья! В этом уроке по фотошопу я поделюсь знаниями по обтравочной маске.

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

Также необходимо заметить, что при прозрачности базового слоя, верхний слой также наследует его прозрачность, даже если он имеет 100% непрозрачность.

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

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

Также хочу подметить, что при помощи маски можно получить идеальные края фигуры при многократном перекрашивание.

Идеальные края с помощью обтравочной маски

Что я подразумеваю под идеальным краем?

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

удаление пикселей на краях при помощи обтравочной маски

В техдизайне эту технику называют «alt – клик» она получила это название из-за способа создания маски. Для ее создания необходимо в палитре слоев навести курсор мыши между слоями с зажатой клавишей ALT после чего у нас появится значок двух кружков со стрелочкой, затем необходимо произвести клик левой клавишей мыши, тогда верхний слой сдвинется вправо и слева от него появится стрелка, а у названия нижнего слоя появится подчеркивание.

clipping-mask обтравочная маска

Также можно создать обтравочную маску при помощи меню слои > создать обтравочную маску там же ее можно и отменить, также можно воспользоваться комбинацией клавиш (ctrl + alt + g).

menu-maska

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

отменить обтравочную маску

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

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

Пример обтравочной маски с текстом. Наложение эффектов стиля слоя на базовый слой, и наложение изображения на слой с текстом как маску.

текс с обтравочной маской

Пример clipping mask виньетка. Простая виньетка фотография вписанная в фигуру облачка.

виньетка с помощью обтравочной маски

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

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

рисование при помощи обтравочной маски

Пример использования альт – клик в дизайне. На примере можно видеть как в форму шапки вписан фон, телефоны, которые без этой техники нужно было бы обрезать а так их установил по месту и ненужные элементы не отображаются за границей базового слоя шапки.

dizain-clipping-mask

На все, заглядывайте чаще на fotodizart.ru, если возникнут вопросы задавайте в комментариях, по возможности всегда отвечу.

Понравилась статья?
Подпишитесь на обновления:
Поделитесь материалом с друзьями:

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

Комментарии к статье:
    • Лысенко Евгений

      Вот бы чуть раньше эту статью почитать. Думал-гадал над одним изображением для статьи. Хотел за открытой дверью вывести один знак, да так чтобы он был ограничен рамками двери. Ну типа открыл, а за ней еще что-то есть. Зато теперь знаю как это реализовать. Спасибо!

    • Лысенко Евгений

      Заметано ;)

    • Евгений Комиссаров

      У меня немного другие методы :) Вот что мне нравится в фотошопе так то что один эффект можно создать десятком разных способов ;)

    • Нуйкин Сергей

      Пожалуйста! А Вы если бывают какие-то вопросы пишите, можете через контакты или через комментарии, я на будущие статьи буду иметь в виду какие вопросы осветить.

    • Нуйкин Сергей

      Ну отлично, договорились! ;)

    • Нуйкин Сергей

      Да, разумеется, можно создавать разными способами, просто есть способы, которые займут меньше времени и оптимальнее подойдут, нежели другие.
      К примеру, при создание виньетки нам необходимо вписать фото в маску, чтобы она была идеально вписана. Мы можем воспользоваться альт-кликом и подвигать фото до нужного результата, а можем пойти более сложным путем установить непрозрачность потом подогнать, загрузить выделенную область маски для обрезки под размер, потом обрезать и вернуть непрозрачность.

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

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

    • Даниил

      Полезный урок, но применить мне его пока особо негде, может ещё пригодится.

    • Нуйкин Сергей

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

    • Даниил

      Раньше я думал, что маски это очень сложное занятие, но теперь я пополнил список своих умений в фш и очень рад этому.

    • Нуйкин Сергей

      И это отлично, потому как поначалу все и всегда кажется сложным, но со временем кажется что это все так легко. Как в спорте, когда долго не занимаешься кажется что очень тяжело, но позанимавшись с неделю уже тяжести как не бывало. ;)

Добавить комментарий:

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!:

Нажимая на кнопку «Отправить комментарий», вы соглашаетесь с Политикой конфеденциальности.