Уроки в фотошопе маски: Маски в фотошопе

Содержание

Маски в фотошопе | Уроки Фотошопа (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 много нового, и отныне работа с масками в фотошопе не вызовет у вас никакого затруднения.

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

маски

Маски слоя. » Adobe Photoshop

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

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

Для создания масок слоя в меню Layer (Слои) имеется целый набор команд Add Layer Mask (Добавить маску слоя). Выполнив любую из них, Photoshop создаст для активного слоя маску. В зависимости от выбранной команды произойдет следующее.

Reveal All (Показать все). Будет создана маска слоя, полностью заполненная белым цветом. Такая маска слоя в точности соответствует выделенному (немаскированному) изображению. Все содержимое слоя будет видимо, и для того, чтобы замаскировать часть слоя, надо будет залить соответствующую область маски слоя черным цветом.
Hide All (Спрятать все). Созданная маска слоя будет целиком заполнена белым цветом. Такая маска слоя соответствует полностью маскированному изображению. Все содержимое слоя будет невидимо, и для того, чтобы сделать видимой часть слоя, надо будет залить соответствующую область маски слоя белым цветом.
Reveal Selection (Показать выделенную область). Команда доступна только при наличии в документе выделенной области и создает маску слоя, в которой выделенная область будет залита белым цветом, а остальная часть черным. В результате видимой окажется только выделенная область слоя.
Hide Selection (Спрятать выделенную область). Команда доступна только при наличии в документе выделенной области и создает маску слоя, в которой выделенная область будет залита черным цветом, а остальная часть белым. В результате видимым окажется весь слой за исключением выделенной области. Миниатюра маски слоя видна в строке слоя в палитре Layers (Слои) справа от миниатюры самого слоя.

Связь слоя и его маски.

Откройте палитру Channels (Каналы). Маска слоя видна в палитре Channels(Каналы) как обычный альфа-канал. Имя канала написано курсивом, чтобы бросалось в глаза его отличие от обычных альфа-каналов. Имя канала сформировано из имени слоя с добавлением слова Mask.

Щелкните на пиктограмме видимости канала, и его содержимое отобразится в окне документа. Как видите, маска закрывает на изображении темные участки. Маскированные области слоя считаются прозрачными, что вы и наблюдали сразу после создания маски.
Отключите видимость канала маски и снова перейдите в палитру Layers (Слои). Обратите внимание на пиктограмму с изображением звеньев цепи между миниатюрами слоя и маски слоя. Она говорит о том, что слой и маска слоя связаны, то есть любые операции трансформирования и перемещения будут производиться с ними одновременно.
Зеркально отразите изображение пустыни командой Flip Horizontal (Зеркальное отражение по горизонтали) из подменю Transform (Трансформирование) меню Edit (Редактирование). Как видите, маска слоя тоже отобразилась зеркально вместе с изображением на слое. Если бы они не были связаны, то отражение было быприменено только к слою.
Выберите в палитре инструментов инструмент Move (Перемещение) и переместите слой со слой-маской влево и вниз. При перемещении связь между слоем и его маской также сохраняется.

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

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

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

В палитре Layers (Слои) щелкните на миниатюре маски слоя, удерживая при этом клавишу Shift . Миниатюра маски слоя будет перечеркнута красным косым крестом, и на слое с изображением пустыни появится ранее замаскированная темная область.

Щелкните на миниатюре маски слоя еще раз. Красный крест исчезнет, и маска слоя снова закроет часть изображения на слое. Ту же функцию выполняет и команда Disable Layer Mask (Отключить маску слоя) из меню Layer (Слои), но использование меню это, как всегда, самый медленный способ работы.

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

Маску слоя, как и обыкновенную маску, можно редактировать непосредственно. Для этого ее можно выбрать в палитре Channels (Каналы), но быстрее действовать прямо в палитре Layers (Слои).

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

Удаление маски слоя.

Чтобы удалить маску слоя, можно воспользоваться командой Remove Layer Mask (Удалить маску слоя) из меню Layer (Слои). Однако быстрее и естественнее перетащить мышью миниатюру маски слоя в палитре Layers (Слои) к кнопке удаления на панели инструментов этой же палитры. После вызова команды меню или перетаскивания Photoshop выдаст запрос об удалении. Перед вами будет выбор из двух возможных вариантов.

Первый Apply (Применить) состоите том, чтобы перед удалением маска слоя была применена к слою. При этом маскированные области удаляются со слоя, и на нем остается объект на прозрачном фоне. Второй вариант Discard (Удалить) удаляет маску слоя без ее применения к слою. В результате все содержимое слоя сохранится и станет видимым.

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

Написано Стивом Паттерсоном.

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

Давайте начнем!

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

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

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

, а слой над ним — это слой, который обрезает по маске.

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

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

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

Исходное изображение. Фото предоставлено: Adobe Stock.

А

Маска Слой и A Обрезанный Слой

Если мы посмотрим на панель «Слои», мы увидим фотографию на фоновом слое, который в настоящее время является единственным слоем в документе:

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

Нам нужно два слоя для создания обтравочной маски, один будет служить маской, а другой будет обрезан к маске, поэтому давайте добавим второй слой. Мы добавим новый слой под изображением. Сначала разблокируйте фоновый слой. В Photoshop CC щелкните значок значок замка , чтобы разблокировать его. В Photoshop CS6 или более ранней версии нажмите и удерживайте клавишу Alt (Win) / Option (Mac) на клавиатуре и дважды щелкните фоновый слой:

Разблокировка фонового слоя.

Это разблокирует фоновый слой и переименует его в «Слой 0»:

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

Затем, чтобы добавить новый слой под изображением, нажмите и удерживайте Ctrl (Win)/ Command (Mac) на клавиатуре и щелкните значок Добавить новый слой :

Добавление нового слоя под изображением.

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

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

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

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

Щелкните значок видимости, чтобы скрыть фотографию.

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

Шахматная структура означает, что нижний слой прозрачен.

Включите верхний слой, снова щелкнув значок его видимости:

Щелчок по тому же значку видимости.

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

Верхний слой содержит реальное содержимое.

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

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

Шаг 1: выберите слой, который будет обрезан

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

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

Шаг 2. Выберите «Создать обтравочную маску»

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

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

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

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

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

Если на слое маски нет содержимого, изображение на обрезанном слое скрыто.

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

Это было не очень интересно, поэтому снимите обтравочную маску, перейдя в меню Layer и выбрав Release Clipping Mask :

Переход к Слою > Освободить обтравочную маску.

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

Маска слоя снята.

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

После снятия обтравочной маски изображение возвращается.

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

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

Щелчок по значку видимости верхнего слоя.

Затем щелкните нижний слой, чтобы сделать его активным:

Выбор нижнего слоя.

Чтобы добавить содержимое, мы нарисуем простую фигуру. Выберите инструмент Elliptical Marquee Tool на панели инструментов, щелкнув правой кнопкой мыши (Win) / , удерживая нажатой клавишу Control, (Mac) на инструменте Rectangular Marquee Tool и выбрав инструмент Elliptical Marquee Tool во всплывающем меню:

Выбор инструмента Elliptical Marquee.

Нажмите и перетащите эллиптический контур выделения в центре документа:

Рисование выделения с помощью инструмента Elliptical Marquee Tool.

Перейдите в меню Edit в строке меню и выберите Fill :

Переходим к Правка > Заполнить.

В диалоговом окне «Заливка» установите для параметра Содержание значение черный , а затем нажмите «ОК»:

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

Photoshop заполняет выделение черным цветом. Чтобы удалить контур выделения вокруг фигуры, перейдите в меню Select и выберите Deselect :

Собираюсь выбрать > Отменить выбор.

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

Нижний слой теперь содержит и содержимое, и прозрачность.

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

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

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

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

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

Вернитесь в меню Layer и еще раз выберите Create Clipping Mask :

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

На панели «Слои» мы видим, что верхний слой обрезан до слоя под ним, как мы видели в прошлый раз:

Панель «Слои» снова показывает обтравочную маску.

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

Содержимое нижнего слоя сохраняет часть верхнего слоя видимой.

Перемещение содержимого внутри обтравочной маски

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

Выбор инструмента перемещения.

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

Обтравочная маска после центрирования фотографии внутри фигуры.

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

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

Помещение фотографии в рамку с обтравочными масками

Здесь у меня есть документ, содержащий два изображения, каждое на отдельном слое. Фотография на нижнем слое содержит кадр:

Изображение на нижнем слое. Фото предоставлено: Adobe Stock.

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

Включение верхнего слоя.

Видим фото, которое хочу поместить в рамку:

Изображение на верхнем слое. Фото предоставлено: Adobe Stock.

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

Скрытие верхнего слоя и выбор нижнего слоя.

Рисование или выбор формы

Я упоминал, что обтравочные маски лучше всего работают, когда ваше изображение должно соответствовать форме. В данном случае форма — это область внутри кадра. Поскольку область заполнена сплошным черным цветом, я выделю ее с помощью инструмента Photoshop Magic Wand Tool:

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

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

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

Затем я скопирую выделенную область на новый слой, перейдя в меню Layer в строке меню, выбрав New , а затем выбрав Layer через Copy :

Переход к Слою > Создать > Слой через копирование.

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

Область внутри рамки отображается на отдельном слое.

Более быстрый способ создания обтравочной маски

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

Выбор и включение верхнего слоя.

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

Появится значок обтравочной маски.

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

Теперь изображение обрезается до «Слоя 1» под ним.

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

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

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

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

Перейдите в Редактирование > Свободное преобразование.

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

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

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

Изменение размера фотографии внутри обтравочной маски.

Чтобы принять это, я нажму Enter (Win) / Return (Mac) на клавиатуре, чтобы закрыть Free Transform. И теперь, благодаря силе обтравочных масок, фотография прекрасно вписывается в кадр:

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

И вот оно! Вот как работают обтравочные маски в Photoshop и как использовать обтравочную маску, чтобы показывать и скрывать разные части слоя!

Посетите наш раздел Основы Photoshop, чтобы узнать больше о Photoshop!

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

Логотипы, веб-сайты и многое другое…

Логотипы, веб-сайты, обложки книг и многое другое…

Получить дизайн

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

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

— через A Plane Ride Away

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

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

Зачем использовать маски слоя?

Я имею в виду… нельзя ли просто удалить части изображения с помощью ластика? Ответ — да! Однако, если вы это сделаете, эти части изображения будут потеряны навсегда. Этот метод заключается в том, что мы считаем деструктивным рабочим процессом.

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

Учебное пособие по слой-маске

—

Photoshop предоставляет полный набор функций для работы со слоями-масками. Давайте начнем с добавления маски слоя к слою.

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

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

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

Маска слоя, заполненная черным

Что произойдет, если мы заменим белые пиксели маски слоя черными пикселями? Просто щелкните миниатюру маски слоя, затем выберите Edit > Fill . Выбираем черный. Мгновенно мы видим, что миниатюра маски слоя становится черной, а соответствующий слой исчезает с холста — открывая облака в Слой 2 !

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

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

Слой-маска с градиентом

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

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

По сути, облака в Layer 2 «просвечивают» области Layer 1, , которые стали прозрачными в результате применения маски градиентного слоя.

Слой-маска с фотографическим содержимым

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

Для начала давайте создадим маску слоя на слое «Fade». Затем скопируйте содержимое слоя гипса, щелкнув его миниатюру, а затем нажав 9.0382 Ctrl/Command + A , чтобы выбрать все, затем Ctrl/Command + C , чтобы скопировать.

Чтобы вставить это изображение в маску слоя на слое штукатурки, нам нужно войти в «параллельную вселенную» маски слоя, и мы делаем это, удерживая alt/option , а затем щелкнув миниатюру маски слоя.

Теперь на холсте отображается содержимое маски слоя. Круто, да? Вставьте изображение гипса, нажав Ctrl/Command + V .

Чтобы покинуть эту «параллельную вселенную» (разве это не забавно?), просто щелкните миниатюру слоя (заглавная буква «T»). Большой! Теперь «Fade» имеет гипсовую текстуру, сквозь которую просвечивает часть цветного фона.

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