Маски в фотошопе: Зачем нужны маски в Photoshop и как ими пользоваться | Статьи

Содержание

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

Графический редактор «Фотошоп» предлагает практически безграничные возможности по части обработки изображений. Один из самых полезных и широко востребованных инструментов программы – маскирование слоёв. Разберёмся, как он работает.

Содержание

1 Понятие
2 Особенности работы со слоями и масками
3 Типы слоёв поддерживающие маску
4 Как создать и добавить
5 Инструменты и фильтры, используемые для слоя-маски
- 5.1 Brush Tool
- 5.2 Gradient
- 5.3 Text Tool
- 5.4 Selection Tools
- 5.5 Filters

Понятие

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

Особенности работы со слоями и масками

Неотъемлемой частью инструмента являются 3 цвета – серый, чёрный и белый. Каждый элемент имеет свои уникальные свойства. Для маскировки/удаления участка используется чёрный цвет, за прозрачность слоя отвечает серый, а белый делает видимым ту или иную зону.

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

Слой-маска обладает аналогичными с ластиком свойствами. Здесь также идёт работа с дополнительными слоями без корректировки основного холста. Критичное отличие ластика от маски – отсутствие возможности работы с векторной графикой.

Типы слоёв поддерживающие маску

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

Типы слоёв, работающих с маской:

простые векторные и растровые изображения;
смарт-объекты;
текстовые слои;
формы.

При работе со стилями следует учитывать, что на часть эффектов маска-слой не действует. К примеру, использование инструментов «Тень» и «Внешнее свечение» нивелирует все параметры маскировки. Проблема решается преобразованием слоя в смарт-объект.

Как создать и добавить

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

Добавление маски через вспомогательную панель:

Открываем окно работы со слоями. По умолчанию панель активна, в противном случае вызываем её через меню: «Окно» -> «Слои».
В нижней части блока кликаем по иконке с надписью: «Добавить слой-маску».
Определяемся с цветом: белый, чёрный, серый.
Рядом с миниатюрой холста появится значок маски, с которой можно работать.

Добавление через меню:

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

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

Инструменты и фильтры, используемые для слоя-маски

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

Brush Tool

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

Применение Brush Tool:

Создаём слой-маску (чёрный или белый цвет) и активируем его одинарным кликом по миниатюре.
Выбираем «Кисть» на панели инструментов.
Закрашиваем нужные участки.
Основное изображение остаётся нетронутым.

Самый распространённый сценарий применения кисти – замена фона.

Gradient

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

Применение Gradient:

Перемещаем нужные фотографии на основной холст.
Объединяем слои.
Добавляем маску.
Кликаем по инструменту «Градиент» и выбираем чёрно-белый макет.
Активируем маску-слой одинарным нажатием мыши.
Проводим инструментом «Градиент» слева направо в части соприкосновения фотографий.

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

Text Tool

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

Применение Text Tool:

Создаём текстовый слой с помощью инструмента Text Tool.
Заполняем поле нужным контентом.
Выделяем текст с помощью горячей клавиши: Ctrl + клик по миниатюре на панели Text Tool.
Переходим на слой с основным изображением и добавляем готовую маску. Миниатюра с текстом должна находится ниже по уровню.
Совмещаем слои.

Похожего эффекта можно добиться посредством инструмента «Обтравочная маска».

Selection Tools

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

Filters

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

Создание рамки с помощью Filters:

На основном холсте обозначаем периметр прямоугольным выделением.
Добавляем к слою маску. Выделенная часть изображения скроется.
Активируем слой-маску одинарным кликом.
Переходим в раздел «Фильтр» -> «Оформление» -> «Полутона».
Заполняем поля: радиус рамки и каналы.
Применяем изменения.

Для смены заданных параметров достаточно кликнуть два раза по миниатюре слоя-маски и ввести новые значения.

Особенности работы с маской-слоем дополнительно в видео:

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

Маски в Photoshop. Часть IV ⋆ Vendigo.ru

Часть I. Создание и редактирование масок
Часть II. Маски, Выделения и Каналы
Часть III. Инструмент «Уточнить Край» (Refine Edge)
Часть V. Девушка летящая на зонтике

Виды масок в Photoshop

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

Быстрая Маска (Quick Mask)

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

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

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

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

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

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

Векторные маски позволяют создавать плавные контуры, например, чтобы точно вырезать автомобиль или фигуру девушки. Для обработки фотографий они используются реже, чем обычные, но иногда просто незаменимы. Для более подробного изучения работы с векторными масками рекомендую замечательную статью Андрея Журавлева Работа с путями (Path) в Photoshop.

Обтравочная Маска (Clipping Mask)

Следующий тип масок, который я активно использую это – Обтравочная Маска (Clipping Mask).

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

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

Добавим насыщенности краскам на небе. Для этого создадим сверху Корректирующий слой Вибрация (Vibrance) и сдвинем движок Вибрация до +45.

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

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

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

Убрать Обтравочную маску так же легко. Снова поместите курсор между слоями, нажмите Alt и щелкните – Обтравочная маска исчезнет.

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

Разница между этими подходами состоит в том, что в первом случае (обычная + Обтравочные маски), мы можем редактировать одну маску, и результат будет сразу отображаться для всех трех корректирующих слоев.

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

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

Приведу еще один пример работы Обтравочной маски. Если мы имеем два слоя: первый — синий квадрат, второй зеленый круг.

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

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

Расскажу об еще одном способе комбинировать Маски и Слои. Некоторые из вас уже знают, что Photoshop позволяет объединять слои в группы с помощью папок. Выделите слои, которые нужно поместить в папку и, удерживая Shift, нажмите кнопку создания группы. При этом будет создана папка и в нее будут уложены выделенные слои.

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

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

Итоги

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

Маски в Photoshop. Часть I. Создание и редактирование масок
Маски в Photoshop. Часть II. Маски, Выделения и Каналы
Маски в Photoshop. Часть III. Инструмент «Уточнить Край» (Refine Edge)
Маски в Photoshop. Часть V. Девушка летящая на зонтике

Объединение двухслойных масок в Photoshop для создания более качественных масок

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

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

В этом уроке я решаю проблему, с которой столкнулся, пытаясь выделить гору. Я хотел создать контраст в скале на горе, не затрагивая другие части изображения. Маски Luminosity отлично справляются с выделением камня, но выделения слишком сильно сливаются с его окружением. Используя инструмент «Цветовой диапазон», я также могу выделить гору. Проблема с этим выбором, его жесткие края ужасно смотрятся на снегу. Таким образом, оба инструмента имеют некоторую ценность, но ни один из них не достаточен для выполнения чистых корректировок. Поэтому, чтобы сделать наилучший выбор, мне нужно объединить две маски слоя в фотошопе. См. подробности ниже о том, как делаются выборки и как их комбинировать для создания сложных выборок.

Создание выделений

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

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

Объединение двух масок слоя в Photoshop для создания сложных выделений

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

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

Как сделать маску в Photoshop

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

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

Маскирование — это основа практически всех эффективных функций и интерфейсов Photoshop. На своем веб-сайте Adobe определяет маску слоя как:

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

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

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

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

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

Маскирование слоя шаг за шагом

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

Начнем с двух изображений. На первом изображении у нас желтый фон и простой текст «ПРИВЕТ». На втором изображении у нас белый фон и слово «До свидания».

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

Думайте об этом как о стопке бумаг.

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

Затем мы видим, что рядом со слоем Hello появляется белый квадрат. Это маска слоя.

Изображение предоставлено Джимми Макинтайром

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

Чтобы поместить оба этих изображения в один документ Photoshop с каждой фотографией на отдельном слое, вам нужно перейти в меню «Файл». Вы найдете его в строке меню в верхней части экрана. Выберите «Сценарии», а затем выберите «Загрузить файлы в стек». Откроется диалоговое окно «Загрузить слои». Убедитесь, что для параметра «Использовать» установлено значение «Файлы». Затем вы должны нажать кнопку «Обзор». При нажатии кнопки «Обзор» открывается окно Проводника на ПК или окно Finder на Mac. Перейдите к расположению ваших изображений на вашем компьютере. Выберите два изображения, которые вы хотите использовать, а затем нажмите «ОК» в окне проводника или «Открыть» в окне Finder. Имена файлов ваших изображений появятся в диалоговом окне «Загрузить слои». Нажмите OK, чтобы закрыть диалоговое окно и загрузить изображения в документ. Photoshop загрузит каждое изображение в один и тот же документ, и если вы посмотрите на панель «Слои», вы увидите каждое изображение на отдельном слое.

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

Именование слоев

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

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

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

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

Пора начинать маскировать

Теперь вы можете начать использовать кисть, чтобы закрасить область, которую вы хотите замаскировать. В примере Джимми Макинтайра пользователь закрашивает слой Hello, открывая текст Goodbye ниже. Помните, вы не закрашиваете само изображение. Скорее, вы рисуете область выбора маски.