Как пользоваться слой маской в Photoshop: инструкция для новичков. Что такое маска слоя в фотошопе


Adobe Photoshop: слои и маски

© 2014 Vasili-photo.com

Слои – основа Фотошопа. Любые, сколько бы то ни было серьёзные манипуляции с изображением, как правило, подразумевают использование слоёв и масок. Без понимания концепции многослойного изображения вы попросту не сможете по-настоящему заниматься редактированием своих фотографий в Adobe Photoshop, а если и сможете, то процесс этот будет мучительным и противоестественным.

Что такое слои?

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

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

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

Очевидно, что любой файл, открытый или созданный в Adobe Photoshop, содержит как минимум один слой. Обычно слой этот называется Background, т.е. фон или задний план.

Чисто технически многие действия в Adobe Photoshop можно совершать непосредственно со слоем Background, не прибегая к помощи дополнительных слоёв, но даже в таких ситуациях я всё равно предпочитаю создать копию основного слоя и работать именно с копией, сохраняя исходник нетронутым, и только если результат меня полностью устраивает, я позволяю себе слить слои воедино. Такой подход удобнее и безопаснее. Да и зачем, собственно, превращать Photoshop в Paint?

Палитра слоёв

Палитра слоёв (Layers) обычно располагается внизу слева. Если вы её не видите, нажмите F7.

Рассмотрим основные элементы палитры слоёв.

Каждому слою соответствует маленькая цветная иконка. Справа от неё написано название слоя. По умолчанию новые слои получают стандартные названия (Layer 1, Layer 2 и т.д.), но вы всегда можете переименовать их по своему вкусу, дважды кликнув по названию слоя.

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

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

Чтобы сделать слой активным, достаточно щёлкнуть по нему мышью. Чтобы выбрать несколько слоёв, следует воспользоваться клавишами Ctrl/Cmd или Shift.

Чтобы создать копию активного слоя, нажмите Ctrl/Cmd+J. Чтобы объединить выделенные слои, следует нажать Ctrl/Cmd+E. Если при этом выбран только один слой, то он будет слит с нижележащим слоем. Ctrl/Cmd+Shift+E объединяет все видимые на данный момент слои. Чтобы слить воедино вообще все слои документа, следует зайти в меню Layers и выбрать Flatten Image.

Слои можно перетаскивать при помощи мыши и, таким образом, менять их взаимное расположение. Сочетания клавиш Ctrl/Cmd+] и Ctrl/Cmd+[ перемещают активный слой на одну позицию вверх или вниз соответственно.

В верхней части палитры слоёв расположены следующие настройки:

Фильтрация слоёв (Layer filtering) позволяет отобразить в палитре только те слои, которые соответствуют определённым критериям, и скрыть все остальные. Можно фильтровать слои по типу, по имени, по стилям и т.д.

Ниже расположен безымянный выпадающий список режимов наложения слоёв (Blending mode). Под режимом наложения или смешивания подразумевается математический алгоритм, определяющий то, каким образом данный слой воздействует на слои, лежащие под ним. Режимом наложения по умолчанию является Normal. В этом случае пиксели верхнего слоя просто замещают собой пиксели нижнего. Подробнее в статье «Режимы наложения слоёв в Adobe Photoshop».

С помощью блокировки слоя (Lock layer) можно частично или полностью запретить редактирование конкретного слоя.

Правее располагаются окошки настроек Opacity (Плотность) и Fill (Заливка), отвечающие за степень непрозрачности слоя. Значения по умолчанию – 100%, т.е. слой полностью непрозрачен и виден во всей красе. 50% будут означать, что слой прозрачен наполовину и через него просвечивают нижние слои. При 0% слой становится абсолютно прозрачным и невидимым. Между Opacity и Fill только одно отличие: Opacity регулирует непрозрачность слоя вместе со всеми применёнными к нему стилями и спецэффектами, в то время как Fill действует только на пиксели самого слоя, не затрагивая при этом стили.

Слой Background отличается от прочих слоёв тем, что его непрозрачность всегда составляет 100% и не регулируется. Кроме того, Background перманентно защищён от перемещения. Режим наложения для Background всегда Normal, поскольку под ним нет других слоёв и ему попросту не на что накладываться.

В нижней части палитры слоёв имеются семь кнопок:

Связать слои (Link layers). Связывает (но не объединяет) выделенные слои. Связанные слои остаются самостоятельными слоями, но при попытке переместить их двигаются как единое целое.

Добавить стиль слоя (Add a layer style). Позволяет применять к слою различные спецэффекты, как то: тень, свечение, контур и т.д. При обработке фотографий стили используются редко и в основном находят себе применение в графическом дизайне.

Добавить маску слоя (Add layer mask). Добавляет к выбранному слою маску. По умолчанию маска белого цвета, т.е. содержимое слоя видно полностью. Подробнее о масках см. ниже.

Создать новый корректирующий слой (Create new fill or adjustment layer). Создаёт корректирующий слой или слой-заливку для неразрушающего редактирования. Подробнее о корректирующих слоях см. ниже.

Создать новую группу (Create a new group). Создаёт новую пустую группу. Чтобы объединить в группу уже имеющиеся слои, следует выделить их и нажать Ctrl/Cmd+G. Чтобы расформировать группу, нажмите Ctrl/Cmd+Shift+G. Группы полезны, когда документ содержит множество слоёв и возникает потребность их несколько упорядочить. Кроме того, маски и стили, применённые к группе, автоматически воздействуют и на все слои, входящие в группу. В остальном группы подобны связыванию слоёв.

Создать новый слой (Create a new layer). Создаёт новый слой. Можно также использовать сочетание клавиш Ctrl/Cmd+Shift+N. Новый слой не содержит никакого изображения и потому невидим.

Удалить слой (Delete layer). Удаляет активный слой. Можно воспользоваться кнопкой Del.

Зачем нужны маски?

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

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

Чтобы увидеть маску целиком достаточно зажать Alt/Option и кликнуть по иконке маски.

Маска, созданная с помощью команды «Добавить маску слоя», вся залита белым цветом, т.е. оставляет слой полностью видимым. Если щёлкнуть по иконке маски и нажать Ctrl/Cmd+I маска будет инвертирована и окрасится в чёрный цвет. Слой при этом полностью исчезнет из виду, т.е. будет замаскирован.

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

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

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

Корректирующие слои

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

Добавление нового корректирующего слоя осуществляется через специальную палитру Adjustments, либо через соответствующую кнопку в палитре Layers, либо через меню Layer > New Adjustment Layer.

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

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

Спасибо за внимание!

Василий А.

Post scriptum

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

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

Желаю удачи!

  Дата публикации: 01.11.2014

Вернуться к разделу "Редактирование снимков"

Перейти к полному списку статей

Для отображения комментариев нужно включить Javascript

vasili-photo.com

Что такое «Маска слоя» в Фотошопе

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

На самом деле использовать маску слоя очень просто, и это знание дает вам огромные преимущества. Сейчас мы постараемся расставить все точки над «i».

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

Если вы еще не знаете что такое слой в Фотошопе, предлагаем вашему вниманию следующий урок:

Что такое слой в Фотошопе;

Кстати, если Вы сразу же будете повторять за нами все действия шаг за шагом, то урок точно пройдет для вас с пользой. Так как, знание - это еще не сила. Использование знаний - вот что СИЛА!

А теперь сложный вопрос: Что происходит, когда кто-либо надевает маску?

Глупый вопрос, правда? Это очевидно! Ведь все, что скрывается под маской становится невидимым.

Точно так же работает маска слоя.

Посмотрите на результат, к которому мы будем стремиться:

Да-да! Это фужер, который стоит за скалой, но перед океаном.

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

Шаг 1: Найдите две фотографии, которые хотите совместить вместе. Вот фотографии, которые мы использовали:

Шаг 2: Откройте обе фотографии в Photoshop. Затем выберите инструмент - «перемещения» (Move Tool). Кликните на картинке с фужером и перетащите его на фото с рыбаком.

Вы можете изменить размер фужера, чтобы он не выглядел слишком большим. Для этого нажмите комбинацию клавиш Ctrl+T, чтобы вызвать инструмент свободная трансформация. Нажмите Shift, чтобы сохранялись пропорции, и потяните за угол рамки к центру.

Шаг 3: На панели слоев выберите слой с фужером и кликните на кнопке «Add Layer Mask» (Добавить маску слоя) - внизу палитры.

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

После того как кликните, вы увидите такую картину в палитре слоев:

Вот она! МАСКА СЛОЯ!

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

Итак, маска есть, но ничего не скрывает.

Сейчас мы разберемся, как же все-таки ее использовать.

А пока напишем желания, что мы хотим от этой маски:

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

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

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

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

А вы заметили, что когда вы кликаете по окошку с маской, то цвета в палитре меняются на черно-белые? Да, так и есть... это секрет Маски!

В зависимости, какой цвет установлен в палитре: черный цвет - маскирует объект, а белый - разоблачает, то есть снимает маску.

Чтобы быстро установить черно-белые цвета на палитре - нажмите букву «D»

Это все относится к тому изображению, на котором данная маска висит!

Шаг 4: Возьмите инструмент Кисть .Выберите черный цвет и начните размашисто рисовать по фону вокруг фужера.

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

А если вдруг рука у вас дрогнула, и вы стерли пол фужера? Для этого и существует кисточка с белым цветом - она вернет все на место!

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

Эти настройки находятся наверху:

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

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

Вот так у нас получилось:

Шаг 5: В заключении осталось фужер сделать прозрачным.

Предлагаем 2 способа:

1) Установите прозрачность (opacity) кисти на 50% и покрасить те места, которые нужно сделать прозрачными.

2) Установите цвет кисти на серый и сделайте то же самое.

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

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

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

Вот и результат:

Надеемся, что перед вами, наконец, прояснилось понятие «Маска» в программе Photoshop.

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

Маска в Фотошопе - то же самое, что маска на человеке. Вы можете видеть то, что не закрыто маской. Это замечательный способ не разрушая само изображение стирать (прятать) его части! Вы на самом деле не удаляете изображение, а скрываете его. Это значит, что изменяя цвет кисти с черного на белый можно снова вернуть то, что было спрятано.

Маску можно включить так:- «Layer - Layer Masks - Reveal All» (Слой - Слой-маска - Показать все) или «Hide All» (Скрыть все).- Нажать на значок внизу палитры слоев.

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

Рисование оттенками серого цвета - придает прозрачность.

Значок связи показывает, что слой с маской связаны вместе.

При перемещении будут двигаться вместе.

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

Автор: Зинаида Лукьянова;

Источник;

⇐ • Как вернуть действие (предыдущая страница учебника)

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

photoshoplessons.ru

Для чего нужна функция «маска» в Фотошопе

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

Быстрая маска

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

Слой-маска

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

Дополнительные сведения

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

Заключение

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

fb.ru

Фотошоп для начинающих: Маски слоя., Уроки

В этом уроке Фотошоп вы узнаете, что такое маски слоя и в чем заключается их преимущество перед инструментом Ластик (Eraser Tool) . Маски – один из самых мощных инструментов Фотошоп.

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

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

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

Почему необходима разблокировка фона? Разблокировав фоновый слой, вы свободно можете перенести его на документ. Выберите инструмент Перемещение (Мove tool (V)) и потяните слой со львом в любом направлении. Вы увидите, что под слоем образовался прозрачный (Transparent) фон, в то время как при заблокированном слое вы не сможете переместить его. Также вы не сможете применить маску слоя (Layer Mask) , если слой заблокирован.

Теперь, после разблокировки, добавьте Маску на слой. Для этого просто нажмите на ее иконку внизу палитры слоев (кружок в квадрате). Рядом с миниатюрой слоя льва появился белый прямоугольник. Это и есть наша маска.

Давайте разберем основное предназначение маски. Настройте черный цвет для переднего плана (нажмите «D» и цвета переднего-заднего плана примут вид «по умолчанию программы», т.е. черно-белый). Активируйте инструмент «Кисть» (Brush) размером 300 рх, круглую и сделайте клик в области глаз льва.

Как видите, черная кисть на маске работает подобно инструменту Ластик (Eraser). Так чем же они отличаются?

Измените местами цвета переднего и заднего планов, щелкнув по их иконке. Основной цвет теперь белый. Этой же кистью нажмите на удаленное место глаза льва и вы увидите, что пиксели вернулись назад на свое место. Секрет маски в том, что она не удаляет изображение полностью, а лишь скрывает его. Выполняя работу, вы всегда сможете вернуться на маску нужного слоя и выполнить восстановление пикселей кистью белого цвета. При работе с Ластиком (Eraser) , стертое не подлежит восстановлению.

Принцип работы маски:

Черный цвет на маске – скрывает (удаляет) пиксели.

Белый цвет на маске – восстанавливает (проявляет) пиксели.

Серый цвет на маске – уменьшает непрозрачность пикселей.

Предположим, что вы работаете над проектом, в котором множество слоев. Вы дошли до конца, а потом вдруг решили, что слишком много элементов стерто. Как сделать реконструкцию изображения? С Ластиком (Eraser) такой возможности нет. Но если вы использовали при работе маски слоя, просто возьмите Кисть (Brush) и измените на изображении элементы, пока не будете довольны.

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

Пример 1.

Создаем эффект Tilt shift на фотографии при помощи Маски слоя. (Эффект, при котором в фокусе камеры находится лишь один объект, тогда как окружающие его объекты – размыты).

Скачаем для нашего примера фото Праги и откроем его в Фотошоп.

Дублируем слой ( (Ctrl+J) или переходим в Слои-Создать дубликат слоя (Layer>Duplicate layer) .

На дубликате переходим в Фильтр-Размытие-Размытие по Гауссу (filter>Blur>Gaussian blur) и устанавливаем радиус около 10 рх.

На данный момент у нас есть два слоя: оригинальный и дублированный (размытый). Чтобы создать эффект Tilt shift, нам нужно удалить размытый эффект с конкретной области. Для этого, добавляем на размытый слой Маску (нажимаем на ее иконку внизу панели).

Возьмите мягкую (hardness 0%) Кисть (Brush Tool) черного цвета и начните рисовать по изображению моста на фото. Черной кистью мы удаляем зоны размытого слоя, открывая нижний слой с четким изображением.

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

Пример 2.

Работа с Градиентами (Gradient).

Теперь рассмотрим принцип работы другого инструмента (Gradient Tool) , который может использоваться в сочетании с Масками слоя. Открываем в Фотошоп изображение цветка.

Делаем дубликат слоя (Ctrl+J) и обесцвечиваем его путем перехода во вкладку Изображение-Коррекция-Обесцветить (Image>Adjustments>Desaturate) .

Создаем Маску слоя (Layer Mask) для дубликата и устанавливаем цвета переднего-заднего планов на черный и белый (нажмите на клавиатуре «D»). Затем, активируйте инструмент Градиент (Gradient Tool (G)) черно-белый с линейным стилем, и сделайте клик на левом крае холста. Протяните его до правого края изображения и отпустите мышь. Как видите, цветная область фото плавно переходит в черно-белую. Черная область градиента удалила пиксели с левой стороны фото, потому что черный цвет на маске – стирает. Белая область градиента не тронула слой, оставив его правую часть в первоначальном виде. Такой метод часто используется в веб-дизайне и дизайне иконок с применением градиентов, переходящих от белого цвета к прозрачному (white to transparent) .

Пример 3.

Маски и выделения.

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

Скачайте фото девушки и откройте его в Фотошоп.

Разблокируйте двойным щелчком слой с девушкой и активируйте инструмент Полигональное Лассо (Polygonal lasso tool) . Сделайте грубое выделение лица модели.

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

Совет: Если же вы хотите, наоборот, удалить выделенное, нажмите на иконку Маски, удерживая клавишу Alt.

Обесцветьте лицо девушки, нажав сочетание Shift+Ctrl+U. Создайте Новый слой (Layer-New Layer) и переместите его под слой с лицом. Заполните слой (Shift+F5) белым цветом.

Выберите слой с лицом и перейдите во вкладку Фильтр-Имитация-Сухая кисть (Filter>Artistic>Dry brush) с такими настройками: размер кисти (Brush size) 7, детализация (Brush detail) 5, Текстура (Texture) 1. Нажмите Ок для добавления фильтра.

Теперь активируйте маску, нажав на нее в панели слоев. Мы используем ее для оформления нашего фото в акварельном стиле. Для этого нам понадобятся кисти с мазками краски (в ресурсах урока). Чтобы загрузить кисти в программу, активируйте инструмент Кисть (Brush) и перейдите в верхнюю панель настроек. Откройте палитру кистей и нажмите на маленькую стрелку справа. Откроется меню, в котором выберите строчку – «Загрузить кисти» (load brushes) . В диалоговом окне указываете место, где находятся скачанные кисти и внизу - тип файла (ABR) . Нажимаете кнопку «Загрузить» и видите ваши кисти в палитре кистей программы.

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

Теперь мы получаем следующий результат:

Наконец, создадим Новый слой (Ctrl+Shift+N) или значок внизу панели слоев с согнутым краем листка)) и разместим его между фоновым слоем и слоем с лицом. Кистью (brush tool) черного цвета на этом слое выполняем мазки вокруг лица девушки. В данном случае мы не удаляем части лица модели, потому что рисуем черной кистью не на маске, а на обычном слое. Такой акварельный способ может добавить изюминки на ваше фото.

Вот мой результат этого примера:

Я надеюсь, вы узнали много нового о Масках слоя и поняли принцип их работы в Фотошоп. Удачи в творчестве!

Используемые материалы:

Фото ПрагиЛевЦветок лилииФото девушкиКисти «Dry Paint strokes brushes»

www.photoshop-info.ru

Обтравочная маска в программе Photoshop

В этом уроке мы научимся использовать обтравочные маски (clipping masks), чтобы скрывать из вида отдельные нежелательные области слоя. Обтравочные маски похожи на маски слоя (слой-маски) (layer masks) программы Photoshop тем, что оба вида масок позволяют нам отображать и скрывать отдельные участки слоя, но принцип работы обтравочных масок в отличие от масок слоя иной.

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

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

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

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

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

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

Если мы посмотрим на панель слоев, то увидим, что изображение собаки размещено на слое заднего фона (Background):

На панели слоев видно, что изображение находится на слое заднего фона

Для того чтобы показать, как работают обтравочные маски, я собираюсь добавить новый пустой слой под слой с изображением. В данный момент программа не позволяет нам добавлять другие слои под слой «Задний фон» (Background), и, чтобы обойти эту проблему, мы переименуем слой «Задний фон» и дадим ему любое другое название. Самый простой способ сделать это – удержав нажатой клавишу Alt (Win) / Option (Mac), дважды щелкнуть кнопкой мыши по названию слоя на панели слоев. Программа Photoshop тотчас переименует слой заднего фона, присвоив ему имя «Слой 0»(Layer 0), которое возможно не является слишком информативным, но вполне подходит для наших целей:

Слой заднего фона переименован в «Слой 0»

Теперь слой заднего фона стал обычным слоем, и мы можем добавить под него новый слой. Для этого я нажму клавишу Ctrl (Win) / Command (Mac) и, удержав ее нажатой, кликну по значку нового слоя в нижней части панели слоев:

Удерживая нажатой клавишу Ctrl (Win) / Command (Mac), кликните по значку нового слоя

Как правило, программа добавляет новые слои поверх активного слоя, но, удержав нажатой клавишу Ctrl (Win) / Command (Mac) при выборе значка нового слоя, я пошел на небольшую хитрость, в результате чего программа добавит новый слой под активный слой, а не поверх него. Таким образом, под изображение, размещенное на Слое 0, программа добавила новый слой под названием «Слой 1» (Layer1):

Программа добавила новый слой под исходный слой с изображением

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

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

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

В окне документа отображен вновь добавленный пустой слой

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

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

Вновь отображаем слой с изображением в окне документа

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

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

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

Выбираем слой с изображением, делая его активным

Для создания обтравочной маски мы выбираем пункт «Слои» (Layer) в строке меню в верхней части экрана и переходим в раздел «Создать обтравочную маску» (Create Clipping Mask):

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

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

На панели слоев видно, что верхний слой «обрезан» нижележащим слоем

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

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

Этот результат нам не интересен, поэтому давайте отменим нашу обтравочную маску. Для этого, опять перейдите в раздел меню «Слои» (Layer) в верхней части экрана и выберите пункт «Отменить обтравочную маску» (Release Clipping Mask):

Выбираем «Слои» > «Отменить обтравочную маску»

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

Больше не панели слоев нет признаков обтравочной маски

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

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

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

Скрываем из вида верхний слой и выбираем нижний слой

Далее на панели инструментов я выберу инструмент «Овальная область» (Elliptical Marquee Tool), нажав на иконку инструмента «Прямоугольная область» (Rectangular Marquee Tool) и удержав ее до тех пор, пока не появится всплывающее меню с перечнем других инструментов, доступных в данном разделе. Из появившегося перечня я выберу инструмент  «Овальная область»:

Выбираем инструмент «Овальная область»

После выбора инструмента «Овальная область», я кликну в центре документа и, удерживая кнопку мыши нажатой, нарисую пунктирный контур овальной формы. Для меня не было важно использовать именно этот инструмент выделения. Главное в данном случае – добавить на слой какое-нибудь содержимое:

С помощью инструмента «Овальная область» рисуем пунктирный контур

Для того чтобы слой стал содержать что-либо, мне нужно залить овальный контур, поэтому я перейду в раздел меню «Редактирование»(Edit)в верхней части экрана и выберу команду «Выполнить заливку»(Fill):

Выбираем «Редактирование» > «Выполнить заливку»

Это действие приведет к открытию диалогового окна команды «Выполнить заливку». В разделе «Использовать» (Use) в верхней части диалогового окна я выберу слово «Черный»(Black), режим наложения (Mode) в нижней части окна должен быть установлен «Нормальный»(Normal) и в разделе «Непрозрачность» (Opacity) должно стоять 100%. И снова я повторюсь, что мы просто добавляем на слой содержимое. Поэтому нет никакой особой причины в том, почему я выбрал черный в качестве цвета заливки – просто черный цвет хорошо видно на рисунках (скриншотах):

Диалоговое окно команды «Выполнить заливку»

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

Овальный контур заполнился черным цветом

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

Для удаления пунктирного контура выбираем «Выделение» > «Отменить выделение»

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

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

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

Возвращаем видимость «Слою 0» и выбираем его

Я добавлю обтравочную маску, опять выбрав пункт «Слои» (Layer) в строке меню в верхней части экрана и перейдя в раздел «Создать обтравочную маску» (Create Clipping Mask):

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

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

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

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

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

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

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

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

Нажимаем на изображение и передвигаем его с помощью инструмента «Перемещение» в нужное место внутри обтравочной маски

Давайте рассмотрим типичную ситуацию для применения обтравочной маски. Я открыл еще один документ, содержащий две фотографии. На нижнем слое (слой заднего фона) изображена фоторамка (старинная фоторамка взята из фотобанка Shutterstock):

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

А если я верну видимость вышележащему слою, нажав на иконку видимости слоя:

Кликаем по иконке видимости «Слоя 1»

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

Изображение, которое нужно поместить внутрь фоторамки

Я снова временно скрою верхний слой, нажав на соответствующую иконку:

Скрываем из вида верхний слой

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

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

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

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

Следующим действием мне нужно скопировать выделенную область на отдельный слой. Для этого я перейду в раздел «Слои» (Layer) в строке меню в верхней части экрана, выберу пункт «Новый»(New)и далее – «Скопировать на новый слой» (LayerviaCopy) (или для большего удобства я мог просто нажать сочетание клавиш Ctrl+J (Win) / Command+J (Mac)):

Выбираем «Слои» > «Новый» > «Скопировать на новый слой»

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

Область внутри фоторамки скопировалась на новый слой

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

Возвращаем видимость «Слою 1» и выбираем его

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

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

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

«Слой 1» теперь «обрезан» нижележащим «Слоем 2»

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

Благодаря обтравочной маске изображение теперь размещено внутри фоторамки Ранее мы изучили, что с помощью инструмента «Перемещение» (Move Tool) можно передвигать изображение внутри обтравочной маски. Мы можем использовать и команду «Свободное трансформирование» (Free Transform) для этой цели, а также с помощью данной команды мы можем изменять размеры изображения. В моем случае, я хочу сделать изображение молодой пары поменьше, чтобы внутри фоторамки оно выглядело более естественно. Таким образом, после того, как я сделаю слой с изображением пары активным, кликнув по нему на панели слоев, я перейду в раздел меню «Редактирование» в верхней части экрана и выберу пункт «Свободное трансформирование» (Free Transform):

Выбираем «Редактирование» > «Свободноетрансформирование»

Это действие приведет к появлению вокруг фотографии рамки свободной трансформации со специальными маркерами. Обратите внимание, что когда мы изменяем размеры изображения внутри обтравочной маски, рамка транформации появляется вокруг всего исходного изображения, в том числе и скрытых маской частей, а не только вокруг видимых нам областей. Просто кликните по любому угловому маркеру рамки и потяните его, чтобы изменить размер изображения, как вам требуется. Нажмите и удержите нажатой клавишу Shift по мере перемещения маркера, чтобы сохранить исходные пропорции изображения и случайно не нарушить соотношение сторон. Когда вы будете довольны результатом, нажмите клавишу Enter (Win) / Return (Mac) для окончательного подтверждения транформации:

Используя команду «Свободное трансформирование», изменяем размер изображения внутри обтравочной маски

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

Делаем слой-обтравочную  маску активным

Выбрав слой-обтравочную маску, я кликну по иконке стилей слоя в нижней части панели слоев:

Нажимаем на иконку стилей слоя

Затем из появившегося списка стилей слоя я выберу стиль «Внутреннее свечение» (InnerGlow):

Выбираем стиль «Внутреннее свечение»

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

Нажимаем на значок образца цвета

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

В палитре цветов выбираем черный цвет

Вернувшись в диалоговое окно стиля слоя, я изменю режим наложения (BlendMode) эффекта с «Экрана» (Screen) на «Умножение»(Multiply)и затем уменьшу непрозрачность (Opacity) до 25%. Также я увеличу размер (Size)свечения (тени) до 10 пикселей:

Настройка оставшихся параметров стиля «Внутреннее свечение»

Далее я нажму ОК для выхода из диалогового окна, и всё – мы закончили! Если мы посмотрим последний раз на панель слоев, то увидим, что на слой-обтравочную маску (Слой 2) добавился только что созданный стиль слоя «Внутреннее свечение»:

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

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

Конечный результат

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

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

Перевод: Ксения Руденко

photoshop-master.ru

что это такое и как пользоваться

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

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

О терминах

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

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

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

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

А вот и нет.

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

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

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

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

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

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

 

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

Второй вариант – копирование. Первым делом откройте фоновый слой для редактирования. Кликните по замочку справа.

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

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

Чтобы добавить маску достаточно щелкнуть по кнопке в панели слоев справа.

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

Почему здесь стоит белый цвет? Он показывает, что сейчас к слою применена видимость 100%. Если бы оттенок был черным, то это бы означало, что слой скрыт совсем. Есть еще и серый. Он показывает прозрачность 50%.

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

Зажмите Alt и снова кликните по кнопке «Добавить маску».

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

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

Сейчас активен сам слой. Я тоже щелкнул мышью.

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

Да, именно кисть, работать придется ей. Подберите идеальный диаметр. Не забывайте пользоваться горячими клавишами «[»- уменьшит размер, а «]» увеличит его. Кстати, чтобы это сочетание работало, как и любые другие, не обязательно переходить на английскую раскладку клавиатуры.

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

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

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

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

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

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

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

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

Посмотрите как в интернете зарабатывают другие. Скачайте бесплатный курс «Профессия веб-дизайнера за 10 дней».

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

start-luck.ru

Обтравочная маска в "Фотошопе" (Clipping Mask в Photoshop). "Фотошоп" для чайников

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

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

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

Шаг 1:

  1. В «Фотошопе» откройте изображение для обработки. Измените название базового слоя «Фон» с помощью двойного клика по названию либо одинарным кликом по значку блокировки в виде замочка, расположенного справа. По умолчанию он получит название «Слой 0».
  2. Нажмите Ctrl и кликните на значок «Создать новый слой», расположенный на нижней панели палитры. Он разместится ниже изображения.
  3. Заключительным шагом создается обтравочная маска. В «Фотошопе» предусмотрены несколько способов решения этой задачи. Меню «Слои» → «Создать обтравочную маску» или клавиатурное сокращение Alt+Ctrl+G или нажать Alt и кликнуть на границе между слоями в палитре.

Графическая иконка сдвинется вправо и около нее появится стрелочка, направленная вниз. При этом изображение в рабочем окне исчезнет. Это обозначает, что обтравочная маска создана правильно и готова к работе.

Принцип действия

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

Шаг 2:

  • Активизируйте нижний (чистый) слой.
  • Возьмите любой инструмент выделения (напр. «Прямоугольник») и создайте произвольную область.
  • Примените к выделенной области заливку (меню «Редактирование» → «Выполнить заливку» или Shift+F5).

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

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

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

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

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

Шаг 3:

  • Активизируйте верхний из двух слоев, расположенных в палитре.
  • Нажмите Ctrl и кликните по графической иконке нижнего слоя, содержащего залитую цветом фигуру. Результатом этой операции станет загрузка выделенной области, которая появится в рабочем окне программы.
  • Скопируйте выделенную область изображения на новый слой (меню «Слой» → «Новый» → «Скопировать на новый слой» или с помощью клавиатурного сокращения Ctrl+J). В результате выше обтравочной маски появится новый слой с содержанием, скопированным из выделенной области.

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

Работа с текстом

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

  1. Откройте изображение в программе Adobe Photoshop.
  2. Измените название фона или кликните по замочку, расположенному справа от названия слоя.
  3. Кликните по глазку, находящемуся слева от графической иконки. Это временно отключит видимость снимка.
  4. Создайте новый слой (Shift+Ctrl+N) и расположите его ниже открытого изображения.
  5. Возьмите инструмент «Горизонтальный текст» (Т) и сделайте надпись на нижнем слое.
  6. Кликните по глазку верхнего изображения и примените обтравочную маску (Alt+Ctrl+G или нажмите Alt и кликните на горизонтальной границе). Обратите внимание на то, что для выполнения этой операции верхний слой должен быть видимым и активным.
  7. Перейдя на слой с текстом, нажмите на значок fx, находящийся на нижней панели палитры. В открывшемся диалоговом окне включите тиснение, контур, внутреннюю тень, свечение и нажмите «ОК».
  8. В заключение, сделайте дубликат слоя с изображением (Ctrl+J) и поместите его ниже текста. Рельефная надпись готова.

Создание рамочки

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

  1. Повторите шаги с 1 по 4 из предыдущего примера работы с текстом.
  2. Активизируйте инструмент «Произвольная фигура» на вертикальной панели инструментов в левой части рабочего пространства (U). Из выпадающего окна, расположенного в правой части верхней рабочей панели, выберите форму «Рамочка».
  3. Нарисуйте фигуру на нижнем слое. Кликните правой кнопкой мыши справа от графической иконки и в контекстном меню выберите верхнюю строку «Параметры наложения». В открывшемся диалоговом окне включите тиснение, контур, внутреннюю тень и свечение.
  4. Активизируйте верхний слой и кликните по глазку, расположенному слева от графической иконки (изображение станет видимым). Сочетанием клавиш Alt+Ctrl+G перейдите в режим обтравочной маски.
  5. Скопируйте изображение (Ctrl+J) и переместите его вниз, ниже слоя, содержащего фигуру рамочки.
  6. Примените к слою галерею фильтров. Например, в меню: «Фильтр» → «Галерея фильтров» → «Эскиз» (в выпадающем окне выберите «Полутоновый узор»).

Оригинальная рамочка для фото готова.

Маска с помощью кисти

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

  • Откройте изображение и переименуйте фон.
  • Ниже создайте новый пустой слой.
  • Активизируйте инструмент «Кисть» (В) и нарисуйте произвольную фигуру. Цвет кисти значения не играет — обтравочная маска проявляется над любой закрашенной областью.
  • Перейдите к изображению, нажмите Alt и кликните левой кнопкой мыши на горизонтальной границе слоев для включения режима маски. Закрашенная область станет видимой. С помощью инструмента «Перемещение» (V) двигайте нижний объект — поместите его на нужную вам область фотографии.
  • Нажмите Ctrl и кликните на графическую иконку нижнего слоя. В рабочем окне программы появятся границы выделения. Не снимая его, перейдите на изображение и скопируйте выделенный участок (Ctrl+J). Передвигая закрашенную область внизу, вырезайте различные фрагменты изображения.

Прозрачность

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

В «Фотошопе» откройте изображение, переименуйте фон и добавьте чистый слой снизу. Включите режим маски (Alt+Ctrl+G), а фон залейте цветом. В итоге, у вас на рабочем окне отобразится первоначальное изображение. Теперь активизируйте слой с заливкой и поставьте значение 50% в окне «Непрозрачность». Используйте это свойство при обработке файлов.

Фрагменты

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

В «Фотошопе» откройте снимок, из которого требуется вырезать произвольный объект. Создайте копию фона (Ctrl+J), добавьте ниже чистый слой и залейте его произвольным цветом. Примените к верхнему изображению режим обтравочной маски (Alt+Ctrl+G). Возьмите «Лассо» (L) и выделите область фотографии. Инвертируйте с помощью клавиатурного сокращения Shift+Ctrl+I. Заключительным этапом удалите выделенный фрагмент, используя клавишу Delete.

Заключение

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

Запомните клавиатурные сокращения, их применение сократит время, затрачиваемое на изменение фотографий:

  • Ctrl+Z — отмена последней операции.
  • Ctrl+Alt+Z — отменяет последовательность операций.
  • Shift+Ctrl+N — создает новый слой.
  • Ctrl и клик по иконке создания слоя — добавляет слой, расположенный ниже активного.
  • Ctrl+Alt+G — включает и отключает режим обтравочной маски в программе «Фотошоп».

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

fb.ru