Обтравочная маска в фотошопе: Что такое обтравочная маска в Photoshop

Содержание

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

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

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

Это утверждение выглядит несколько запутанным, но, если немного разобраться, то можно убедится, что обтравочные маски очень просты и понятны в использовании, на самом деле их быстрее и проще использовать, чем маски слоя!

Чтобы лучше понять, что такое обтравочная маска, рассмотрим её действие на примере, а в конце статьи мы сделаем небольшой фотомонтаж с помощью обтравочной маски.

В этом материале я буду использовать Photoshop CS6, но все мы рассмотренное здесь подходит к любой версии вплоть до CS2.

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

Откроем её в Фотошопе и посмотрим на панель слоёв:

Чтобы показать работу обтравочной маски, мне потребуется добавить новый пустой слой ниже слоя с изображением. Photoshop не позволяет нам добавлять слои ниже фонового слоя , но, для того, чтобы обойти эту проблему, все, что нам нужно сделать, это переименовать фоновый слой для его разблокировки.

Теперь, когда фоновый слой стал обычным, мы можем добавить новый слой под ним. Для этого следует зажать клавишу 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):

Как использовать обтравочную маску в фотошоп

Мир графики и дизайна » Уроки Photoshop » основы

18 июля 2016Рубрика: основыАвтор: Администратор

Содержание

Пошаговое руководство создания обтравочной маски
Как вставить фото в рамку при помощи обтравочной маски
Еще один пример использования обтравочной маски — это аккуратное рисование

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

Обтравочная маска (Clipping Mask) — очень полезный инструмент Adobe Photoshop, который помогает экономить много времени и позволяет делать следующие вещи:

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

На самом деле эти все варианты отражают один и тот же процесс — обрезка изображения по краям контура предыдущего слоя.

Простейший пример: создадим новый документ. На нижнем слое нарисуем фигуру, например, круг. А на верхний слой поместим любое изображение. Создадим обтравочную маску, кликнув между слоями с зажатой клавишей ALT. Получим круг с заливкой верхним слоем. Границы изображения, выходящие за пределы круга были обрезаны.

Пошаговое руководство создания обтравочной маски

Создайте новый документ в фотошоп с произвольными размерами, белый фон, и разрешением 72dpi.
Возьмите инструмент «Произвольная фигура», выберите любую фигуру (в настройках фигуры у вас должно быть «слой-заливка», а не контур) и создайте фигуру любого цвета:
Теперь открываем любое изображение, например, фото котика и переносим его на наш документ в качестве верхнего слоя. Для этого берем просто инструмент «Перемещение» «Move Tool» и перетягиваем изображение на наш документ. Располагаем наше изображение так, чтобы нижележащий слой с фигурой был полностью скрыт, не виден по верхним слоем. При необходимости, воспользуйтесь трансформированием (для быстрого вызова воспользуйтесь горячими клавишами CTRL + T).
Теперь поместите курсор мыши между верхним слоем с изображением и нижележащим слоем с фигурой и нажмите клавишу ALT. Переместите немного курсор при необходимости, удерживая клавишу ALT. Как только между слоями появится значок, состоящий и двух пересеченных окружностей, все также удерживая ALT, сделайте клик левой кнопкой мыши между слоями.
Теперь при помощи инструмента «Перемещение» (Move Tool) при активном верхнем слое вы можете задать более удачное расположение кота в виньетке.

Как вставить фото в рамку при помощи обтравочной маски

На нашем сайте описан один из способов вставки фотографии в рамку в фотошопе. Однако при помощи обтравочной маски это сделать еще проще! К тому же в этом лучае вовсе не обязательно, чтобы рамка имела прозрачные пиксели внутри.

Откройте вашу рамку в фотошоп. Для примера я выбрала эту рамку:
Откройте в фотошопе фотографию, которую вы хотите вставить в вашу рамочку. У меня это снова кот.
Переместите фотографию документ с рамкой простым перетягиванием при помощи инструмента Move Tool (Перемещение). При необходимости трансформируйте (CTRL + T). Добейтесь того, чтобы после манипуляций, зона, которая должна быть выполнена фотографией (в моей рамке — это белый фон) была полностью перекрыта вашей фотографией:
Возьмите инструмент «Волшебная палочка» (Magic Wand), кликните по белому полю в рамочке (слой с рамкой должен быть активен). Загрузится выделение вокруг белого поля.
При активном нижнем слое (с рамочкой), не снимая выделение, кликните сочетание клавиш CTRL + J. У вас образуется новый слой, в который скопируется содержимое выделения, т. е. центральная белая область рамки. Так выглядит он, если убрать видимость слоев рамки и фото:
Теперь снова включаем видимость всех слоев, зажимаем клавишу ALT и кликаем между слоями верхним и нижележащим (слоем с фотографией и слоем с центральной областью рамки). При помощи обтравочной маски у нас обрезались лишние края, выходящие за пределы области.

Еще один пример использования обтравочной маски — это аккуратное рисование

Например, рисование прожилок листа или расчерчивание расписания уроков, или нанесение рисунка на клипарт (ваза, шарик и любой другой) можно сделать аккуратно, даже не стараясь при помощи обтравочной маски. Даже, если вы «вышли за края», то применив обтравочную маску, все ваши огрехи моментально скроются.

Рейтинг

( Пока оценок нет )

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

Как создать обтравочную маску в Photoshop (учебники)

Если вы еще не знаете, как использовать обтравочные маски в Photoshop, приготовьтесь к тому, что ваш мозг взорвется! Этот мощный инструмент позволяет вам добавлять и ограничивать эффекты для определенных слоев или управлять любым типом слоя, чтобы он принял форму слоя, к которому он обрезан.

Привет! Я Кара, и я собираюсь показать вам одну из тех вещей в Photoshop, которые заставят вас не спать по ночам, думая о возможностях! Хотите узнать больше? Проверьте это!

Примечание: приведенные ниже руководства и снимки экрана основаны на Photoshop CC для Windows, они могут немного отличаться, если вы используете Mac или другие версии.

Содержание

Что такое обтравочная маска? Как создать обтравочную маску пинг Маска

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

Возможно, вы уже знакомы с термином Слой-маска в Photoshop. На самом деле, если вы работали с Photoshop какое-то время, вы, вероятно, использовали их раньше. Если вы все еще новичок, вы можете узнать больше о масках слоя здесь.

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

Возьмем, к примеру, это изображение.

При обрезке текстового слоя изображение будет ограничено только текстом.

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

Как создать обтравочную маску

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

Внизу панели вашего корректирующего слоя

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

Например, вот панель черно-белого корректирующего слоя. По умолчанию значок обтравочной маски неактивен, на что указывает перечеркнутая стрелка.

Все, что вам нужно сделать, это нажать на значок, чтобы активировать его. Перечеркнутая часть исчезнет, а значок будет выделен. Теперь черно-белая корректировка будет применяться только к слою непосредственно под ним на панели слоев.

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

Щелкните правой кнопкой мыши на слое

Другой способ добавить обтравочную маску — щелкнуть правой кнопкой мыши на слое, который вы хотите обрезать. Затем выберите Create Clipping Mask в появившемся меню.

ALT или OPTION

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

Сочетание клавиш

Последний (и самый быстрый) способ создания обтравочной маски с помощью сочетания клавиш. Выделив слой, который вы хотите обрезать, нажмите Ctrl + ALT + G или Command + Option + G на клавиатуре.

Удаление обтравочной маски

Если вы хотите удалить обтравочную маску, следуйте любой из предыдущих инструкций по ее созданию.

Однако на этот раз, если щелкнуть значок обтравочной маски в нижней части панели настройки, уже активная маска будет деактивирована. Когда вы щелкнете правой кнопкой мыши, чтобы открыть меню, вместо этого вы увидите Release Clipping Mask .

Когда вы наводите курсор, удерживая ALT или OPTION, ваш курсор превратится в перечеркнутую обтравочную маску. И если вы нажмете Ctrl + ALT + G или Command + Option + G , активная маска будет удалена.

Очень просто!

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

Хотите узнать больше трюков? Посмотрите наш замечательный урок о том, как растушевать слой в Photoshop!

О Каре Кох

Кара увлеклась фотографией примерно в 2014 году и с тех пор исследует все уголки мира изображений. Когда она почувствовала, что Lightroom ограничена, она с головой погрузилась в Photoshop, чтобы научиться создавать изображения, которые она хотела.

Как создать обтравочную маску в Photoshop 2021

При создании часто требуется наложить изображение на фон, чтобы придать ему больше глубины. Этого можно добиться в Photoshop, обрезав изображение на слое под ним.

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

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

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

Содержание

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

Обтравочная маска, также известная как маска Photoshop, представляет собой слой, который был обрезан внутри другого слоя или группы в Photoshop.

В большинстве случаев вырезанный слой будет виден только внутри границ слоя, в который он врезан, который в Photoshop называется «базовым» слоем.

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

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

С помощью процедур, показанных здесь, вы можете открыть изображение и преобразовать фон в слой в Photoshop.

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

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

Как создать обтравочную маску в Photoshop?

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

Шаг 1: Откройте файл образа

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

Шаг 2: Сначала щелкните вкладку изображения, для которого вы хотите создать обтравочную маску

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

Шаг 3: Начните создавать обтравочный контур

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

Шаг 4: Щелкните обтравочный контур от нижнего символа на панели инструментов пути, а затем примените растушевку

Щелкните параметр пути от нижнего символа на панели инструментов пути и примените растушевку, перейдя в меню «Выбор», выберите «Изменить». » Перо . Задайте пикселям растушевки значение 0,3 на панели инструментов выделения растушевки.

Шаг 5. Скопируйте изображение, которое хотите поместить, и вставьте на вкладку обтравочной маски

Скопируйте другое изображение, которое вы хотите заменить, и вставьте в файл пути обрезки.

Шаг 6. Поместите его в нужное место перед областью обтравочной маски

Шаг 7. Щелкните правой кнопкой мыши слой и выберите «Создать обтравочный контур». опция « Создать обтравочный контур ».
Шаг 8: Готово с обтравочной маской
Ваше изображение будет автоматически помещено в область обтравочной маски.
Разница между маской слоя и обтравочной маской
При сравнении обтравочной маски и маски слоя полезно думать, что обе они — одно и то же.
Вы создаете слой, а затем добавляете слой-маску поверх него с помощью слоя-маски. Затем маска заполняется черным цветом, чтобы покрыть нижний слой, или белым, чтобы просвечивать сквозь него.
У вас есть два слоя: нижний слой, содержащий вашу информацию, и верхний слой с маской, которая ограничивает то, что можно просматривать.
С другой стороны, обтравочные маски — это другой способ регулирования того, что можно увидеть в паре слоев в Photoshop, поскольку они используют нижний слой, чтобы решить, что можно увидеть из слоя, расположенного выше.
Маски слоя работают, определяя, что можно увидеть в слое ниже, на основе черного и белого слоя выше. Напротив, обтравочные маски работают, определяя, что можно увидеть в слое выше, на основе пикселей слоя ниже.
Советы по использованию обтравочных масок
Прелесть обтравочных масок Photoshop в том, что вы по-прежнему можете полностью контролировать то, что делаете.
Вот несколько советов, которые помогут вам начать работу.
Перемещение материала внутри обтравочной маски.
Внутри обтравочной маски изменить положение содержимого очень просто. Сначала выберите инструмент «Перемещение» на панели инструментов или нажмите V, выбрав самый верхний слой. Фотография, которую мы поместили в рамку, затем можно перемещать, щелкая и перетаскивая.
Изменение размера содержимого в обтравочной маске
Мы можем использовать инструмент «Свободное преобразование», чтобы настроить размер фотографии, которую мы поместили в нашу рамку с помощью обтравочной маски. Затем выберите «Редактировать» и «Преобразовать». В качестве альтернативы используйте Command + T на Mac или Control + T на ПК (Windows).
Вы увидите синюю рамку вокруг фотографии, которую можно перемещать, чтобы изменить размер внутри «рамки».
При изменении размера фотографии размеры останутся прежними.
Добавление дополнительной обтравочной маски
Вы можете продолжать добавлять обтравочные маски к слою, что полезно, когда вы просто хотите изменить обтравочную маску, которую вы сделали ранее.
Предположим, в нашем примере мы хотели сделать изображение в кадре черно-белым.
Для этого создайте новый корректирующий слой и выберите «Черно-белое» в раскрывающемся меню. Вы увидите, что все изображение теперь полностью лишено цвета.
Однако этот корректирующий слой можно применить к слою «Прямоугольник» ниже. Затем повторите предыдущие шаги, щелкнув между нашим черно-белым корректирующим слоем и слоем ниже, удерживая Option (macOS) или Alt (Windows).
Если щелкнуть значок обтравочной маски, она будет применена к слою «Прямоугольник» выше.
Преобразовав этот корректирующий слой в обтравочную маску, вы можете создать свою корректировку.
В заключение, изучение обтравочных масок может быть полезным для создания составных изображений в Photoshop. Например, сделать так, чтобы фотография выглядела так, как будто она находится в рамке, или поджечь текст, чтобы сделать его более ярким и привлекательным.

Обтравочные маски Photoshop также могут быть полезным инструментом для управления изменениями, которые вы вносите в изображение, поскольку они позволяют вам точно настраивать изменения и с легкостью нацеливаться на определенные участки изображения.
No related posts.