Как сделать маску в фотошопе

Обновлено: 03.07.2024

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

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

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

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

Что вам нужно знать:

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

  • ЧЕРНЫЙ, чтобы скрыть: добавление черного цвета к маске слоя скрывает слой с маской и показывает, что находится в слое ниже.
  • БЕЛЫЙ для раскрытия: добавление белого цвета к маске слоя просто показывает слой с маской.
  • СЕРЫЙ используется для уровня непрозрачности: добавление различных оттенков серого приводит к различной непрозрачности слоя с маской.

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


Материалы:

  • Adobe Photoshop
  • Следующие два изображения:

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

< бр />

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

< бр />

< бр />

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

< br />

Теперь цель состоит в том, чтобы заменить силуэт дерева изображением земли, поэтому слой с маской нужно скрыть. Для этого снова нажмите на маску слоя и используйте инструмент Заливка (Paint Bucket Tool) и закрасьте выделение черным цветом. * Убедитесь, что цвет переднего плана ЧЕРНЫЙ.

< бр />

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


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

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

3D-функции Photoshop будут удалены в будущих обновлениях. Пользователям, работающим с 3D, рекомендуется изучить новую коллекцию Adobe Substance 3D, которая представляет новое поколение 3D-инструментов от Adobe.

Узнайте, как маскировать слои, чтобы скрывать и показывать части композиции

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

Вы можете создать два типа масок:

  • Слои-маски — это растровые изображения, зависящие от разрешения, которые редактируются с помощью инструментов рисования или выделения.
  • Векторные маски не зависят от разрешения и создаются с помощью инструмента "Перо" или "Фигура".

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

Чтобы создать слой или векторную маску поверх фонового слоя, сначала преобразуйте его в обычный слой (Слой > Создать > Слой из фона).

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

Маскирующие слои

Слой-маска: A. Миниатюра маски слоя B. Миниатюра векторной маски C. Значок ссылки на векторную маску D. Добавить маску

Изменить маску

Редактировать маску слоя: фон окрашен в черный цвет; карточка с описанием окрашена в серый цвет; корзина окрашена в белый цвет

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

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

Панель свойств

Панель свойств: A. Слой-маска B. Векторная маска

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

Что вы будете создавать

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


Вы также можете узнать больше о том, как создать маску в Photoshop, из этих руководств:

Или найдите все, что вам нужно знать об использовании Photoshop, в одном месте. Этот всеобъемлющий курс Photoshop для начинающих с Дэниелом Скоттом — идеальный способ быстро освоиться. Есть даже специальный урок по маскам слоев.

Что вам понадобится

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

1. Что такое маски слоя?

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

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

2. Как использовать маски слоя

Ниже я покажу вам простой пример того, как добавить маску слоя в Photoshop.

Шаг 1

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

Создайте фигуру с помощью инструмента "Форма".

форма луны
форма луны
 форма луны

Шаг 2

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

Рядом со значком слоя появится белая рамка.

слой-маска слой
слой-маска слой
< img class="lazyload" data-src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=720/uploads/users/1990/posts/32513/image/2.2.jpg" alt="слой-маска слой" width="380px" height="168px" />

Шаг 3

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

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

маскировать с использованием черного
маскируйте с помощью черного
< img class="lazyload" data-src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=720/uploads/users/1990/posts/32513/image/2.3.jpg" alt ="маскировать с помощью черного" width="380px" height="249px" />

Шаг 4

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

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

снять маску с помощью белого
снять маску с помощью белого
< img class="lazyload" data-src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=720/uploads/users/1990/posts/32513/image/2.4.jpg" alt ="снять маску с помощью белого" width="380px" height="249px" />

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

звездная маска
звездная маска
звездная маска

Шаг 5

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

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

ссылка на маску слоя
ссылка на маску слоя
< img class="lazyload" data-src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=720/uploads/users/1990/posts/32513/image/2.5.jpg" alt ="ссылка на маску слоя" width="380px" height="168px" />

Шаг 6

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

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

И вот оно!

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

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

Final - как сделать маску в фотошопе
Final - как сделать маску в фотошопе
Final - как сделать маску в фотошопе

Примените эти новые навыки Photoshop Layer Mask, попробовав эти учебные пособия, в которых используются Layer Masks:

Как использовать обтравочные маски в Photoshop — полное руководство

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

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

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

Начнем!

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

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

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


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


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

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

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


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


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

Самый простой способ создать обтравочную маску в Photoshop — щелкнуть правой кнопкой мыши слой и выбрать «Создать обтравочную маску».


Выбранный слой будет прикреплен к нижележащему слою на панели «Слои».

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


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


Удобное сочетание клавиш для создания обтравочных масок в Photoshop

Вы также можете создавать обтравочные маски в Photoshop, используя простые сочетания клавиш. Нажав на слой, к которому вы хотите добавить обтравочную маску, нажмите Command + Option + G (Mac) или Control + Alt + G (PC).

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

Обтравочные маски на прозрачных слоях

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


В качестве примера я применю обтравочную маску из слоя с изображением к прозрачному слою.


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



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

Что произойдет, если вы нанесете видимые пиксели на этот прозрачный слой?

Выбрав инструмент "Кисть" (B) и нарисовав прозрачный слой, обратите внимание, как обрезанное изображение снова становится видимым.


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

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


Масштабирование обтравочных масок в Photoshop

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

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

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

Простой способ увидеть это в действии – обрезать изображение в круг. Я начну с выбора инструмента «Эллипс» и создания круга.


Поместив слой с изображением над слоем с кругом, я воспользуюсь сочетанием клавиш Command + Option + G (Mac) или Control + Alt + G (PC), чтобы создать обтравочную маску.


Теперь изображение видно только внутри круга, но его нужно переместить.


Взяв инструмент "Перемещение" (V) и щелкнув слой изображения, я могу изменить его положение и масштабировать без каких-либо проблем.




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


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

Использование корректирующих слоев с обтравочными масками

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

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


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



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

Более того, вам не нужно иметь дело ни с выделением, ни с масками слоя!

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

В чем разница между обтравочной маской и обтравочной маской? Слой маски?

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


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

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

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


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



Хотя каждый тип маски изменяет видимость слоя, маска слоя позволяет создать маску, уникальную для слоя.

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

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

Теперь, когда вы знаете все об обтравочных масках, давайте рассмотрим слой-маски в Photoshop, чтобы получить полный контроль над точечными корректировками!

Читайте также: