Как создать обтравочную маску в фотошопе
Обновлено: 04.07.2024
Обтравочные маски — это один из многих важных инструментов 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, чтобы получить полный контроль над точечными корректировками!
Это мой цифровой дом, где я даю нефильтрованные советы и предложения о том, как выбрать самовыражение, внутреннее исцеление, древнюю мудрость и выравнивание как путь к реальному и прочному изобилию.
Расширяйтесь, масштабируйтесь и извлекайте уроки из открытых книг, которые я усвоил на этом пути.
Как ваше денежное мышление саботирует ваш бизнес (и как это исправить)
Как отказаться от статус-кво, чтобы жить той жизнью, для которой вы были созданы
Жизнь вашей мечты находится по другую сторону вашего мышления о дефиците
Почему так чертовски важно исцелить свои отношения с деньгами
Откройте для себя архетип денежного магнетизма
бесплатный тест!
Потому что лучший способ развивать свой бизнес — это двигаться изнутри наружу.
Вы знаете, это просто слова от меня к вам.
Факты, цифры, закулисье и отчеты о доходах. Я делюсь всем этим!
Анжали
ДОХОДНЫЙ СОЗДАТЕЛЬ СТУДЕНТ
ТАРА-ЛИНН
ДОХОДНЫЙ СОЗДАТЕЛЬ СТУДЕНТ
МИШЕЛЬ
УЧЕНИК БЕЗГРАНИЧНОГО РОСТА
АЛОРА
СПИСОК ЭЛЕКТРОННОЙ ПОЧТЫ СТУДЕНТА АКАДЕМИИ
Сегодня я делюсь учебным пособием по Photoshop, с которым, я думаю, должны быть знакомы все блоггеры. В этом уроке по обтравочной маске вы узнаете, как создавать собственные макеты фотографий, а также кое-что из довольно интересной типографики. Обе эти вещи могут быть полезны при создании постов в блогах и дизайнов, которые выглядят профессионально, целостно и уникально. Этот урок настолько прост, насколько это возможно, поэтому я думаю, вам понравится! Если у вас нет Photoshop, вы можете загрузить бесплатную пробную версию на их веб-сайте, которая фактически позволяет вам опробовать ВСЕ программы Adobe. Довольно мило!
Поскольку сегодня я расскажу о двух способах использования обтравочных масок (фотомакеты и типографика), этот урок будет разделен на две части. А теперь приступим к делу.
Шаг первый. Создайте новый документ в Photoshop. Если ваш документ будет использоваться в Интернете, я рекомендую установить разрешение «72». Затем введите ваше слово (слова).Я выбрал «HELLO», чтобы все было просто, но вы также можете использовать это руководство для заголовков блогов, в качестве текста, который будет накладываться поверх фотографий в сообщениях и т. д.!
Шаг второй. Создайте новый слой ПОВЕРХ вашего текстового слоя. Вы можете создать новый слой, выбрав «Слой» >> «Создать» >> «Слой» (в верхнем меню) ИЛИ щелкнув предмет, похожий на лист бумаги рядом с корзиной в правом нижнем углу панели слоев. Ваш новый слой будет пустым (белым). Затем вы можете рисовать все, что хотите, на этом новом слое. Я решил нарисовать несколько красочных каракулей с помощью инструмента «Кисть».
Шаг третий: убедитесь, что ваш новый слой выделен на панели слоев (как у меня). Затем перейдите в Слой >> Создать обтравочную маску. Ярлык состоит в том, чтобы наводить курсор между двумя слоями (на панели слоев), удерживая нажатой клавишу выбора (на Mac). Вы увидите всплывающую маленькую стрелку, и когда вы нажмете, она создаст обтравочную маску.
Шаг четвертый. Полюбуйтесь своей крутой работой.
В качестве альтернативы вместо создания нового слоя на втором шаге вы можете перетащить фотографию или другое изображение поверх текста (просто убедитесь, что оно находится поверх текста на панели слоев). В приведенном ниже примере я перетащил блестящее золотое изображение в свой документ. Затем, когда вы создадите обтравочную маску, ваши слова приобретут эффект изображения, которое вы используете, что сделает мои слова золотыми!
В этом уроке вы узнаете, как создать собственный макет фотографии. Я покажу вам, как сделать сетку из четырех квадратных изображений, но вы можете легко использовать этот урок для создания круглых изображений, сеток с большим количеством изображений и т. д.
Шаг 1. С помощью инструмента «Прямоугольник» (на панели инструментов слева) создайте квадрат. Неважно, какого он цвета.
Шаг второй. Создайте еще три квадрата. Простой способ сделать это? Щелкните правой кнопкой мыши первый слой с прямоугольником и выберите «Дублировать слой». Это создаст точную копию вашего квадрата, которую вы затем сможете перетащить рядом с исходным квадратом. Затем вы можете выделить первые два (на панели слоев справа) и снова нажать «Дублировать слой» и перетащить эти две новые копии вниз, так что теперь у вас есть четыре квадрата одинаковой пропорции и одинакового выравнивания.
Шаг 3. Перетащите фотографию или изображение в документ. Эта фотография примет форму квадрата, который находится ВЫШЕ на панели слоев. Изображение ниже важно, потому что вы заметите, что мое изображение находится над верхним левым квадратом на панели слоев И оно находится поверх этого квадрата в реальном документе.
Затем, как и в первом уроке, перейдите в «Слой» >> «Создать обтравочную маску». Вы должны выбрать ВЕРХНИЙ слой (то есть фотографию, которую хотите обрезать) при создании обтравочной маски. Ярлык, как упоминалось выше, заключается в том, чтобы наводить курсор между двумя слоями (на панели слоев), удерживая нажатой клавишу выбора (на Mac). Вы увидите всплывающую маленькую стрелку, и когда вы нажмете, она создаст обтравочную маску. Затем изображение нужно обрезать, чтобы оно соответствовало размерам квадрата. Хотите переместить свое изображение? Просто перетащите слой с фотографией, пока он не окажется в нужном вам положении.
Шаг четвертый. Проделайте то же самое со всеми остальными квадратами, пока не создадите макет. Я часто создаю макеты, подобные этому, а затем сохраняю их в качестве шаблонов на своем компьютере, чтобы я мог повторно использовать их для будущих сообщений в блоге. Вы можете увидеть пример записи в блоге, которую я недавно сделал, где я использовал обтравочную маску, чтобы легко создать 20 макетов фотографий.
Разумно? Я очень на это надеюсь! Дайте мне знать, если у вас есть какие-либо вопросы ниже. 🙂 Если вы в конечном итоге сделаете что-то с помощью этого урока, я бы с удовольствием на это посмотрел! И если вы нашли это полезным, я был бы рад, если бы вы прикрепили его. 🙂
Что вы будете создавать
Сегодня у нас есть для вас небольшой полезный совет, который настолько же эффективен, насколько и прост! Давайте посмотрим, как создать обтравочную маску в Photoshop!
Начнем!
Следите за нами на нашем канале Envato Tuts+ YouTube:
Что вам понадобится
Найдите больше ресурсов на Envato Elements!
1. Что такое обтравочные маски в Photoshop?
Обтравочная маска, или маска Photoshop, представляет собой слой, обрезанный внутри другого слоя или группы.
Вырезанный слой будет виден только в пределах границ слоя, в который он врезан, также известного как «базовый» слой. Слой будет подчеркнут, указывая на то, что это базовый слой, как только в него будет врезан отдельный слой.
Давайте научимся создавать маску в Photoshop!
2. Как сделать обтравочную маску в Photoshop
Шаг 1
Создайте два новых слоя.
Шаг 2
Удерживая клавишу Alt.
Наведите указатель на линию, разделяющую «Слой 1» и «Слой 2». Вы заметите, что указатель мыши изменился на два перекрывающихся круга.
Теперь нажмите! Затем «Слой 2» перейдет в «Слой 1».
Как использовать обтравочные маски в Photoshop
Вы можете врезать любой слой в любой другой слой, например текстовые слои, слои фигур, слои изображений, пустые слои для рисования и т. д.
Шаг 1
Сначала создайте фон с помощью набора цифровых бумаг Baby girl.
Создайте сердце с помощью инструмента "Форма".
Теперь закрепите изображение счастливой девушки внутри сердца!
< img class="lazyload" data-src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=720/uploads/users/1990/posts/32511/image/4.jpg" alt ="Первая обтравочная маска" width="380px" height="393px" />
Шаг 2
Давайте создадим вторую обтравочную маску, чтобы создать эффект альбома для вырезок, и посмотрим, как можно накладывать обтравочные маски слоями!
Создайте еще одно сердце с помощью инструмента «Форма». Сделайте его немного больше, чем первое, и поместите его также ниже первого сердца.
< img class="lazyload" data-src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=720/uploads/users/1990/posts/32511/image/12.jpg" alt ="вторая обтравочная маска" width="380px" height="393px" />
Шаг 3
Создайте шаблон в форме сердца из цифровой бумажной упаковки Baby girl и вставьте его в большое сердце.
Шаг 4
Вы можете объединить бесконечные слои в один слой и настроить их режим слоя и непрозрачность, как обычно; однако на все слои, врезанные в базовый слой, будут влиять непрозрачность и режим слоя базового слоя.
Ниже я уменьшил непрозрачность меньшего сердца до 50%, а затем уменьшил непрозрачность изображения маленькой девочки до 50%.
Шаг 5
Наконец, вы также можете вырезать слои в группы, но вы не можете вырезать группы в слои или группировать вырезанные слои. Вы должны сгруппировать базовый слой с его обрезанными слоями.
Давайте увеличим непрозрачность нашего сердца до 100%
Сгруппируйте все слои сердца вместе, все, кроме фона, и назовите группу "Сердце".
Создайте новый слой и вставьте его в группу "Сердце", установив для слоя значение "Экран".
< img class="lazyload" data-src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=720/uploads/users/1990/posts/32511/image/9.jpg" alt ="обрезка на группы " width="380px" height="393px" />
Вот оно!
Мы узнали, как сделать маску в Photoshop. Обтравочные маски — это один из самых мощных инструментов, которые может предложить Photoshop, верьте этому или нет, и его возможности безграничны!
Так что, как всегда, продолжайте экспериментировать с разными техниками и не забудьте опубликовать свою версию ниже вместе с любыми вопросами, комментариями или критическими замечаниями!
Хотите узнать больше? Почему бы не ознакомиться со следующими отличными уроками по обработке фотографий:
Если вы немного знакомы со слоями в Photoshop, вы, вероятно, знаете, что можно использовать маски слоев и маски изображений для управления видимостью.
Однако вы можете не знать, что обтравочные маски могут быть мощной альтернативой, которая может ускорить ваш рабочий процесс и дать вам больше контроля при попытке создать определенные эффекты.
Прекрасным примером использования обтравочной маски в Photoshop является создание какой-либо композиции, например помещение фотографии в фоторамку.
Если это просто прямоугольник, несложно изменить размер фотографии и поместить ее сверху.
Тем не менее, обтравочная маска в Photoshop дает нам гораздо больше контроля, что полезно, если форма сложнее, чем просто прямоугольник, или если вы хотите сохранить больше контроля над фотографией, которую вы добавляете в рамку изображения.
Давайте подробнее рассмотрим обтравочную маску в Photoshop.
Оглавление
Что такое обтравочная маска в Photoshop?
Короче говоря, обтравочная маска используется в Photoshop, чтобы один слой «применялся» к нижнему слою, позволяя вам контролировать видимость верхнего слоя в соответствии с пикселями, присутствующими на нижнем слое.
Поначалу обтравочные маски могут показаться запутанными, но представьте, что нижний слой состоит из пикселей и не содержит пикселей.
Верхний слой отображается только там, где в нижнем слое есть пиксели, и становится невидимым в тех областях, где в нижнем слое нет пикселей.
Рассмотрите изображение «ДО», взятое из Photoshop. Изображение состоит из одного слоя, часть которого является текстом, а остальная часть пуста, поэтому прозрачна.
(В качестве наглядного пособия Photoshop показывает прозрачность, отображая бело-серую шахматную доску, как при использовании карты смещения в Photoshop.)
Теперь в Photoshop мы можем добавить слой поверх этого и превратить его в обтравочную маску.
Сочетание содержимого и прозрачности нижнего слоя определяет, что будет видно из нового слоя, расположенного выше.
Вот почему мы можем сказать, что верхний слой «применяется» к нижнему слою. Верхний слой будет невидим, если на нижнем слое нет пикселей, к которым его можно «применить».
В чем разница между маской слоя и обтравочной маской?
Полезно сравнивать обтравочную маску с маской слоя.
С помощью маски слоя вы создаете слой, а затем помещаете маску слоя поверх него. Затем вы добавляете к маске черный цвет, чтобы скрыть нижний слой, или белый цвет, чтобы он был виден.
По сути, у вас есть два слоя: нижний слой, который является вашим контентом, и маска наверху, которая управляет тем, что можно увидеть.
Напротив, обтравочные маски в Photoshop — это другой способ управления тем, что видно в паре слоев, с использованием нижнего слоя для определения того, что видно из слоя выше.
Одним из способов понять это является представление о том, что маски слоя работают так, что черный и белый слоя верхнего слоя определяют, что можно увидеть на нижнем слое, а обтравочные маски работают так, что пиксели нижнего слоя определяют, что можно увидеть. быть видимым из слоя выше
Как создать обтравочную маску в Photoshop
Создать обтравочную маску в Photoshop очень просто, если слои расположены в правильном порядке.
Photoshop также предоставляет полезный визуальный индикатор, показывающий, как и где была применена обтравочная маска.
В этом примере показано, как использовать обтравочную маску, и показано, как поместить изображение в рамку.
Шаг 1. Настройте документ
Шаг 2. Создайте новый слой и добавьте фигуру
Шаг 3. Создайте третий слой и добавьте свое изображение
Шаг 4. Создайте обтравочную маску
5 основных советов по созданию обтравочных масок
Прелесть обтравочных масок Photoshop заключается в том, что вы сохраняете так много контроля, чтобы иметь возможность настраивать то, что вы создали.
Вот несколько советов, как начать вносить изменения.
1. Как переместить содержимое внутри обтравочной маски
2. Как изменить размер содержимого внутри обтравочной маски
3. Как дополнительно преобразовать содержимое в обтравочной маске
4. Как добавить дополнительные обтравочные маски
вырежьте снимок головы и вставьте его на новый фон, возможно, вы захотите применить корректировку кривых к снимку головы, а не к новому фону.
Вы можете создать свою корректировку, а затем применить ее только к снимку головы, превратив этот корректирующий слой в обтравочную маску.
5. Как убрать обтравочную маску
Часто задаваемые вопросы об обтравочной маске Photoshop
Как работает обтравочная маска?
Обтравочные маски позволяют применять пиксели изображения только к тем пикселям, которые находятся в нижележащем слое. Например, вы можете нарисовать круг в одном слое и залить его цветом, чтобы получился сплошной объект, а затем вставить фотографию поверх другого слоя и применить обтравочную маску, чтобы фотография отображалась только внутри этого круга.
Для чего используются обтравочные маски?
Они обычно используются в графическом дизайне при создании макетов или в фотографии для создания фотокомпозиций. Например, вы можете использовать обтравочную маску, чтобы наложить текстуру на текст или вставить фотографию в фоторамку (как в примере выше).
Что такое сочетание клавиш для обтравочной маски в Adobe Photoshop?
Сочетание клавиш для создания обтравочной маски: Command + Option + G (macOS) или Control + Alt + G (Windows). Либо удерживайте нажатой клавишу «Option» (macOS) или «Alt» (Windows) и наведите указатель мыши между двумя верхними слоями на панели «Слои». Когда появится направленная вниз стрелка, нажмите, чтобы применить маску.
Почему я не могу создать обтравочную маску?
У вас должно быть более одного слоя (основной объект и наложение), и оба должны быть видны. Нижний слой также должен иметь заполненные пиксели там, где вы хотите отобразить верхний слой, поэтому убедитесь, что это не пустой путь.
Заключительные слова
Обтравочные маски в Photoshop могут быть полезны для понимания, когда вы начинаете создавать составные изображения из ваших изображений, например, чтобы фотография выглядела так, как будто она находится в рамке, или, возможно, улучшаете какой-либо текст, поджигая его.
Обтравочные маски Photoshop также могут быть полезным способом управления вашими изменениями в изображении, позволяя вам точно настраивать корректировки и нацеливаться на определенные области.
После того, как вы поймете, как они работают, понимание обтравочных масок станет удобным дополнением к вашему арсеналу методов Photoshop, и вы можете внезапно обнаружить, что используете их чаще, чем ожидаете.
Читайте также: