Каким параметром слоя управляет маска. Обтравочная маска в "Фотошопе" (Clipping Mask в Photoshop)

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

Достаточно наглядно будет выглядеть следующий пример:

Сделаем два слоя. Верхний зальем красным цветом, а нижний - зеленым.

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

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

Теперь появилась белая маска. Белый цвет - это 100% непрозрачность. Черный - это полная прозрачность. Получается, что градации серого цвета дадут определенное значение непрозрачности в диапазоне от 100 до 0%.

Чтобы рисовать на маске, нужно использовать стандартные инструменты рисования (Кисть, карандаш, заливка, градиент).

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

Теперь можно выбрать серый цвет кисточки или просто уменьшить непрозрачность кисти до 50%. Если мы клацнем по изображению такой кистью, то увидим, что оно не полностью открыло лежащий снизу слой. Значит, нарисованная только что маска имеет не полную прозрачность.

На миниатюре появляется всё, что нарисовано на маске.

Теперь выберем мягкую кисть черного цвета. Для этого установим жесткость кисточки на 0%. Такая кисть имеет мягкие края, которые переходят от основного цвета к прозрачному. Маска также создаст плавный переход.

Чёрная кисть 100%, жёсткость 0%

Чёрная кисть 100%, жёсткость 100%

Заливка чёрным цветом 100%

Заливка чёрный цветом 50%

Чёрно-белый градиент.

Как это применяется на фотографиях?

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

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

К верхнему слою необходимо создать маску.

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

Чтобы сделать этот переход, выбираем инструмент градиент. В настройках на верхней панели должен быть выбран линейный градиент. Градиент должен состоять из двух цветов и переходить от чёрного к белому. Для маски это будет расцениваться как переход от прозрачного к непрозрачному. На нашем снимке должно остаться только небо, а нижняя часть должна скрыться под маской. Значит нужно провести градиентом снизу вверх, но начинать вести нужно не от самого низа, а по той области, в которой должен быть переход. Нижняя часть накроется черной маской и станет прозрачной. В области, где была нарисована линия градиента, будет плавный переход.

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

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

На основе материалов с сайта:

Для начала хочу сказать, что в этом уроке Фотошоп мы не будем рассматривать такие маски, как быстрая маска Quick Mask , векторная маска и маску каналов и т.д. Наша цель – маска слоя Layer Mask .

Что же такое маска слоя (да и вообще маска)? Маска позволяет Вам скрывать часть изображения слоя, либо проводить точечную корректировку или редактирование определенных участков изображения. Принято считать, что любая область выделения, созданная Вами, является маской. Т.е. если Вы работаете с каким-либо слоем и создали область выделения вокруг лица, то все ваши манипуляции будут действовать только на лицо. В случае с маской слоя, она представляет собой изображение в оттенках серого. Что в переводе на «русский» означает: все, что залито черным цветом – то непрозрачное, белым – прозрачное. Например:

На рисунке Вы видите, что маска слоя (1) наполовину залита белым цветом, наполовину – черным. Соответственно, где белый цвет – изображение слоя видно, где черный – изображение слоя скрывается и отображается изображение слоя, находящегося ниже нашего.

Самое время рассказать, как добавлять маску слоя. Добавить маску слоя можно двумя способами. Первый, это через панель слоев Layers (см. рисунок выше). Если Вы хотите добавить маску к активному слою, то просто щелкните по иконке (3) . В таком случае создается маска, заполненная белым цветом, соответственно видно все изображение. Что бы ее редактировать, Вам необходимо выбрать нужный инструмент (Brush Tool , Pencil Tool и т.д.), при этом фоновый и основной цвет будет черным и белым, и начать рисовать по маске слоя нужным цветом. При этом, будьте внимательны, удостоверьтесь, что вы работаете именно с маской (1) , в противном случае будет редактироваться основное изображение.

Для более мягкого перехода от одного изображения к другому можно использовать черно-белые градиенты:

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

Второй способ добавления – это через меню программы. Перейдите Layer > Layer Mask > . В этом подменю, в зависимости от того, присутствует ли на слое область выделения или нет, будут представлены на выбор следующие варианты: области выделения нет — Reveal All (открыть все, т.е. маска будет залита белым цветом) или Hide All (скрыть все, т.е. заливка будет черным цветом). Если же Вы создали область выделения, то к предыдущим вариантам будут добавлены такие: Reveal Selection и Hide Selection . Как не трудно догадаться, открыть область выделения (при этом все остальное будет закрашено черным цветом и не будет отображаться) или, наоборот, скрыть.

Также обратите внимание на очень важный момент. Иконка в виде цепочки (2) . Если такая иконка присутствует – это означает, что маска жестко привязана к слою, и, если вы захотите переместить ее инструментом Move Tool , то переместится весь слой. Если же щелкнуть по этой иконке, то она пропадет, и Вы сможете перемещать только маску, не затрагивая сам слой. Данная возможность нередко бывает полезной.

Напоследок хотелось бы рассказать про новую панель управления масками, которая появилась в Фотошоп, начиная с версии CS4 . Вызвать ее можно перейдя Window > Masks .

Здесь Вы можете управлять своей маской. Часто используемые параметры, которые обязательно Вам пригодятся, это: Density (отвечает за непрозрачность маски слоя, наподобие параметра Opacity ) и Feather (растушевывание, работает также, как и в области выделения).

P. S.

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

Инструкция

Чтобы работать с маской слоя , необходимо ее . Для этого имеется команда Add Mask Layer, которой расположена внизу палитры Layers. Выполнив эту команду, Фотошоп создает маску для активного слоя . Рядом с миниатюрой изображения в палитре Layers возникает прямоугольник. Белый цвет для маски слоя непрозрачные области, тогда как черный - прозрачные. Оттенки серого отвечают за полупрозрачные области.

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

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

Такой растиражированный эффект, как текст, заполненный каким-либо изображением, также можно создать при помощи маски слоя . Для этого необходимо создать пустой документ и скопировать на новый слой любое изображение. Затем следует нажать кнопку Т (Текст) и на панели свойств нажать кнопку «Текст-маска». После этого необходимо набрать нужный текст и щелкнуть на кнопку создания маски слоя . В результате этих несложных манипуляций текст заполнится изображением.

Обратите внимание

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

Полезный совет

Маски удобно использовать в качестве «слепка» созданного вами выделения. Для этого достаточно перейти на вкладку Channels и нажать кнопку "Save selection as channel". Появится новый черно-белый альфа-канал. Теперь можно снять выделение. Полученную маску можно использовать, когда потребуется, достаточно нажать на ней, удерживая клавишу Ctrl.

Источники:

• Маска белого цвета не изменяет прозрачность пикселов, находящихся под ней.
• как применить фотошоп

В программе Adobe Photoshop существует масса удобных функций, позволяющих обрабатывать фотографии и другие изображения, создавая качественные визуальные эффекты. Одним из универсальных средств Фотошопа является маска. Маска необходима для корректного и аккуратного выделения какой-либо сложной области, и нередко она используется в качестве дополнительного полутонового канала изображения. Если у вас есть изображение с непростыми для выделения объектами, используйте маску для выделения объектов с основного слоя, чтобы затем использовать их в фотомонтаже.

Инструкция

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

Перейдите с палитры слоев на палитру каналов, кликнув справа от вкладки Layers вкладку Channels. Вы увидите основных каналов RGB, а также альфа- черно-белых оттенков. Зажмите Ctrl и кликните, не отпуская клавишу, на черно- канал левой клавишей мыши.

Выделится канала, учитывающая все и полупрозрачные области изображения. Чтобы инвертировать выделение, нажмите сочетание клавиш Ctrl+Shift+I. Нажмите Delete, чтобы удалить лишнее, а затем снимите выделение, выбрав в меню Select опцию Deselect.

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

Видео по теме

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

Вам понадобится

• - программа Photoshop;
• - изображение.

Инструкция

Для создания маски-слоя в Photoshop следует выбрать одну из опций группы Layer Mask из меню Layer. Использование опции Reveal All визуально не изменит изображение, расположенное на маскируемом слое, однако рядом с пиктограммой слоя появится значок маски.

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

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

Для редактирования маски слоя можно использовать инструменты Brush Tool, Paint Bucket Tool и инструменты группы Shape Tool, переключенные в режим Fill pixels.

Корректировочные слои в Photoshop по умолчанию создаются с маской слоя в режиме Reveal All. Они предназначены для применения ряда фильтров ко всем видимым слоям файла. Для редактирования маски корректировочного слоя используются те же инструменты и цвета, что и для изменения маски слоя с изображением.

К слою с фильтром или изображением можно применить две независимо редактируемые маски, одна из которых будет растровой, а вторая - векторной. Для создания векторной маски используйте одну из опций группы Vector Mask меню Layer. Как и , векторная маска может быть создана в режиме Reveal All или Hide All.

Для редактирования векторных масок применяются Pen Tool и инструменты группы Shape Tool в режиме Shape Layers.

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

Перейдите на верхний слой и примените опцию Create Clipping Mask из меню Layer. На слое с изображением останутся непрозрачными только те области, которые лежат над непрозрачными областями слоя-основы.

Источники:

• Что скрывается под маской в 2019

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

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

При сохранении работы в формате psd или tiff программа Photoshop запоминает все созданные слои. Это дает возможность в любое время продолжить редактирование изображения, изменить некоторые эффекты или создать новые.

Палитра Layers - «Слои»

Для работы со слоями, их создания, дублирования, объединения, перемещения или удаления предназначена специальная палитра. Она так и называется Layers - «Слои». Чтобы открыть палитру слоев, необходимо нажать на кнопку Window - «Окно» и выбрать пункт Layers - «Слои» из выпадающего списка. Можно также воспользоваться горячей клавишей F7.

Каждому слою, существующему в документе, соответствует определенная строка палитры Layers, на которой вы увидите миниатюрное изображение слоя и его название. Миниатюру можно увеличить. Для этого войдите в меню палитры (нажав маленькую кнопочку вверху справа) и выберите пункт Panel options - «Параметры панели». Вам будет предложен выбор из нескольких миниатюр разных размеров.

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

Ниже располагается строка, которая дает возможность выбрать режим наложения слоя из прокручивающегося меню, установить степень его непрозрачности и заполнения. И, кроме того, применить один из четырех видов блокировки, каждый из которых предохраняет слой от изменения определенных параметров: Lock transparent pixels - защищает прозрачные пиксели, Lock image pixel - сохраняет цвета пикселей, Lock position - запрещает перемещение слоя и Lock all - полностью блокирует слой от любых изменений.

Слева от миниатюры слоя расположена пиктограмма с изображением глаза. Если щелкнуть по ней левой кнопкой мышки, слой становится невидимым. А пиктограмма меняется на изображение закрытого глаза. Включить видимость слоя можно повторным щелчком. Чтобы сделать невидимыми все слои документа, кроме выбранного, нажмите клавишу Alt и щелкните по пиктограмме «Глаз» напротив этого слоя.

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

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

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

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

Быстрая маска

В Фотошопе маска имеет две функции: быстрая маска и слой-маска. Рассмотрим сначала одну из них. В программе Фотошоп быстрая маска включается нажатием горячей клавиши - Q. Основная функция этого средства заключается в формировании выделенной области. Например, нам нужно отделить фон от основной части изображения. Включаем режим быстрой маски и выбираем инструмент «кисть». Обводим необходимую нам область, при этом палитра должна стать черно-белой. Первый цвет наносит выделение, а второй удаляет. Как только мы завершили эту операцию, выходим из режима быстрой маски еще одним нажатием клавиши Q. У нас появилась выделенная область. Такая маска в Фотошопе позволяет быстро произвести изменения в нужной части изображения. Необязательно работать именно с кистью, можно использовать, например, карандаш. Когда мы находимся в режиме быстрой маски, выделенная область окрашивается в красный цвет.

Слой-маска

Куда более обширный функционал имеет слой-маска. Чтобы создать ее, нужно выбрать в панели слоев иконку кружка в квадрате с названием «добавить слой-маску». После нажатия на эту иконку возле названия появится дополнительный пустой лист. В программе Фотошоп маска слоя получила применение во многих случаях. Например, ее используют для точного выделения, когда не могут определить ту или иную область. Особенно когда нужно изменить цвет волос. Нецелесообразно выделять каждую волосинку по отдельности, а слой-маска позволяет нам быстро создать необходимую область. Также эта функция позволяет нам производить последовательные изменения без страха, что они станут необратимыми. Если мы работаем со слой-маской, то область изображения, которая будет подвергаться каким-либо изменениям, будет сохраняться. К примеру, нам нужно удалить глаза с фотографии лица. Для этого создадим слой-маску и просто закрасим необходимую нам область при помощи инструмента «кисть». С основного изображения глаза пропадут, а в слой-маске они появятся. Конечно, данный пример не может продемонстрировать весь функционал этого средства. Но смысл должен быть понятен.

Дополнительные сведения

Слой-маска в Фотошопе имеет гибкие настройки, которые позволяют максимально возможно приблизиться к желаемому эффекту. Вернемся к примеру со сменой цвета волос. Мы создали слой-маску, где при помощи кисти создали выделение. Полученный результат нас не устраивает, так как чаще всего челка у человека не всегда идеально уложена. А обвести каждый волос просто невозможно. И здесь нам поможет параметр «край маски». Именно так маска в фотошопе ускоряет весь процесс. Приведенный пример разбирается в отдельной статье. И этим функционал этого средства не исчерпывается.

Заключение

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

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

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

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

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

В этом уроке я буду работать в версии программы Photoshop CS6, но и другие, недавно вышедшие версии программы также подойдут для нашей работы.

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

Обтравочные маски…ножницы для собаки…посмотрите на меня…да-да, и собаку тоже не сильно впечатлит мой внешний вид

Если мы посмотрим на панель слоев, то увидим, что изображение собаки размещено на слое заднего фона (Background):

На панели слоев видно, что изображение находится на слое заднего фона

Для того чтобы показать, как работают обтравочные маски, я собираюсь добавить новый пустой слой под слой с изображением. В данный момент программа не позволяет нам добавлять другие слои под слой «Задний фон» (Background), и, чтобы обойти эту проблему, мы переименуем слой «Задний фон» и дадим ему любое другое название. Самый простой способ сделать это - удержав нажатой клавишу Alt (Win) / Option (Mac), дважды щелкнуть кнопкой мыши по названию слоя на панели слоев. Программа Photoshop тотчас переименует слой заднего фона, присвоив ему имя «Слой 0»(Layer 0) , которое возможно не является слишком информативным, но вполне подходит для наших целей:

Слой заднего фона переименован в «Слой 0»

Теперь слой заднего фона стал обычным слоем, и мы можем добавить под него новый слой. Для этого я нажму клавишу Ctrl (Win) / Command (Mac) и, удержав ее нажатой, кликну по значку нового слоя в нижней части панели слоев:

Удерживая нажатой клавишу Ctrl (Win ) / Command (Mac ), кликните по значку нового слоя

Как правило, программа добавляет новые слои поверх активного слоя, но, удержав нажатой клавишу Ctrl (Win) / Command (Mac) при выборе значка нового слоя, я пошел на небольшую хитрость, в результате чего программа добавит новый слой под активный слой, а не поверх него. Таким образом, под изображение, размещенное на Слое 0, программа добавила новый слой под названием «Слой 1» (Layer 1) :

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

Нажмите на иконку видимости слоя, чтобы скрыть или отобразить слой в документе

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

В окне документа отображен вновь добавленный пустой слой

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

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

Вновь отображаем слой с изображением в окне документа

Изображение вновь появилось в окне документа:

Изображение снова становится видимым

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

Выбираем слой с изображением, делая его активным

Для создания обтравочной маски мы выбираем пункт «Слои» (Layer) в строке меню в верхней части экрана и переходим в раздел «Создать обтравочную маску» (Create Clipping Mask):

Выбираем «Слои» > «Создать обтравочную маску»

Если мы снова посмотрим на панель слоев, то увидим, что слой с изображением («Слой 0») сдвинулся немного вправо, и слева от миниатюры слоя появилась маленькая стрелка, указывающая вниз на нижележащий «Слой 1». Таким образом, программа уведомляет нас о том, что слой «обрезан» нижележащим слоем. Мы благополучно превратили «Слой 1» в обтравочную маску для вышележащего «Слоя 0»:

На панели слоев видно, что верхний слой «обрезан» нижележащим слоем

Однако на самом деле, все, чего нам удалось добиться - это создать одну из самых неинтересных обтравочных масок, поскольку «Слой 1» в настоящий момент не имеет содержимого. Поскольку он совершенно прозрачен, то в окне документа ничего не отразилось, так как программа Photoshop использует прозрачные области маски для того, чтобы определить какие области вышележащего слоя следует скрыть из вида. Изображение на «Слое 0» теперь скрыто из вида целиком:

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

Этот результат нам не интересен, поэтому давайте отменим нашу обтравочную маску. Для этого, опять перейдите в раздел меню «Слои» (Layer) в верхней части экрана и выберите пункт «Отменить обтравочную маску» (Release Clipping Mask):

Выбираем «Слои» > «Отменить обтравочную маску»

Теперь мы можем видеть, что слой с изображением больше не обрезан нижележащим слоем, так как он больше не сдвинут вправо на панели слоев:

Больше не панели слоев нет признаков обтравочной маски

Мы вернулись к тому, что изображение опять появилось в окне документа:

Отменив обтравочную маску, мы вернули изображение на документ

Давайте добавим какое-либо содержимое на наш пустой слой. Я снова спрячу слой с изображением из вида, нажав на иконку видимости слоя, чтобы было видно, что мы делаем, а затем я выберу пустой слой, нажав на него на панели слоев:

Скрываем из вида верхний слой и выбираем нижний слой

Далее на панели инструментов я выберу инструмент «Овальная область» (Elliptical Marquee Tool), нажав на иконку инструмента «Прямоугольная область» (Rectangular Marquee Tool) и удержав ее до тех пор, пока не появится всплывающее меню с перечнем других инструментов, доступных в данном разделе. Из появившегося перечня я выберу инструмент «Овальная область»:

Выбираем инструмент «Овальная область»

После выбора инструмента «Овальная область», я кликну в центре документа и, удерживая кнопку мыши нажатой, нарисую пунктирный контур овальной формы. Для меня не было важно использовать именно этот инструмент выделения. Главное в данном случае - добавить на слой какое-нибудь содержимое:

С помощью инструмента «Овальная область» рисуем пунктирный контур

Для того чтобы слой стал содержать что-либо, мне нужно залить овальный контур, поэтому я перейду в раздел меню «Редактирование»(Edit ) в верхней части экрана и выберу команду «Выполнить заливку»(Fill ) :

Выбираем «Редактирование» > «Выполнить заливку»

Это действие приведет к открытию диалогового окна команды «Выполнить заливку». В разделе «Использовать» (Use ) в верхней части диалогового окна я выберу слово «Черный»(Black ) , режим наложения (Mode ) в нижней части окна должен быть установлен «Нормальный»(Normal ) и в разделе «Непрозрачность» (Opacity ) должно стоять 100%. И снова я повторюсь, что мы просто добавляем на слой содержимое. Поэтому нет никакой особой причины в том, почему я выбрал черный в качестве цвета заливки - просто черный цвет хорошо видно на рисунках (скриншотах):

Диалоговое окно команды «Выполнить заливку»

Для выхода из диалогового окна я нажму ОК, и после этого программа Photoshop тотчас заполнит мой овальный контур черным цветом. И теперь на слое у меня появилась область, содержащая фактическое изображение, в то время как остальная область слоя осталась прозрачной:

Овальный контур заполнился черным цветом

Сам пунктирный контур овала все еще виден, поэтому, поскольку он мне больше не нужен, я уберу его, перейдя в раздел «Выделение» (Select ) в верхней части экрана и выбрав команду «Отменить выделение»(Deselect ) :

Для удаления пунктирного контура выбираем «Выделение» > «Отменить выделение»

После того как на нашем нижнем слое появилось содержимое, давайте взглянем на панель
слоев еще раз. На миниатюре «Слоя 1» теперь можно увидеть черную область овальной формы. Обратите внимание, что если мы сравним миниатюру «Слоя 1» с миниатюрой вышележащего слоя, то увидим, как часть изображения на верхнем слое расположена прямо над черным овалом, в то время как остальное изображение располагается над прозрачными областями «Слоя 1»:

На миниатюре слоя видно, что заполненная черным область расположена прямо под частью изображения

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

Возвращаем видимость «Слою 0» и выбираем его

Я добавлю обтравочную маску, опять выбрав пункт «Слои» (Layer) в строке меню в верхней части экрана и перейдя в раздел «Создать обтравочную маску» (Create Clipping Mask):

Опять выбираем «Слои» > «Создать обтравочную маску»

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

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

Но если мы посмотрим на сам документ, то увидим, что там произошли значительные изменения. В то время как большая часть изображения опять скрыта из вида, поскольку она расположена над прозрачными областями нижележащего слоя, часть изображения, расположенная над овальным содержимым «Слоя 1», теперь нам видна:

Часть изображения над областью с содержимым осталась в документе видимой

Конечно, результат можно было бы улучшить, поместив изображение собаки прямо по центру овала. К счастью, благодаря свойствам обтравочных масок, перемещать изображение внутри них достаточно легко. Все, что мне нужно сделать - на панели инструментов выбрать инструмент «Перемещение»(Move Tool ):

Выбираем инструмент «Перемещение»

Затем, после выбора инструмента «Перемещение» и выделения слоя с изображением на панели слоев, я могу просто нажать на изображение и переместить его в нужное место внутри обтравочной маски:

Нажимаем на изображение и передвигаем его с помощью инструмента «Перемещение» в нужное место внутри обтравочной маски

Давайте рассмотрим типичную ситуацию для применения обтравочной маски. Я открыл еще один документ, содержащий две фотографии. На нижнем слое (слой заднего фона) изображена фоторамка (старинная фоторамка взята из фотобанка Shutterstock):

Изображение старинной деревянной рамки

А если я верну видимость вышележащему слою, нажав на иконку видимости слоя:

Кликаем по иконке видимости «Слоя 1»

То мы увидим фотографию, которую я хочу поместить внутрь фоторамки (изображение молодой пары из фотобанка Shutterstock):

Изображение, которое нужно поместить внутрь фоторамки

Я снова временно скрою верхний слой, нажав на соответствующую иконку:

Скрываем из вида верхний слой

Для того чтобы поместить изображение молодой пары внутрь фоторамки, используя обтравочную маску, мне сначала нужно выделить внутри рамки определенную область. Так как область внутри рамки залита сплошным черным цветом, я с легкостью выделю ее инструментом «Волшебная палочка» (Magic Wand Tool), который расположен на панели инструментов. Для выбора данного инструмента, я кликну по значку инструмента «Быстрое выделение» (Quick Selection Tool) и удержу его до тех пор, пока не появится всплывающее меню, где я выберу инструмент «Волшебная палочка»:

Инструмент «Волшебная палочка» расположен в одном месте с инструментом «Быстрое выделение»

После это я сделаю слой с фоторамкой активным, нажав на него на панели слоев, и далее кликну курсором внутри фоторамки, чтобы быстро выделить всю черную область:

Кликаем курсором внутри фоторамки, чтобы выделить область с помощью инструмента «Волшебная палочка»

Следующим действием мне нужно скопировать выделенную область на отдельный слой. Для этого я перейду в раздел «Слои» (Layer ) в строке меню в верхней части экрана, выберу пункт «Новый»(New ) и далее - «Скопировать на новый слой» (Layer via Copy ) (или для большего удобства я мог просто нажать сочетание клавиш Ctrl + J (Win) / Command + J (Mac)):

Выбираем «Слои» > «Новый» > «Скопировать на новый слой»

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

Область внутри фоторамки скопировалась на новый слой

Я верну видимость верхнему слою, нажав на иконку видимости слоя. Затем я выберу этот слой, сделав его активным, чтобы мы могли добавить обтравочную маску. Не забывайте, что мы всегда выбираем тот слой, который хотим «обрезать» нижележащим слоем:

Возвращаем видимость «Слою 1» и выбираем его

Давайте пойдем далее и создадим обтравочную маску. На этот раз, вместо того чтобы выбрать пункт «Создать обтравочную маску» из раздела «Слои», мы воспользуемся более быстрым способом, который поможет нам создать маску прямо в пределах панели слоев.
Все что нам потребуется - это нажать и удержать клавишу Alt (Win) / Option (Mac) и при этом провести курсором мышки над горизонтальной линией, разделяющей два слоя, которые мы хотим соединить маской. Когда курсор превратится в значок обтравочной маски, нажмите на кнопку мышки:

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

Верхний слой немедленно станет «обрезан» нижележащим слоем, в результате чего на панели слоев верхний слой сдвинется вправо:

«Слой 1» теперь «обрезан» нижележащим «Слоем 2»

И теперь в окне документа мы видим, что изображение на «Слое 1» размещено только внутри области, которую мы выделили в фоторамке и скопировали на отдельный слой. Остальная часть изображения скрыта из вида, поскольку нижележащий слой, превращенный в маску, в этих местах прозрачен:

Благодаря обтравочной маске изображение теперь размещено внутри фоторамки
Ранее мы изучили, что с помощью инструмента «Перемещение» (Move Tool) можно передвигать изображение внутри обтравочной маски. Мы можем использовать и команду «Свободное трансформирование» (Free Transform ) для этой цели, а также с помощью данной команды мы можем изменять размеры изображения. В моем случае, я хочу сделать изображение молодой пары поменьше, чтобы внутри фоторамки оно выглядело более естественно. Таким образом, после того, как я сделаю слой с изображением пары активным, кликнув по нему на панели слоев, я перейду в раздел меню «Редактирование» в верхней части экрана и выберу пункт «Свободное трансформирование» (Free Transform ):

Выбираем « Редактирование » > « Свободное трансформирование »

Это действие приведет к появлению вокруг фотографии рамки свободной трансформации со специальными маркерами. Обратите внимание, что когда мы изменяем размеры изображения внутри обтравочной маски, рамка транформации появляется вокруг всего исходного изображения, в том числе и скрытых маской частей, а не только вокруг видимых нам областей. Просто кликните по любому угловому маркеру рамки и потяните его, чтобы изменить размер изображения, как вам требуется. Нажмите и удержите нажатой клавишу Shift по мере перемещения маркера, чтобы сохранить исходные пропорции изображения и случайно не нарушить соотношение сторон. Когда вы будете довольны результатом, нажмите клавишу Enter (Win) / Return (Mac) для окончательного подтверждения транформации:

Используя команду «Свободное трансформирование», изменяем размер изображения внутри обтравочной маски

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

Делаем слой-обтравочную маску активным

Выбрав слой-обтравочную маску, я кликну по иконке стилей слоя в нижней части панели слоев:

(Blend Mode ) эффекта с «Экрана» (Screen) на «Умножение»(Multiply ) и затем уменьшу непрозрачность (Opacity ) до 25%. Также я увеличу размер (Size ) свечения (тени) до 10 пикселей:

Настройка оставшихся параметров стиля «Внутреннее свечение»

Далее я нажму ОК для выхода из диалогового окна, и всё - мы закончили! Если мы посмотрим последний раз на панель слоев, то увидим, что на слой-обтравочную маску (Слой 2) добавился только что созданный стиль слоя «Внутреннее свечение»:

На панели слоев под слоем появляются все стили, которые мы к нему добавляем

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

Конечный результат

И вот мы закончили! Мы с вами рассмотрели основы работы с обтравочными масками в программе Photoshop! Изучите наш урок «Как вставить изображение в текст», чтобы познакомиться с еще одним способом применения обтравочной маски. Или посетите наш раздел «Основы программы Photoshop» для изучения других полезных навыков работы в программе!

Перевод: Ксения Руденко