Маски в фотошоп: Скрытие слоев с помощью масок в Photoshop

Создание маски слоя | Руководства по Adobe Photoshop

Что такое маскирование слоев?

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

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

Создание маски слоя

1. Выберите слой на панели «Слои».
2. Нажмите кнопку «Добавить маску слоя» в нижней части панели «Слои». На выбранном слое отображается миниатюра белой маски, сквозь которую видно все, что находится на этом слое.

Добавление черного цвета к маске для скрытия слоя

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

1. Перейдите на панель «Слои» и убедитесь, что миниатюра маски слоя отображается в белой рамке. Если белой рамки нет, нажмите миниатюру маски слоя.
2. Выберите инструмент «Кисть» на панели инструментов. На панели параметров откройте «Выбор кисти», затем выберите размер и жесткость кисти.
3. Нажмите «D», чтобы установить белый и черный цвета по умолчанию на панели инструментов. Затем нажмите «X» для переключения цветов, чтобы черный стал цветом переднего плана.
4. Закрасьте изображение, чтобы добавить черный цвет к маске слоя. Черный цвет на маске слоя скрывает этот слой, поэтому вы увидите предыдущий слой или шахматный узор, который обозначает прозрачность.

Добавление белого цвета к маске для отображения слоя

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

1. Нажмите «X», чтобы переключить цвета переднего и заднего плана на панели инструментов и выбрать белый цвет для переднего плана.
2. Закрасьте скрытые области изображения. К маске слоя будет добавлен белый цвет, и вы снова увидите соответствующие участки замаскированного слоя.

Точная настройка маски слоя с помощью черного, белого и серого цвета

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

Сохраните изменения слоев

• Сохраните изображение в формате .PSD или .TIFF, чтобы вернуться к редактированию слоев и масок в дальнейшем.

Что такое слой-маска в Photoshop

Чтобы это сделать, я открываю фотографии в отдельных окнах, затем нажимаю клавишу клавиатуры V для выбора инструмента «Перемещение» (Move Tool), и с помощью левой клавиши мыши перетаскиваю фотографию из одного окна в другое:

Теперь обе фотографии в находятся в одном и том же документе Photoshop, и если мы посмотрим в Палитру слоёв, то увидим, что каждая из них расположена на отдельном слое:

Ну а теперь давайте попробуем смешать фотографии с помощью опции «Непрозрачность» (Opacity), я уменьшу её до 70%-ов, посмотрим, что получилось:

Мда, получилась полная ерунда, плавным переходом и не пахнет.

Можно попробовать инструмент «Ластик» (Eraser Tool). Возвращаю «Непрозрачность» до 100%, активирую «Ластик», диаметр ставлю побольше, а жёсткость на минимум и попробую убрать лишнее с верхнего слоя. При необходимости можно изменять диаметр инструмента с помощью клавиш левой и правой квадратных скобок ([ и ]):

В общем, получилось неплохо:

Вернее, почти неплохо.
Фата у невесты слишком прозрачная, да и дерево немного сильно зацепил ластиком.

Теперь я хочу уменьшить прозрачность фаты и дерева, но как мне это сделать? А никак. Я стёр эти части изображения и пиксели потеряны навсегда, на их месте пустота. Это хорошо видно на миниатюрах в панели слоёв:

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

Значит, оба этих способа не подходят. Но, к счастью, существует ещё один способ управления непрозрачностью слоя, и это — слой-маски.

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

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

Как работают маски слоя? Чтобы понять это, давайте рассмотрим работу маски в действии.

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

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

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

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

Итак, почему же маска слоя, заполнена именно белым цветом? Почему не красным, зеленым или желтым? Потому, что таким образом работают маски слоя в Photoshop, в них используется только белый, черный и все оттенки серого между ними, и они используют эти три цвета (белый, черный и серый) для управления прозрачностью слоя. Белый цвет в маске слоя означает 100%-ную видимость слоя, к которому она применена, чёрный цвет означает полную прозрачность этого слоя. А различные оттенки серого задают определенный уровень прозрачности в зависимости от того, насколько светлый или темный этот оттенок серого. 50%-ный оттенок серого даст нам 50%-ную прозрачность. Чем светлее оттенок серого, чем он ближе к белому, тем менее прозрачен тот участок слоя, на котором он находится и наоборот, чем темнее этот оттенок, тем прозрачнее будет область, над которой он находится.

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

Но иногда бывают ситуации, когда нам нужно сделать так, чтобы при добавление маски слой стал на 100% прозрачным, т.е. маска изначально должна быть чёрного цвета и, к счастью, Photoshop дает нам несколько простых способов это сделать.

Но сначала, давайте удалим маску, просто переместив её в корзину, расположенную в правом нижнем углу панели:

Появится диалоговое окно с вопросом «Применить маску к слою перед удалением?» (Apply mask to layer before removing?), где жмём кнопку «Удалить» (Delete).

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

И снова сама слой-маска сам скрыта от глаз, но если вы хотите увидеть её в окне вашего документа, зажмите Alt и нажмите непосредственно на миниатюру маски слоя в палитре слоёв. На этот раз маска будет заполнена черным:

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

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

А теперь давайте убедимся в том, что слой-маска не удаляет пиксели изображения полностью и безвозвратно, как инструмент «Ластик» (Eraser Tool), а только скрывает их.

На данный момент изображение верхнего слоя в документе отсутствует. Давайте зальём маску белым цветом, и посмотрим, что получится. Для заполнения белым нужно сначала сделать маску активной кликом по ней, вокруг неё должна появиться рамочка, затем пройти по вкладке главного меню Редактирование —> Выполнить заливку (Edit —> Fill), в открывшемся окне выбрать белый цвет и нажать ОК:

После чего маска стала белой, а слой снова отображается в документе:

И это основа принципа работы слой-маски Photoshop! Когда маска заполнена белым, содержимое слоя, к которому она применена, стопроцентно видно в документе, а когда маска заполнена черным, содержимое слоя на 100% прозрачно, т.е. скрыто от глаз, но не удалено, так как это было в случае с инструментом «Ластик» (Eraser Tool). Маски слоя физически не изменяют и не влияют на содержимое слоя во всех случаях. Все, что они делают, это управляют тем, какие части видны, а какие нет, при этом содержимое слоя остаётся неизменным вне зависимости от того, видим мы его или нет.

Хорошо, мы разобрались как скрыть слой полностью и как снова его отобразить.

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

Итак, приступим. Берём инструмент «Кисть» и устанавливаем чёрный цвет основным на цветовой палитре. Когда мы включаем маску, то, по умолчанию, белый цвет становится основным, а чёрный — фоновым. Чтобы поменять их местами, нажмите клавишу клавиатуры X (икс).

Теперь надо настроить диаметр и мягкость. Диаметр устанавливается в зависимости от размера фото и задач, в процессе работы его можно изменять с помощью клавиш левой и правой квадратных скобок ([ и ]), жёсткость я устанавливаю 65%, и, также, в процессе работы её можно изменять с помощью [ и ], но в этом случае следует предварительно зажать клавишу Shift:

Проведя несколько штрихов кистью. я добился, чтобы мой результат стал почти таким же, как и в случае с применением инструмента «Ластик» (Eraser Tool):

Давайте посмотрим на миниатюры в Палитре слоёв:

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

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

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

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

В результате через пару минут я довёл изображение до желаемого результата:

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

Маски в фотошопе | Уроки Фотошопа (Photoshop)

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

Для затравки я покажу несколько примеров использования масок в фотошопе:

Планета добавлена с помощью простейшей маски.

А здесь всего 2 слоя — оригинал и обесцвеченное изображение, к обесцвеченному изображению применена маска, а на ней «вытерт» один из кусков граната.

Тут всё тоже самое — я взял 3 изображения с феррари и с помощью маски скрыл фон.

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

Маски в фотошопе

Фотошоп позволяет работать с 4 видами масок — маски слоя (Layer Mask), векторные маски (Vector Mask), Обрезающая маска (Clipping Mask) и быстрая маска (Quick Mask), которая не совсем маска… но об этом позже 🙂

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

Взаимодействие с масками производится посредством инструментов Brush (Кисть), Gradient (Градиент), Paint Bucket Tool (Заливка). Также можно использовать Mixer Brush Tool и Pecil (Карандаш), но это из разряда экзотики, и работает по тому же самому принципу.

Стоит отметить, что маска не удаляет часть изображения, а скрывает его. В этом есть свои плюсы и минусы. Плюс в том, что вы всегда можете сменить цвет на белый, и вернуть скрытую часть изображения. А минус — увеличивается размер файла, поэтому перед сохранением делайте Layer (Слой) -> Layer Mask (Маска слоя) -> Apply (Применить)

Маски слоя в фотошопе

Начнём рассмотрение маски слоя в фотошопе на конкретном примере. Я нашёл в интернете фотографию мыльного пузыря:

Нужно поместить этот пузырь на другой фон. Например на этот:

Скопируйте фотографию мыльного пузыря на фото пейзажа, и с помощью свободной деформации (Ctrl+T) чуть уменьшите пузырь:

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

За управление масками в фотошопе отвечает раздел в меню Layer:

Сейчас я расскажу о способах создания маски слоя в фотошопе:

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

Итак, нажимаем Layer -> Layer Mask -> Reveal All. Обратите внимание, что в панели слоёв справа от миниатюры изображения появился белый прямоугольник. Это и есть маска слоя:

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

Берем мягкую чёрную кисть и начинаем зарисовывать ей фон фотографии с мыльным пузырём:

Результат получился не слишком аккуратным, но главное чтобы вы поняли принцип. Если вам всё же хочется получить качественный результат, тогда выделите сначала пузырь, затем инвертируйте выделение (Shift+Ctrl+I) и смело закрасьте фон, не боясь скрыть края мыльного пузыря:

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

Давайте теперь посмотрим, что будет, если закрасить пузырь серым цветом (я взял #a1a1a1):

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

— Способ создания маски слоя Hide All скрывает всё изображение за чёрной маской. «Проявлять изображение» на слое с маской вы будете с помощью белой кисти.

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

— Reveal Selection скрывает всё, кроме выделенной области:

— Hide Selection напротив, прячет выделенную область:

— From Transparency создаёт маску без учёта невидимых областей.

Есть также кнопка в панели слоёв для создания маски слоя способом Reveal Selection:

Заливка маски в фотошопе градиентом

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

Создаём маску, и заливаем её чёрно белым радиальным градиентом. Получаем такой результат:

Векторные маски в фотошопе

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

Чтобы вам было проще понять суть работы с векторными масками, рекомендую прочитать урок «Учимся работать с Pen Tool«, в котором я разбираю основной инструмент фотошопа для работы с векторными фигурами.

Векторные маски создаются точно также, как растровые и работают по тому же принципу, с той лишь разницей, что управляются векторными инструментами, например Pen Tool:

Здесь мы видим новый пункт Current Path — он создаёт маску по уже имеющемуся векторному пути. Давайте остановимся на этом подробнее. Я взял изображение татуировки, и обвёл его контуром с помощью Pen Tool:

И применил Layer — Vector Mask -> Current Path:

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

Две маски в фотошопе

Фотошоп даёт возможность пользоваться двумя масками сразу — растровой и векторной. Это нужно в первую очередь для удобства пользователя.

Посмотрите на следующий пример:

я создал векторный путь, обводящий морскую звезду. Затем преобразовал его в векторную маску, и одновременно создал растровую маску. Как видите, в панели слоёв теперь находятся 2 маски слоя. Слева растровая, а справа соответственно векторная. Теперь если я захочу сделать середину и края звезды немного прозрачными, я переключусь на растровую маску и разрисую нужные места серой кистью:

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

Сlipping Mask в фотошопе

Следующий тип маски в фотошопе — Clipping Mask. Она обрезает изображение, к которому применена по контуру или маске нижележащего:

На представленном примере на нижнем слое создана обычная векторная фигура с помощью Ellipse Tool (Эллипс), поверх неё изображение с лошадью, к которому применена Clipping Mask. Попробуйте сделать что-то похожее, и подвигайте фигуру на нижнем слое — изображение будет «проявляться» в том месте, в котором находится фигура.

Действия с масками в фотошопе

Маски в фотошопе можно перемещать вне привязки к изображению. Сейчас я покажу как это сделать. Возьмите любое изображение и примените к нему какую-нибудь маску:

Теперь нажмите на иконку цепи между маской и миниатюрой слоя. Теперь вы можете перемещать маску с помощью обычного Move Tool.

Маски в фотошопе можно также копировать на другой слой. Создайте новый слой (Shift+Ctrl+N), залейте его каким-нибудь цветом, зажмите Alt и перетащите миниатюру маски на только что созданный слой:

Быстрая маска в фотошопе

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

Но я советую вызывать её с помощью быстрой клавиши Q. Также, если вы 2 раза кликните по иконке быстрой маски, появятся настройки, позволяющие сменить цвет маски. Нужно это исключительно для удобства, т.к. стандартно маска имеет полупрозрачный красный цвет, и если вы выделяете красное изображение это будет не слишком удобно.

Сейчас мы попробуем выделить с помощью быстрой маски выделить вот эту шикарную собаку 🙂

Нажмите Q, возьмите жёсткую непрозрачную кисть и начните закрашивать:

Обратите внимание, что основной цвет у вас должен быть чёрный. Если вы ошиблись и закрасили что-то лишнее, выберите белый цвет (нажмите X при стандартной цветовой раскладке) и сотрите таким образом ненужный участок маски. Когда закончите закрашивать, вновь нажмите Q. Всё, выделение готово:

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

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

Основы яркостных масок. 2 – Маски в фотошопе, как создавать яркостные маски

Основные виды масок

Фундаментальная основа Adobe Photoshop — это, конечно же, слои. Но они не были бы столь популярными, если бы не имели одного действительно мощного инструмента для манипуляций с ними — масок.

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

Как это работает?

В Adobe Photoshop белая маска означает полную ее непрозрачность, а черная — наоборот полную прозрачность.

Если мы расположим два цветных слоя один под другим, то верхний слой полностью перекроет нижний и мы увидим в итоге только оранжевый цвет.

Маска всегда отображается справа от основного слоя и является чёрно-белой.

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

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

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

А теперь возьмем черную кисть непрозрачную кисть и нарисуем ею на белой маске что-нибудь.

И мы видим, как в этом месте «проявится» нижний слой.

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

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

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

Применение в фотографии

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

Маска мягкой прозрачной кистью

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

Ручная прорисовка кистью не даёт проработать контрастные объекты типа деревьев на фоне заката, но у неё есть одно большое преимущество — возможность задать Мягкость (Hardness) и Прозрачность (Opacity).

Попробуйте создать новый слой с ярко выраженным эффектом. Например, создайте корректирующий слой Hue/Saturation и поднимите насыщенность всего изображения.

Теперь задайте этому слою чёрную маску, например выбрав белую маску и инвертировав её через Image — Adjustments — Invert или нажав Ctrl+I (Cmd+I на Маке).

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

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

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

Градиентная маска

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

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

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

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

Цветовая маска

Цветовая маска создаётся на основе какого-то цвета. Средствами Adobe Photoshop её можно создать выбрав Select -> Color Range. В открывшемся окне можно выбрать желаемый цвет и отрегулировать силу выделения.

Получившуюся выделенную область можно применить к слою в виде маски.

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

Работать с цветовой маской стоит очень осторожно и тщательно смотреть чтобы не оставалось каких-нибудь артефактов, которые будут заметны вблизи.

Яркостная маска

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

Чтобы создать яркостную маску вручную нужно перейти во вкладку Каналы (Channels). Если кликнуть на канале зажав предварительно кнопку Ctrl (Cmd на MacOS), то Adobe Photoshop выделит ту часть изображения, которая светлее 50% серого. После этого нужно нажать на кнопку создания маски. Полученную маску принято называть Света (Lights).

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

Для этого нужно кликнуть на канал RGB с зажатой кнопкой Ctrl (Cmd на MacOS), опять получив выделенную область для обычных светов. Затем зажать кнопки Ctrl+Alt+Shift (Cmd+Alt+Shift на MacOS) и ещё раз кликнуть по каналу RGB. Это построит новую, более ограниченную выделенную область. Нажав на кнопку создания маски мы получим Света-1 (Lights-1).

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

Если кликнуть на полученную маску Тени с зажатой кнопкой Ctrl (Cmd на MacOS), а потом ещё раз с зажатыми кнопками Ctrl+Alt+Shift (Cmd+Alt+Shift на MacOS), то, создав маску, мы получим Тени-1.

По такому же принципу можно строить ещё более ограниченные маски.

Как же ими пользоваться? Как вы уже знаете, клик по маске с зажатой кнопкой Ctrl (Cmd на MacOS) создаёт выделенную область по маске. Давайте создадим новый корректирующий слой Кривых, затем перейдём в Каналы, кликнем по маске Тени-1, вернёмся на слои и зададим полученную выделенную область маской для нашего слоя.

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

Согласитесь, довольно трудоёмкий процесс. И каждый раз, когда вы что-то меняете в изображении — маски нужно строить заново. Давайте посмотрим, как с этой задачей справится ARCPanel.

• Выберите нужную маску, в нашем случае из Теней
• Если включён режим пред-просмотра, то при наведении курсора на кнопку будет показываться маска
• Кликните на подходящей маске
• Нажмите на иконку Кривых, или добавьте любой другой корректирующий слой

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

Использование масок в Photoshop

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

Виды масок в Photoshop различны, их мы разберём ниже. А сначала нужно уяснить механизм работы маски схематически:

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

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

Это означает, что чёрный цвет соответствует 100% прозрачности, а белый — полной видимости. Это схема работы масок, а назначение — управлять пикселами: скрывать их, защищая от изменений.

Если подвергнуть нашу картинку редактированию, к примеру, изменить цвет — то чёрная часть пчёлки останется неизменной:

Проще всего проиллюстрировать работу с масками на следующем примере. Для выделения объекта — нашей пчёлки, используем инструмент «Быстрое выделение» (Рис.1-2). Для выделения мелких деталей пчёлки выбираем кисть поменьше, или увеличиваем масштаб документа, пока не получим контур (бегущие муравьи) всего объекта.

Затем включаем режим «Быстрая маска» кликнув по пиктограмме (Рис.1-1) или нажав клавишу (Q):

Рис.1. Быстрая маска:
1 — Включение-отключение режима «Быстрая маска»;
2 — Инструмент «Быстрое выделение».

Если нам понадобится инвертировать маску, делаем двойной клик по пиктограмме (Рис.1-1). В появившемся окошке «Параметры» меняем местами выделенную и защищённую (маскированную) область, которая по умолчанию отображается красным цветом с непрозрачностью 50%. И цвет и прозрачность можно изменять для визуального удобства:

А теперь можно спокойно редактировать объект, не опасаясь нанести вред остальной части изображения. Можно использовать любые инструменты рисования, а мы, для примера, воспользуемся фильтром «Размытие по Гауссу» (Фильтры — Размытие) для смягчения контура пчёлки:

Чем хороша «Быстрая маска»? Результаты воздействия фильтра будут сразу же отражаться в самом документе. Двигаем бегунок, увеличивая радиус размытия, и одновременно видим наступившие изменения выделенного нами объекта непосредственно в документе.

А это готовый результат и изначальный объект, сравните (для наглядности — с белым фоном). Если требуется удалить фон, то сначала инвертируем выделение, для чего нажимаем комбинацию Shift+Ctrl+I (Выделение — Инверсия), а за тем клавишу Delete и заливаем белым цветом:

Т.к. выделение некоторых объектов может отнимать немало времени, в Photoshop предусмотрено сохранение масок (можно понимать: выделенных областей) в панели «Каналы». Там они хранятся в виде альфа-каналов.

Пиктограмма (Рис.2-2) позволит создать альфа-канал, а «кружочек» слева (Рис.2-3) — загрузить его на панель при следующем открытии этого документа:

Рис.2. Сохранение маски в панели «Каналы»:
1 — Альфа-канал; 2 — Сохранить маску;
3 — Открытие сохранённой маски.

Но эту маску (альфа-канал) можно будет применять и для других изображений в качестве трафарета.

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

Растровая маска

Растровую (пиксельную) маску редактируют инструментами рисования и выделения. В качестве иллюстрации возьмём пример монтажа двух фотографий с авианосцем и самолётом-невидимкой. Готовый результат вы видите на второй картинке:

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

Если в процессе закрашивания обратить внимание на миниатюры слоя и его маски на панели «Слои», то видно, что изменяется только миниатюра маски. Мы увидим чёрную область скрытых пикселей, но они не удалены в самом слое.

Если бы мы просто стирали их инструментом «Ластик», то они были бы потеряны безвозвратно. А с помощью маски мы можем их вернуть. Что означает: если мы случайно сотрём часть объекта (самолёта), то сможем восстановить утраченные пикселы. Для этого нужно лишь пройтись по этому месту кистью белого цвета!

Вспоминаем схему: чёрный — полная прозрачность, белый — полная видимость. Вывод: маски не удаляют пикселы, а лишь ими управляют, или скрывают их. Эту особенность успешно применяют при создании коллажей.

Векторная маска

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

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

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

После того, как контур объекта замкнётся, создаётся маска. Для чего нужно нажать, уже знакомую нам, пиктограмму в панели «Слои».

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

В панели «Маски», передвинув бегунки, можно изменить плотность или сделать растушёвку края объекта (Рис.3-3). А переключатели (Рис.3-2) служат для выбора между векторной и растровой (пиксельной) масками:

Рис.3. Панель «Маски»:
1 — Вызов панели; 2 — Переключатели масок;
3 — Плотность и растушёвка.

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

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

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

Выделим инструментом «Прямоугольная область» внутреннюю часть рамки на втором изображении. Далее жмём Ctrl+J (Слои — Новый — Скопировать на новый слой), тем самым копируем выделение в новом слое.

Далее копируем портрет на изображение с рамкой. Естественно, размер портрета не подошёл. Поэтому жмём Ctrl+T (Редактирование — Свободное трансформирование), и тянем за углы появившейся вокруг портрета рамочки, подгоняя портрет под нужный размер. Если это делать с нажатой клавишей Shift, то сохранятся пропорции ширины с высотой:

Часть портрета выступает за рамку, и нам нужно отсечь всё лишнее. Кликаем правой кнопкой мыши по верхнему слою (Слой 3), а в открывшемся меню выбираем «Создать обтравочную маску».

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

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

Просто о масках в Photoshop

Автор: Евгений Карташов

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

Новинка!

«Просто о масках в Photoshop»

Mask Panel. Секрет укрощения масок в Photoshop

Автор: Е. Карташов

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

Страница видеокурса

Уроки Photoshop:

Поделиться с друзьями:

Основы Photoshop — работа с масками

Работа с маской в Photoshop

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

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

Для понимания понятия маски в фотошопе, представим себе обычную карнавальную маску. Ее задача скрыть под собой лицо. Так и в Photoshop маска скрывает под собой слои лежащие ниже и показывает слой к которому она применена. Чтобы было более наглядно откроем фотошоп и создадим файл с двумя слоями: нижний зальем желтым цветом, а верхний зеленым. К верхнему слою применим маску, для этого заходим в меню «Layer» («Слой«), выбираем «Layer Mask» («Маска слоя«) и «Reveal All» («Показать все«). В палитре слоев справа около верхнего слоя появился белый прямоугольник, это и есть маска.

Рисуем по маске черным цветом.

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

Скрываем фон при помощи маски слоя.

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

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

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

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

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

Конечный результат работы с маской.

Вот, что у меня получилось в результате всех манипуляций. Если посмотреть на последний шарик справа, то он полупрозрачный и за ним видно лапу кота. Сделать это очень просто. Как я уже рассказывал выше, если рисовать серым цветом, то прозрачность маски меняется в зависимости от интенсивности цвета. Поэтому я просто взял светло-серый и закрасил шарик на маске и он стал полупрозрачным.

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

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

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

Создание маски слоя (Layer Mask) в Photoshop

Маска слоя позволяет быстро изменять части изображения, локально накладывать эффекты и фильтры для ретуши портретов, увеличивать резкость или наоборот размывать фон, расширять динамический диапазон снимка (один из видов HDR фотографии), объединять несколько разных фотографий в коллаж и т.д. Владение навыками работы с масками не менее важно умения работать со слоями, поскольку практически в любой серьезной обработке фотографии в Photoshop используются обе эти техники. Удобство работы с масками заключается в возможности — быстро исправить ошибки, возникшие при длительной обработке фотографии.

В Photoshop маска слоя скрывает под собой слои лежащие ниже. Белый цвет маски обозначает 100% непрозрачные пиксели слоя, к которому применили маску, черный цвет — полностью прозрачные, а различные уровни серого создают соответствующую степень прозрачности. При этом в палитре Layers («Слои») к прямоугольнику, обозначающему слой, рядом добавиться второй прямоугольник. Это и будет маска слоя.
Белая маска делает слой полностью непрозрачным.Чёрная маска делает слой полностью прозрачным.

Создание маски слоя

Для наглядности создадим файл с двумя слоями: нижний зальем синим цветом, а верхний красным. Затем применим к верхнему слою маску. Для этого заходим в меню «Layer» («Слой»), выбираем «Layer Mask» («Маска слоя») и «Reveal All» («Показать все»). К выбранному слою будет добавлена белая маска. Соответственно при выборе «Hide All» («Скрыть все») — чёрная маска.
Второй способ применить маску слоя следующий. Находясь на выбранном слое, нажимаем кнопку «Add Laer Mask» («Добавить маску слоя»). К выбранному слою будет добавлена белая маска. Для добавления чёрной маски нужно нажать на кнопку «Add Laer Mask» («Добавить маску слоя»), удерживая клавишу alt.

Надо сказать, что эффект не сильно впечатляет. Зачем добавлять лишний слой, что бы его полностью скрыть? И какая польза в белой маске? В ответе на эти вопросы скрываются поистине грандиозные возможности в использовании слоев!

Окончательное создание маски слоя происходит после рисования на нём. Возьмем кисточку, на палитре инструментов слева выберем черный цвет, выберем маску слоя и нарисуем пятно на нашем рисунке. Будет видно, что в процессе рисования открывается нижний слой, мы как бы делаем «дырку» в маске. Под черным цветом на маске, на изображении будет виден предыдущий слой. Обратите внимание, что верхний красный слой при этом не повреждён — маска «решает» какие пиксели показывать, а какие скрыть. Если возникнет необходимость в уменьшении «дырки», то достаточно переключить цвет на противоположный и исправить ошибку.
Действие чёрной кисти по белой маске слоя.Действие белой кисти по белой маске слоя.Важно помнить, что в палитре слоев может быть выбран как сам слой, так и его маска. Для выбора слоя или маски достаточно щелкнуть по их прямоугольникам. При этом выбранный объект будет обводиться тонкой угловой рамкой.
В процессе работы маску слоя можно инвертировать, нажав клавиши (Ctrl+I). Заливать Основным (Alt + Backspace) и Фоновым (Ctrl + Backspace) цветами.

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

Создайте маску первого слоя

Что такое маска слоя?

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

К маске слоя можно добавить черный, белый или серый цвет. Один из способов сделать это — нарисовать слой-маску.Черный цвет на маске слоя скрывает слой, содержащий маску, поэтому вы можете видеть, что находится под этим слоем. Серый цвет на маске слоя частично скрывает слой, содержащий маску. Белый цвет на маске слоя показывает слой, содержащий маску.

Создать маску слоя

1. Выберите слой на панели «Слои».
2. Нажмите кнопку «Добавить маску слоя» в нижней части панели «Слои». На выбранном слое появится миниатюра маски белого слоя, открывающая все на выбранном слое.

Добавить черный к маске слоя, чтобы скрыть

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

1. На панели «Слои» убедитесь, что вокруг миниатюры маски слоя есть белая рамка. Если белая граница отсутствует, щелкните миниатюру маски слоя.
2. Выберите инструмент «Кисть» на панели инструментов. На панели параметров откройте палитру кистей и выберите размер и жесткость кисти.
3. Нажмите D, чтобы установить белый и черный цвета по умолчанию на панели инструментов.Затем нажмите X, чтобы переключить цвета, чтобы черный стал цветом переднего плана.
4. Закрасьте изображение, добавив черный цвет к маске слоя. Черный цвет на маске слоя скрывает слой с маской, поэтому вы можете видеть слой ниже или узор шахматной доски, который представляет прозрачность.

Добавьте белый цвет к маске слоя, чтобы открыть

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

1. Нажмите X, чтобы переключить цвета переднего плана и фона на панели инструментов, чтобы белый стал цветом переднего плана.
2. Закрасьте скрытые области изображения. Это добавляет белый цвет к маске слоя, возвращая в поле зрения соответствующие области замаскированного слоя.

Тонкая настройка маски слоя с черным, белым и серым

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

Сохраните свою работу со слоями

• Сохраните изображение в формате .PSD или .TIFF, чтобы сохранить слои и маски слоев для будущего редактирования.

Создайте маску первого слоя

Что такое маска слоя?

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

К маске слоя можно добавить черный, белый или серый цвет. Один из способов сделать это — нарисовать слой-маску. Черный цвет на маске слоя скрывает слой, содержащий маску, поэтому вы можете видеть, что находится под этим слоем. Серый цвет на маске слоя частично скрывает слой, содержащий маску. Белый цвет на маске слоя показывает слой, содержащий маску.

Создать маску слоя

1. Выберите слой на панели «Слои».
2. Нажмите кнопку «Добавить маску слоя» в нижней части панели «Слои».На выбранном слое появится миниатюра маски белого слоя, открывающая все на выбранном слое.

Добавить черный к маске слоя, чтобы скрыть

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

1. На панели «Слои» убедитесь, что вокруг миниатюры маски слоя есть белая рамка. Если белая граница отсутствует, щелкните миниатюру маски слоя.
2. Выберите инструмент «Кисть» на панели инструментов. На панели параметров откройте палитру кистей и выберите размер и жесткость кисти.
3. Нажмите D, чтобы установить белый и черный цвета по умолчанию на панели инструментов. Затем нажмите X, чтобы переключить цвета, чтобы черный стал цветом переднего плана.
4. Закрасьте изображение, добавив черный цвет к маске слоя. Черный цвет на маске слоя скрывает слой с маской, поэтому вы можете видеть слой ниже или узор шахматной доски, который представляет прозрачность.

Добавьте белый цвет к маске слоя, чтобы открыть

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

1. Нажмите X, чтобы переключить цвета переднего плана и фона на панели инструментов, чтобы белый стал цветом переднего плана.
2. Закрасьте скрытые области изображения. Это добавляет белый цвет к маске слоя, возвращая в поле зрения соответствующие области замаскированного слоя.

Тонкая настройка маски слоя с черным, белым и серым

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

Сохраните свою работу со слоями

• Сохраните изображение в формате .PSD или .TIFF, чтобы сохранить слои и маски слоев для будущего редактирования.

Использовать маски слоя с выделениями

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

Сделать выбор

Начните с создания выделения с помощью любого метода выделения. Если изображение имеет сплошной цвет фона, возможно, будет проще выбрать фон, чем объект. Инструмент «Волшебная палочка» полезен для выбора сплошного цветного фона.

1. Выберите инструмент «Волшебная палочка» на панели инструментов и установите флажок «Смежные» на панели параметров.
2. Щелкните фон изображения, чтобы выбрать его. Чтобы при необходимости добавить к выделению, щелкните изображение, удерживая нажатой клавишу «Shift».Чтобы вычесть из выделенного, щелкните, удерживая нажатой клавишу «Option» (MacOS) или «Alt» (Windows).
3. Выберите «Выделение»> «Инвертировать», чтобы выделить объект вместо фона. Оставьте выделение активным.

Добавить маску слоя

Когда вы добавляете маску слоя с активным выделением, маска слоя автоматически содержит белый цвет там, где было выделение, и черный, где не было выделения.

• При активном выделении нажмите кнопку «Добавить маску слоя» на панели «Слои».На маске слоя белый цвет там, где было выделение (объект), и черный, где не было выделения (фон). Черный цвет скрывает невыделенную область.

Копировать в другое изображение

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

1. Открыть другое изображение.Каждое открытое изображение имеет свою вкладку в верхней части окна документа.
2. Скопируйте замаскированный слой во второе изображение следующим образом: На панели «Слои» первого изображения щелкните и удерживайте пустую часть слоя, содержащую объект и маску слоя. Удерживая нажатой кнопку мыши, перетащите с панели «Слои» первого изображения на вкладку второго изображения, а затем в окно документа второго изображения. Отпустите мышь. На панели «Слои» второго изображения есть новый слой, содержащий объект и его маску слоя.
3. Не снимая выделения с предметного слоя на втором изображении, нажмите Command + T (MacOS) или Control + T (Windows). Вокруг объекта появится ограничивающая рамка с ручками.
4. Перетащите угловой маркер ограничительной рамки, чтобы уменьшить или увеличить объект. Перетащите изнутри ограничительной рамки, чтобы переместить объект.
5. Щелкните за пределами ограничивающей рамки, чтобы завершить масштабирование и расположение объекта и его маски слоя на втором изображении.
6. Если вам нужно отредактировать маску слоя на втором изображении, щелкните маску слоя на панели «Слои», чтобы сделать ее активной.Выберите инструмент «Кисть» на панели инструментов. Нарисуйте черным, белым или серым цветом, чтобы отредактировать маску слоя.

Сохраните свою работу со слоями

• Сохраните оба изображения в формате .PSD или .TIFF, чтобы сохранить слои и маски слоев для будущего редактирования.

Использование масок слоя для корректировки частей фотографии

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

Добавить корректирующий слой

1. Выберите слой изображения на панели «Слои».
2. Нажмите кнопку «Создать новый слой заливки или корректирующего слоя» в нижней части панели «Слои». Во всплывающем меню выберите «Оттенок / насыщенность». На панели «Слои» над выбранным вами слоем появится корректирующий слой «Цветовой тон / насыщенность» с миниатюрой маски белого слоя.На панели «Свойства» отображаются элементы управления оттенком / насыщенностью для этого корректирующего слоя.
3. На панели «Свойства» перетащите ползунок «Насыщенность» вправо, чтобы увеличить насыщенность цвета. Эта настройка теперь влияет на всю фотографию на слое ниже.

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

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

1. На панели «Слои» убедитесь, что вокруг миниатюры маски слоя есть белая рамка. Если белая граница отсутствует, щелкните миниатюру маски слоя.
2. Нажмите D на клавиатуре, чтобы установить цвета по умолчанию белый и черный на панели инструментов. Нажмите X, чтобы переключить цветовые рамки, чтобы черный был цветом переднего плана, а белый — цветом фона.
3. На панели инструментов выберите инструмент «Градиент».
4. На панели параметров убедитесь, что параметр «Градиент» отображает градиент от черного к белому.Если это не так, щелкните этот параметр, чтобы открыть редактор градиентов, выберите предустановку градиента от переднего плана к фону и нажмите кнопку «ОК».
   
   Совет: Если вы хотите добавить несколько градиентов к одной маске слоя, выберите предустановку градиента от черного к прозрачному в редакторе градиентов.
5. На панели параметров выберите параметр «Линейный градиент».
   
   Совет: Вы можете использовать формы градиента, отличные от линейного градиента, на маске слоя, выбрав другой тип градиента, например радиальный градиент, на панели параметров для инструмента «Градиент».
6. В окне документа щелкните область, в которой вы не хотите применять корректировку, и перетащите ее в сторону области, где вы хотите применить корректировку, создавая градиент от черного к белому на маске слоя.

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

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

Сохраните свою работу со слоями

• Сохраните изображение в формате .PSD или .TIFF, чтобы сохранить слои и маски слоев для будущего редактирования.

Основы масок слоя Photoshop для начинающих

Как использовать маску слоя в Photoshop

Настройка документа

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

Первое изображение. Фото: Adobe Stock.

А вот и мое второе изображение (котенок с пузырьками, фото из Adobe Stock):

Второй образ. Фото: Adobe Stock.

Загрузка изображений в Photoshop в виде слоев

Нам нужно поместить оба изображения в один и тот же документ Photoshop, поместив каждую фотографию на отдельный слой.Для этого перейдите в меню File в строке меню в верхней части экрана, выберите Scripts , а затем выберите Load Files into Stack :

Перейдите в меню «Файл»> «Сценарии»> «Загрузить файлы в стек».

Откроется диалоговое окно Загрузить слои . Убедитесь, что для параметра Use установлено значение Files , а затем нажмите кнопку Browse :

Диалоговое окно «Загрузить слои».

При нажатии кнопки «Обзор» открывается окно File Explorer на ПК или окно Finder на Mac (это то, что я здесь использую).Перейдите к местоположению ваших изображений на вашем компьютере. Выберите два изображения, которые вы хотите использовать, а затем нажмите OK в окне проводника или Откройте в окне Finder:

Выбор моих изображений.

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

Щелкните OK, чтобы загрузить изображения.

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

Панель «Слои», отображающая каждую фотографию на отдельном слое.

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

Изображения в том виде, в котором они появляются после загрузки в Photoshop.

Переименование слоев (необязательно)

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

Начну со слоя сверху. Чтобы переименовать его, я дважды щелкну на его текущем имени, чтобы выделить его.Затем я введу «Кошка» на клавиатуре для нового имени. Если на вашей фотографии тоже не кошка, вы можете назвать ее как-нибудь иначе:

Переименование верхнего слоя.

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

Нажав Tab, выделите имя нижнего слоя.

Затем я наберу «Собака» в качестве нового имени. Я нажимаю Enter (Win) / Return (Mac) на моей клавиатуре, чтобы принять изменения имени, и теперь оба слоя были переименованы, со слоем «Cat» наверху и слоем «Dog» на Нижний.Нет ничего проще:

Оба слоя были переименованы.

Перемещение изображений

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

Для этого я выберу Photoshop Move Tool на панели инструментов в левой части экрана. Я также мог выбрать инструмент «Перемещение», нажав на клавиатуре букву V :

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

Я нажимаю на слой «Кошка» на панели «Слои», чтобы выбрать его и сделать активным:

Выбор слоя «Кошка».

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

Удерживая Shift, перетаскивая слой «Кошка» вправо.

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

Щелкните значок видимости для слоя «Кошка».

Когда слой «Кошка» выключен, я нажимаю на слой «Собака», чтобы выбрать его:

Выбор слоя «Собака».

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

Удерживая Shift, перетаскивая слой «Собака» влево.

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

Снова включаем слой «Кошка».

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

Результат после перестановки изображений.

Что такое маска слоя?

Итак, что именно — это маска слоя и что она делает? Проще говоря, маска слоя — это то, что мы можем добавить к слою, что позволяет нам контролировать прозрачность этого слоя. Конечно, в Photoshop есть и другие способы управления прозрачностью слоя. Параметр Непрозрачность на панели «Слои» — это один из способов настройки прозрачности. Инструмент Eraser Tool — еще один распространенный способ добавления прозрачности к слою.Так что же делает маски слоев такими особенными?

Хотя параметр «Непрозрачность» на панели «Слои» позволяет нам управлять прозрачностью слоя, он ограничен тем фактом, что он может регулировать прозрачность только для всего слоя в целом . Уменьшите значение Непрозрачности до 50%, и весь слой станет прозрачным на 50%. Уменьшите его до 0%, и весь слой будет полностью скрыт от просмотра.

В некоторых ситуациях это может подойти. Но что, если вам нужно только часть слоя, чтобы быть прозрачным? Что, если, скажем, вы хотите, чтобы левая сторона слоя была на 100% прозрачной (полностью скрытой), а правая сторона была на 100% видимой, с плавным переходом между ними посередине? То, что я только что описал, является очень распространенной техникой в ​​Photoshop, позволяющей переходить от одного изображения к другому.Но поскольку нам нужно настроить уровень прозрачности разных областей слоя отдельно , а параметр «Непрозрачность» может влиять только на весь слой в целом , этот простой эффект выходит за рамки того, что может сделать параметр «Непрозрачность».

Параметр непрозрачности слоя

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

.

Выбор верхнего слоя.

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

Понижение непрозрачности верхнего слоя до 70%.

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

Результат после снижения непрозрачности верхнего слоя до 70%.

Если мы уменьшим значение Непрозрачности до 0% :

Понижение непрозрачности верхнего слоя до 0%.

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

Результат после снижения непрозрачности до 0%.

Поскольку параметр «Непрозрачность» не даст нам результата, который мы ищем, давайте вернем его к 100% :

Увеличение значения непрозрачности до 100%.

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

Оба изображения снова видны.

Непрозрачность слоя и заливка в Photoshop

Ластик

Теперь, когда мы рассмотрели параметр «Непрозрачность», давайте посмотрим, может ли инструмент Photoshop Eraser Tool дать нам лучшие результаты. В отличие от параметра «Непрозрачность», который влияет на весь слой сразу, инструмент «Ластик» Photoshop позволяет легко настраивать прозрачность различных частей слоя по отдельности. Это потому, что Eraser Tool — это не что иное, как кисть, и чтобы использовать ее, мы просто перетаскиваем кисть на любые области, которые хотим удалить.

Поскольку инструмент «Ластик» настолько прост и интуитивно понятен (все знают, что такое ластик), он обычно является одним из первых инструментов, к которым мы обращаемся при изучении Photoshop. И это прискорбно, потому что у Eraser Tool есть один серьезный недостаток. Как следует из названия, Eraser Tool работает, стирая (удаляя) пикселей изображения. И как только эти пиксели исчезнут, вернуть их уже невозможно.

Это называется деструктивным редактированием в Photoshop, потому что оно приводит к постоянному изменению исходного изображения.Если в дальнейшем нам потребуется восстановить часть области, которую мы стерли с помощью Eraser Tool, простого способа сделать это будет нелегко. Часто наш единственный вариант на этом этапе — повторно открыть исходное изображение (при условии, что оно у вас все еще есть) и начать работу заново.

Сохраняя нашу работу

Давайте посмотрим на Eraser Tool в действии. Но прежде мы быстро сохраним наш документ. Таким образом, когда мы закончим с Eraser Tool, мы сможем легко вернуться в исходное состояние нашего документа.Чтобы сохранить его, перейдите в меню File вверху экрана и выберите Save As :

.

Переход к файлу> Сохранить как.

Откроется диалоговое окно «Сохранить как». Назовите документ как хотите. Я назову свой «Понимание масок слоя» и сохраню его на рабочий стол. Убедитесь, что вы установили Format на Photoshop , затем нажмите кнопку Save :

Опции «Сохранить как».

Теперь, когда мы сохранили документ, я выберу инструмент «Ластик» на панели инструментов.Я также мог выбрать его, нажав на клавиатуре букву E :

Выбор инструмента «Ластик».

Выбрав инструмент Eraser Tool, я Щелкните правой кнопкой мыши (Win) / Control-щелкните (Mac) внутри документа, чтобы открыть Brush Preset Picker , где я могу настроить размер и твердость кисти с помощью ползунков вверху. Чтобы смешать одно изображение с другим, обычно лучше всего подходит большая кисть с мягкими краями, поэтому я увеличу размер кисти примерно до 490 пикселей и уменьшу жесткость до 0% .Возможно, вам придется выбрать другой размер кисти в зависимости от размера ваших изображений:

Установка размера и жесткости ластика.

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

Стираем часть фотографии кошки, чтобы открыть фотографию собаки за ней.

Я продолжу стирать большую часть изображения кошки, чтобы смешать ее с изображением собаки, и вот результат. Как мы видим, инструмент Eraser Tool позволил легко совместить две фотографии:

Результат с помощью Eraser Tool.

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

Отключение слоя «Собака».

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

Инструмент «Ластик» безвозвратно удалил части изображения.

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

Восстановление изображения

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

Переход к файлу> Вернуть.

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

Верхнее изображение восстановлено.

Прокрутка все еще продолжается? Загрузите это руководство в формате PDF!

Добавление маски слоя

До сих пор мы видели, что параметр «Непрозрачность» на панели «Слои» может влиять только на целые слои одновременно, а инструмент «Ластик» вызывает необратимое повреждение изображения. Посмотрим, может ли маска слоя дать нам лучшие результаты.

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

Выбор верхнего слоя.

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

Щелкните значок «Добавить маску слоя».

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

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

Так же просто, как черно-белое (и серое)

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

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

Итак, поскольку маски слоя являются изображениями в градациях серого, это объясняет, почему маска слоя не заполнена красным или синим цветом. Но почему белый? Почему не черный или серый? Ну, мы используем маску слоя, чтобы контролировать уровень прозрачности слоя.Обычно мы используем его для независимой настройки прозрачности различных областей слоя (в противном случае мы просто использовали бы параметр «Непрозрачность» на панели «Слои», которую мы рассматривали ранее).

Но по умолчанию, когда мы впервые добавляем маску слоя, Photoshop сохраняет весь слой полностью видимым. Он делает это, заполняя маску слоя белым цветом. Почему белый? Это связано с тем, что маска слоя работает так, что она использует white для представления областей слоя, которые должны оставаться на 100% видимыми в документе.Он использует черный для представления областей, которые должны быть 100% прозрачными (полностью скрытыми). И он использует различные оттенки серого между ними для представления частичной прозрачности , причем области, заполненные более темными оттенками серого, кажутся более прозрачными, чем области, заполненные более светлыми оттенками.

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

Поскольку моя маска слоя в настоящее время заполнена белым цветом, а белый цвет на маске слоя представляет области на слое, которые видны на 100%, все мое изображение на слое «Кошка» полностью видно в документе:

Изображение кошки видно на 100% с маской слоя, заполненной белым.

Давайте посмотрим, что произойдет, если мы заполним маску слоя черным . Обратите внимание на то, что на панели «Слои» миниатюра маски слоя имеет белую границу выделения вокруг нее.Это потому, что слой и его маска слоя — это две разные вещи, а граница выделения вокруг миниатюры маски слоя говорит нам, что в данный момент выбрана маска, а не сам слой. Если вы не видите границы выделения вокруг миниатюры маски слоя, щелкните миниатюру, чтобы выбрать ее:

Граница выделения вокруг миниатюры говорит нам, что маска слоя выбрана.

Затем, чтобы заполнить маску слоя черным, перейдите в меню Edit вверху экрана и выберите Fill :

Идем в меню «Правка»> «Заливка».

Откроется диалоговое окно «Заливка» Photoshop. Измените параметр Contents вверху на Black , затем щелкните OK :

Изменение «Содержимое» на «Черный» в диалоговом окне «Заливка».

Вернувшись на панель слоев, мы видим, что миниатюра маски слоя теперь заполнена сплошным черным цветом:

Панель «Слои», на которой отображается эскиз маски, залитый черным цветом.

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

Изображение кошки исчезает после заполнения маски слоя черным цветом.

Что делать, если мы заливаем маску слоя серым? Давайте попробуем. Я вернусь в меню Edit и снова выберу Fill :

Снова идем в Edit> Fill.

Когда снова появится диалоговое окно «Заливка», я изменю параметр Contents с черного на 50% серый , затем нажму OK :

Изменение «Содержание» на «50% серого».

Вернувшись на панель слоев, мы видим, что моя миниатюра маски слоя теперь заполнена 50% серым (оттенок серого прямо между чистым черным и чистым белым):

Панель «Слои», показывающая миниатюру маски, залитую серым цветом.

Поскольку серый цвет на маске слоя представляет области частичной прозрачности на слое, и мы специально залили маску 50% серого, моя фотография кошки теперь отображается в документе на 50% прозрачной, что дает нам такой же результат, как если бы мы снизили Вариант непрозрачности до 50%:

Результат после заполнения маски слоя 50% серым.

Давайте восстановим изображение до 100% видимости, снова зайдя в меню Edit и выбрав Fill :

Последний раз переходим в меню «Правка»> «Заливка».

Когда появится диалоговое окно «Заливка», измените параметр Contents на White , затем щелкните OK :

Изменение «содержания» на «белое».

Заливает нашу маску слоя белым цветом, как это было изначально:

Маска слоя снова заполняется белым цветом.

И изображение на слое снова видно на 100%:

Результат после заливки маски слоя белым цветом.

Разрушающее и неразрушающее редактирование

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

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

Но вот важное отличие. В то время как инструмент «Ластик» безвозвратно удаляет области изображения, маски слоя просто скрывают этих областей из поля зрения. Другими словами, Eraser Tool выполняет деструктивных изменений изображения, ; маски слоя делают это неразрушающим образом .Посмотрим, как это работает.

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

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

Инструмент «Кисть»

Ранее я упоминал, что Eraser Tool — это кисть. С масками слоя мы не используем сам инструмент Eraser Tool, но мы и используем кисть. Фактически, мы используем Photoshop Brush Tool .Я выберу его на Панели инструментов. Вы также можете выбрать Brush Tool, нажав на клавиатуре букву B :

Выбор инструмента «Кисть».

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

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

Текущие цвета переднего плана (вверху слева) и фона (внизу справа).

Чтобы установить черный цвет переднего плана, все, что нам нужно сделать, это поменять местами текущие цвета переднего плана и фона, и самый простой способ сделать это — нажать на клавиатуре букву X .Это устанавливает цвет переднего плана и цвет нашей кисти на черный:

Нажатие X, чтобы поменять местами цвета переднего плана и фона.

Все, что нам нужно сделать, это установить размер и жесткость кисти. Как и в случае с инструментом «Ластик», я Щелкните правой кнопкой мыши (Win) / , удерживая нажатой клавишу «Control» (Mac) внутри моего документа, чтобы быстро открыть средство выбора предустановок кисти в Photoshop. Затем я воспользуюсь ползунком Size вверху, чтобы установить размер кисти того же размера, который я использовал с инструментом Eraser Tool (около 490 пикселей), и перетащу ползунок Hardness до конца слева (значение 0%), чтобы придать кисти красивые мягкие края:

Установка размера и жесткости кисти.

Закрашивание черным цветом, чтобы скрыть области

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

Рисование черным цветом на маске слоя, чтобы скрыть части изображения.

Я буду продолжать скрывать большую часть изображения кошки, закрашивая большее количество областей черным, пока не получу результат, аналогичный тому, что я достиг с помощью Eraser Tool:

Удаление большей части верхнего изображения.

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

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

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

Просмотр маски слоя

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

Чтобы просмотреть фактическую маску слоя в документе, нажмите и удерживайте клавишу Alt (Win) / Option (Mac) на клавиатуре и щелкните миниатюру маски слоя :

Удерживая Alt (Win) / Option (Mac) и щелкнув миниатюру маски.

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

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

Просмотр фактической маски слоя в документе.

Чтобы скрыть маску слоя и вернуться к изображению, еще раз нажмите и удерживайте Alt (Win) / Option (Mac) на клавиатуре и щелкните миниатюру маски слоя :

Удерживая Alt (Win) / Option (Mac) и снова щелкнув миниатюру маски.

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

Маска слоя снова скрыта от просмотра.

Отключение маски слоя

Мы также можем отключить маску слоя в документе.Чтобы отключить маску, нажмите и удерживайте клавишу Shift на клавиатуре и щелкните миниатюру маски слоя . На миниатюре появится большой красный X , сообщающий, что маска временно отключена:

Удерживая Shift, щелкните миниатюру маски слоя.

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

Отключение маски слоя делает все изображение на слое видимым на 100%.

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

При повторном включении маски слоя области снова скрываются.

Покраска белым цветом для восстановления скрытых областей

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

Чтобы изменить цвет кисти с черного на белый, нажмите на клавиатуре букву X , чтобы вернуть цвета переднего плана и фона к значениям по умолчанию.Это устанавливает цвет переднего плана (и цвет кисти) на белый:

.

Нажатие X, чтобы поменять цвет переднего плана (верхний левый образец) обратно на белый.

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

Восстановление фото кота в центре внизу, закрашивая маску белым цветом.

Опять же, поскольку мы рисуем на маске слоя, а не на самом изображении, мы не видим цвет кисти во время рисования. Чтобы лучше понять, что я сделал, я просматриваю свою маску слоя в документе, нажав и удерживая Alt (Win) / Option (Mac) на клавиатуре и нажав на миниатюру маски слоя , так же, как и раньше.

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

Закрашивание области белым цветом — все, что потребовалось, чтобы восстановить изображение на верхнем слое.

Понимание масок слоев в Photoshop

Перед тем, как мы начнем … Эта версия нашего учебника «Понимание масок слоя» предназначена для Photoshop CS5 и более ранних версий. Если вы используете Photoshop CC или CS6, ознакомьтесь с нашим полностью обновленным руководством «Понимание масок слоев Photoshop».

Автор Стив Паттерсон.

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

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

Загрузите это руководство в виде готового к печати PDF-файла!

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

Так что же тогда такое маски слоя? Что ж, если вас смущает термин «маска» (и кто может вас винить), замените в уме слово «маска» на «прозрачность», потому что это именно то, что делает маска слоя. Это позволяет вам контролировать уровень прозрачности слоя. Вот и все. Для них больше ничего нет. Теперь вы можете подумать: «Но … Я уже могу контролировать уровень прозрачности с помощью параметра« Непрозрачность », не так ли?», И да, вы, безусловно, можете. Параметр «Непрозрачность» в правом верхнем углу палитры «Слои» также позволяет управлять прозрачностью слоя.

Но вот разница. Параметр «Непрозрачность» изменяет уровень прозрачности сразу для всего слоя. Если вы снизите уровень непрозрачности, скажем, до 50%, весь слой станет прозрачным на 50%. Это может быть хорошо для некоторых ситуаций, но что, если вы хотите, чтобы только часть слоя была прозрачной? Что, если вы хотите, чтобы левая сторона слоя была полностью прозрачной, а правая — полностью видимой, с постепенным переходом между ними через середину слоя? На самом деле это очень распространенная вещь, которую можно сделать со слоем в Photoshop, позволяя переходить от одного изображения к другому.Но вы не можете сделать это с помощью параметра «Непрозрачность», поскольку, как я уже сказал, он ограничен одновременным контролем прозрачности всего слоя. Что вам нужно, так это какой-то способ контролировать прозрачность разных областей слоя по отдельности. Вам понадобится маска слоя.

Плагин шорткодов, действий и фильтров: ошибка шорткода [ ads-basics-middle-2 ]

Рассмотрим пример. Здесь у меня есть пара свадебных фотографий, которые, я думаю, подойдут вместе.Вот первый:

Первое свадебное фото.

А вот и второй:

Вторая свадебная фотография.

Чтобы смешать их вместе, независимо от того, буду я использовать маску слоя или нет, мне нужно, чтобы обе фотографии были в одном документе Photoshop, поэтому, когда каждая фотография открыта в отдельном окне документа, я просто собираюсь нажмите V на клавиатуре, чтобы выбрать инструмент «Перемещение», затем щелкните внутри одного из документов и перетащите эту фотографию в документ, содержащий другую фотографию:

Перетаскивание одной фотографии в тот же документ Photoshop, что и другая фотография, с помощью инструмента «Перемещение».

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

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

Пока все хорошо. Теперь, как мне совместить эти две фотографии вместе? Что ж, посмотрим, что произойдет, если я просто попробую уменьшить непрозрачность верхнего слоя.Я собираюсь снизить его примерно до 70%, чтобы посмотреть, какой эффект у меня получится:

Уменьшаем непрозрачность верхнего слоя, чтобы смешать его со слоем под ним.

Вот мой результат:

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

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

Плагин шорткодов, действий и фильтров: ошибка в шорткоде [ ads-basics-middle-float ]

До сих пор в наших поисках совмещения двух наших фотографий мы пытались снизить непрозрачность верхнего слоя с разочаровывающими результатами, поскольку все, что в основном делалось, — это затемняло все изображение.Что я действительно хочу, так это чтобы пара на обоих изображениях оставалась полностью видимой, чтобы смешение двух изображений происходило в области между невестой, уходящей от нас слева, и ее смотрящей на нас справа. Я знаю, почему бы мне просто не воспользоваться инструментом Photoshop Eraser Tool! Вот что я сделаю. Я использую Eraser Tool с красивыми мягкими краями, чтобы стереть часть изображения справа, которая мне не нужна. Да, это должно сработать.

Я нажму E на клавиатуре, чтобы быстро выбрать инструмент Eraser Tool.Как я уже сказал, мне нужны мягкие края для моего ластика, поэтому я собираюсь удерживать нажатой клавишу Shift и несколько раз нажать левую скобку, чтобы смягчить края. Я также могу увеличивать или уменьшать размер Ластика по мере необходимости, используя клавишу левой скобки отдельно, чтобы уменьшить Ластик, и клавишу правой скобки, чтобы сделать его больше (то же сочетание клавиш работает с любыми инструментами кисти Photoshop). И теперь, когда у меня есть ластик нужного размера и с мягкими краями, я сотру части левой части верхнего изображения, чтобы оно сливалось с изображением под ним:

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

После того, как я закончил с моим ластиком, вот мой результат:

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

Теперь все определенно выглядит намного лучше, чем когда мы пытались снизить непрозрачность верхнего слоя. Пара все еще видна на обоих изображениях с красивой переходной областью посередине, что я и хотел. Инструмент «Ластик» отлично поработал! Кому нужны слои-маски! Я доволен этим, я думаю, что моему клиенту это тоже понравится, поэтому я отправлю копию изображения своему клиенту по электронной почте, сохраню свой документ Photoshop, закрою его, выключу компьютер. и наслаждаюсь остатком дня, пока я жду, пока клиент позвонит мне и расскажет, какая я классная.

Через пару часов звонит телефон, и это мой клиент. Им нравится изображение в целом, но они думают, что я удалил слишком много фаты невесты с фотографии справа, и они хотели бы, чтобы я вернул часть ее обратно в изображение, после чего они будут счастливы плати мне за мою работу. «Нет проблем!» — говорю я им. Я возвращаюсь к своему компьютеру, снова открываю свой документ Photoshop, и все, что мне нужно сделать сейчас, это вернуть часть фаты невесты справа… по …… хм.

Ой ой.Как мне это сделать, если я стер эту часть изображения?

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

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

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

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

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

И что теперь? Я пробовал уменьшить непрозрачность верхнего слоя, но это не сработало. Я попытался стереть части верхнего изображения с помощью Eraser Tool, и хотя работал с , я окончательно удалил эту часть изображения, и теперь, если мне нужно вернуть часть изображения, я не могу. Я думаю, все, что я действительно могу сделать, это установить количество отмен в настройках Photoshop на 100 и никогда не закрывать мои документы Photoshop до тех пор, пока клиент не заплатит мне.

Или … А что насчет этих слоёв-масок, о которых я так много слышу? Сработают ли они лучше? Давай выясним!

Опция «Непрозрачность» нас разочаровала. Инструмент Eraser Tool сделал свою работу, но также нанес необратимый ущерб нашему изображению. Разве не было бы замечательно, если бы мы могли получить те же результаты, что и с помощью Eraser Tool, но без «непоправимого повреждения нашего изображения»? Ну что ж? Мы можем! Поздоровайтесь с масками слоев Photoshop.

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

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

Добавьте маску слоя к слою, выбрав слой в палитре «Слои» и затем щелкнув значок «Маска слоя».

После того, как вы щелкнете по значку, в вашем документе ничего не произойдет, потому что по умолчанию маски слоев скрыты от просмотра. В конце концов, весь их смысл в том, чтобы показывать и скрывать различные части слоя, и это было бы довольно сложно сделать, если бы сама маска блокировала наш обзор изображения. Итак, как мы узнаем, что мы добавили маску слоя, если мы ее не видим? Легкий. Вернитесь в палитру «Слои» справа от миниатюры предварительного просмотра на слое, к которому вы добавили маску, и вы увидите совершенно новую миниатюру.Это миниатюра вашей маски слоя, и именно по ней мы узнаем, что маска слоя была добавлена ​​к слою:

После добавления маски слоя к слою миниатюра маски слоя появляется справа от миниатюры предварительного просмотра слоя.

Обратите внимание, что миниатюра маски слоя залита сплошным белым цветом. Это не просто случайный, бессмысленный цвет, в котором пользователи Photoshop отображают эскизы масок слоя. Причина, по которой эскиз заполняется белым, заключается в том, что сама маска в настоящее время заполнена белым, хотя маска в настоящее время скрыта от просмотра.Если вам нужно подтверждение того, что маска действительно присутствует в вашем документе и действительно заполнена белым цветом, просто удерживайте нажатой клавишу Alt (Win) / Option (Mac) и щелкните непосредственно по миниатюре маски слоя в палитре слоев:

Удерживая нажатой клавишу «Alt» (Win) / «Option» (Mac), щелкните миниатюру маски слоя в палитре «Слои».

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

Маска слоя, залитая сплошным белым цветом, появляется в окне документа.

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

Итак, почему маска слоя (и ее эскиз в палитре слоев) заполнена белым цветом? Почему не красный, зеленый или желтый? Это из-за того, как маски слоев работают в Photoshop. Маски слоя используют только белый, черный и все оттенки серого между ними, и они используют эти три цвета (белый, черный и серый) для управления прозрачностью слоя.Белый цвет в маске слоя означает 100% видимость. Черный цвет в маске слоя означает 100% прозрачность. А серый цвет в маске слоя означает некоторый уровень прозрачности в зависимости от того, насколько светлый или темный оттенок серого. 50% серого даст нам 50% прозрачности. Чем светлее оттенок серого, тем он ближе к белому и тем менее прозрачным будет эта область слоя. Чем темнее оттенок серого, тем он ближе к черному и тем прозрачнее будет эта область.

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

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

Photoshop отобразит всплывающее сообщение с вопросом, хотите ли вы применить маску к слою перед его удалением. «Применение» маски в основном означает указание Photoshop стереть все пиксели на слое, которые были скрыты от просмотра маской слоя, как если бы вы сами стерли их с помощью Eraser Tool.Таким образом, вы можете удалить маску, не теряя работы, которую вы с ней проделали, хотя позже вы потеряете возможность вносить какие-либо изменения. В моем случае я на самом деле ничего не делал со своей маской, поэтому применять нечего, поэтому я просто нажму «Удалить». В большинстве случаев, если вы обнаруживаете, что удаляете свою маску, это происходит потому, что вы недовольны этим и хотите начать все сначала, и в этом случае вам просто нужно просто нажать «Удалить»:

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

Теперь, когда я удалил свою маску, исчезла и сама маска, и ее эскиз в палитре слоев:

Когда вы удаляете маску слоя, ее эскиз в палитре слоев также исчезает.

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

old down «Alt» (Win) / «Option» (Mac) и щелкните значок «Layer Mask».

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

Миниатюра новой маски слоя залита черным цветом.

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

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

Опять же, сама маска слоя скрыта от просмотра, но если вы хотите увидеть ее в своем документе, удерживайте нажатой клавишу Alt (Win) / Option (Mac) и щелкните непосредственно по миниатюре маски слоя в палитре слоев, что позволит скажите Photoshop показать вам маску в окне документа.На этот раз маска залита черным цветом:

Удерживая нажатой клавишу «Alt» (Win) / «Option» (Mac), щелкните миниатюру маски слоя в палитре «Слои», чтобы просмотреть маску в документе, залитую сплошным черным цветом.

Удерживая «Alt / Option», снова щелкните миниатюру маски слоя, чтобы скрыть маску в документе, когда вы закончите.

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

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

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

Выберите маску слоя, щелкнув ее миниатюру в палитре слоев.

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

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

.

Диалоговое окно Photoshop «Заливка».

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

Миниатюра маски слоя в палитре слоев теперь залита белым цветом.

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

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

И это основы работы масок слоев Photoshop! Когда маска заполнена белым цветом, содержимое этого слоя на 100% видно в документе, а когда маска заполняется черным цветом, содержимое слоя становится на 100% прозрачным — скрыто от просмотра, но не удаляется, как это было в случае. с помощью Eraser Tool.Маски слоя физически не изменяют и никоим образом не влияют на содержимое слоя. Все, что они делают, это контролируют, какие части видны, а какие нет. Содержимое слоя всегда есть, даже когда мы не видим его.

«Хорошо», — вы задаетесь вопросом: «Мы видели, как мы можем полностью скрыть слой, добавив к нему маску слоя и заполнив его черным, и мы увидели, как мы можем снова полностью показать слой, просто заполняя маску слоя белым цветом, и мы знаем, что независимо от того, видно ли содержимое слоя или нет, оно всегда там.Инструмент «Ластик» удаляет части изображения, но маски слоев просто скрывают их. Все отлично. Но разве это все, что мы можем сделать с маской слоя: показать весь слой или скрыть его? Как нам использовать маску слоя, чтобы смешать эти два изображения вместе, как мы это сделали с помощью Eraser Tool? »

Отличный вопрос, и ответить очень легко! Мы сделаем это дальше.

Чтобы смешать два изображения вместе с помощью маски слоя, мы не используем инструмент «Ластик». Фактически, хотя инструмент Eraser Tool все еще имеет свое место, вы будете использовать его все реже и реже по мере того, как освоитесь с масками слоев.Вместо этого мы используем инструмент «Кисть» Photoshop, и с нашей маской слоя, заполненной белым цветом, как в настоящее время, что делает весь слой видимым, все, что нам нужно сделать, это нарисовать черным на маске слоя все области, которые мы хотим скрыть. Это так просто!

Чтобы показать вам, что я имею в виду, я собираюсь выбрать инструмент «Кисть» на палитре инструментов:

Выбор инструмента «Кисть» Photoshop на палитре «Инструменты».

Я также мог нажать B на клавиатуре, чтобы быстро выбрать его. Затем, поскольку мы хотим рисовать черным цветом, нам нужно использовать черный в качестве цвета переднего плана, и по умолчанию, когда у вас выбрана маска слоя, Photoshop устанавливает белый цвет в качестве цвета переднего плана, а черный — в качестве цвета фона.Чтобы поменять местами их так, чтобы черный стал вашим цветом переднего плана, просто нажмите X на клавиатуре. Если я посмотрю на образцы цвета в нижней части палитры инструментов, то теперь вижу, что мой цвет переднего плана — черный:

Палитра инструментов Photoshop показывает черный цвет в качестве цвета переднего плана.

Я собираюсь изменить размер своей кисти до того же общего размера, который я использовал с инструментом Eraser Tool, снова используя клавиши левой и правой скобок, и я хочу, чтобы моя кисть имела красивые мягкие края, чтобы я получал плавные переходы между областями. слоя, которые видны, и скрытых областей, и я могу смягчить края кисти, удерживая нажатой клавишу Shift и несколько раз нажав левую скобку.Затем, выбрав маску слоя (я знаю, что она выбрана, потому что миниатюра маски слоя имеет белую границу выделения вокруг нее), я собираюсь сделать в основном то же самое, что и с помощью Eraser Tool, за исключением того, что на этот раз я рисую с черным цветом на маске слоя над областями, которые я хочу скрыть, а не стирать что-либо:

Закрасьте черным цветом области, которые вы хотите скрыть.

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

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

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

Миниатюра маски слоя теперь показывает области, которые я закрасил черным.

Допустим, я доволен этим, и я думаю, что мой клиент тоже будет доволен этим, поэтому, как и раньше, я отправляю изображение клиенту по электронной почте для утверждения, сохраняю свой документ Photoshop, закрываю Photoshop и закрываю его. мой компьютер.Клиент перезванивает через пару часов и говорит, что ему это нравится, но они хотят, чтобы вернули часть фаты невесты справа. Когда я столкнулся с этой ситуацией после использования Eraser Tool, мне не повезло, потому что я удалил это часть изображения, и ничего не оставалось, кроме как начать все сначала. Но на этот раз я был умнее! Я использовал маску слоя, что означает, что все изображение на верхнем слое все еще на месте, и все, что мне нужно сделать, это сделать его видимым больше!

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

Рисование белым цветом на маске слоя с белым, чтобы вернуть часть изображения, которое я изначально скрыл, закрашивая черным.

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

Окончательный результат.

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

Куда идти дальше …

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

Как использовать маски слоев в Photoshop и 7 советов по маскированию слоев

Маски слоев в Photoshop: полное руководство

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

В этом уроке Photoshop я покажу вам, как именно работают маски слоя и как точно контролировать их. Затем я поделюсь 7 советами по использованию масок слоя. В процессе мы немного повеселимся и создадим женщину-льва.

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

Я использовал изображения из Adobe Stock.

Женщина

Лев

Маска

Как маски слоя работают в Photoshop

После создания маски слоя она становится белой.Белый не влияет на слой, рисование черным цветом покажет нижележащий слой.

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

Примечание. Нельзя применить маску слоя к фону. Сначала вам нужно разблокировать его, щелкнув значок замка на фоне панели слоев.

Если у вас есть маска слоя, вы заметите, что она белая. Это не влияет на слой.

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

Различные оттенки серого создают соответствующую непрозрачность; 100% белый — 100% непрозрачный. 0% белого (черного) означает непрозрачность 0 и, следовательно, полностью прозрачен. 50% серого даст результат 50% непрозрачности. 25% серого будет непрозрачным на 25% и т. Д. Посмотрите видео выше, чтобы понять, почему я использую серый цвет, а не очевидный ползунок прозрачности на черной кисти.

Маскирующие слои в Photoshop для создания композиции с женщиной-львом.

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

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

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

Выберите маску слоя рядом с лицом женщины.

Нажмите клавишу D, чтобы сбросить цвета на черный и белый

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

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

Теперь попробуйте перетащить градиент в противоположном направлении. Совершенно другой результат.

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

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

Вот как это выглядит, когда мы закончили закрашивать глаза.

Давайте [не будем больше, покажем больше льва и скроем фон.

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

Совет 1: Shift + щелкните маску слоя, чтобы скрыть ее.

Используйте кисть быстрого выбора, чтобы выбрать лицо.

Shift + Щелкните маску еще раз, чтобы включить ее. Теперь мы будем использовать выделение в качестве ориентира для лучшего рисования маски.

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

«Выбрать»> «Обратить», чтобы поменять выделение на внешнюю сторону грани.

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

Совет № 2 Просмотрите только маску на холсте. Нажмите клавишу Alt / Option и щелкните маску слоя, чтобы увидеть ее в документе. Alt / Option щелкните по нему еще раз, чтобы вернуть его,

Совет № 3 Просмотрите наложение маски на холсте.Нажмите клавишу обратной косой черты \, чтобы переключить наложение маски.

Совет № 4 Растушевка маски.

Край шеи и щек слишком жесткий и резкий, давайте смягчим.

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

Совет № 5 Инвертируйте маску.

Нажмите кнопку «Инвертировать» на панели «Свойства» или выберите маску и нажмите Cmd / Ctrl + I, чтобы инвертировать или поменять местами маску.

Совет № 5 Используйте режимы наложения

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

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

Боже мой! Посмотри на это! Нам почти ничего не нужно было делать, и магия наложения слоев усердно работает.См. Руководство по режимам наложения слоев здесь

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

Возьмите черную кисть и закрасьте области маски, которые вы хотите скрыть.