Как наложить маску на фото в фотошопе: Скрытие слоев с помощью масок в Photoshop
Как наложить маски в фотошопа
Использование масок в фотошопе представляет собой обработку, при которой края изображения приобретают сложные и красивые фигуры. Процесс не особо сложный, но результат может быть удивительным. Так же маски помогут скрыть какие-либо дефекты на краях фото.
представляю вам один из способов наложения масок:
1. Откройте фото в фотошопе комбинацией клавиш CTRL + O;
2. Теперь сверху этого слоя нам требуется разместить нашу маску. Сделать это можно с помощью инструмента «поместить»
Выбираем понравившуюся маску. Чаще всего их можно встретить в формате PNG. Наша маска легла поверх изображения.
Растянем ее, потянув за края так, чтобы она закрыла все изображение
Нажимаем Enter;
3. Слой требуется растрировать. Для этого щелкаем правой кнопкой мыши по слою с маской и выбираем «растрировать слой»;
4. Переходим во вкладку каналы и нажимаем на значок выделения
Выделение требуется инвертировать. Нажимаем Shift + CTRL + I;
5. Теперь щелкаем по клавише Delete, снимаем выделение комбинацией Ctrl + D и получаем фото с интересно обработанными краями.
Маске можно придать цвет, добавить градиент.
Например, можно сделать это с помощью цветового баланса.
6. Создадим новый корректирующий слой «цветовой баланс»
Сделаем его обтравочной маской, нажав на соответствующий значок отсечения
И теперь, двигая ползунки, можно придать нужный цвет- оттенок нашей маске.
Я остановилась на вот такой фиолетово-сиреневом цвете;
Пробуйте и экспериментируйте, каждый раз можно получить новый и интересный эффект. А чтобы было с чего начать свои фото — эксперименты предлагаю скачать подборку масок одним архивом .
Таким образом, совсем несложно можно подчеркнуть фото, сделать его ярче или скрыть какие-либо дефекты на краях фото!
На этой странице
?? Creative Cloud ?????????????????
Существует возможность добавить маску к слою и использовать ее для скрытия его областей и отображения содержимого нижележащих слоев. Маскирование слоев служит для объединения фотографий в единое изображение, а также для удаления человека или предмета с фотографии.
Сведения о слоях и векторных масках
Существует два типа масок.
- Слой-маска представляет собой зависимое от разрешения битовое изображение, редактирование которого осуществляется с помощью инструментов рисования и выделения.
- Векторные маски создаются с помощью инструментов групп «Перо» и «Фигура» и не зависят от разрешения изображения.
Слои-маски и векторные маски не разрушают изображение, то есть при последующем редактировании масок пиксели, которые ими скрыты, не теряются. Слой-маски и векторные маски отображаются в виде дополнительных миниатюр на панели «Слои» справа от миниатюры слоя. Для слоя-маски данная миниатюра представляет собой канал градаций серого, создаваемый при ее добавлении. Миниатюра векторной маски представляет собой изображение контура, отсекающего содержимое слоя.
Чтобы создать слой-маску или векторную маску на слое «Фон», его необходимо предварительно преобразовать в обычный слой (меню «Слой» > «Новый» > «Из фона»).
Слой-маска может быть настроен на вычитание из области слоя или на сложение с ним. Слой-маска представляет собой изображение в оттенках серого. Области, закрашенные черным, скрыты; закрашенные белым — видимы; градации серого соответствуют различным уровням прозрачности.
В этом материале мы рассмотрим один из самых важнейших инструментов Photoshop — маски слоя (или слой-маски, или layer masks). Мы узнаем, что именно из себя представляют маски слоя, как они работают, и почему их нужно использовать.
Слой-маска находится в самом верху списка вещей, которые вы действительно должны знать при работе в Photoshop, поскольку без них ваша работа, ваш творческий потенциал и изобретательность не смогут проявить себя в полной мере. На самом деле работа с маской слоя совсем не сложная и проста для понимания.
Прежде чем мы продолжим, подумайте, если вы не твёрдо представляете себе, что такое слой в Photoshop, то, до изучения маски, рекомендую сперва ознакомиться с руководством по слоям Photoshop.
Так что же такое маска в Photoshop? Человека, незнакомого с этим инструментом, может сбить с толку слово «маска», но сейчас мы попробуем с этим разобраться.
Назначение маски — управлять прозрачностью слоя, вот и всё.
Вы можете подумать, что, раз прозрачность можно изменять с помощью опции «Непрозрачность» (Opacity), находящейся в палитре слоёв, то зачем же тогда нужна слой-маска?
Дело в том, что опция «Непрозрачность» изменяет прозрачность всего слоя, а слой-маска изменяет прозрачность заданной Вами части слоя. Допустим, мы хотим сделать плавный переход между накладывающимися друг на друга по горизонтали изображениями, вот пример. Тогда нам нужно сделать плавное увеличение прозрачности на левом краю одного фото и на правом краю другого.
Теперь давайте рассмотрим применение маски на примере сочетания двух фотографий:
Вот первая фотография, которая послужит задним планом:
И вот фото, которое я буду накладывать на задний план:
Для того, чтобы приступить к наложению фотографий, с использованием масок или без, мне нужно поместить обе фотографии в один документ Photoshop, причём каждую на свой свой, отдельный слой.
Чтобы это сделать, я открываю фотографии в отдельных окнах, затем нажимаю клавишу клавиатуры V для выбора инструмента «Перемещение» (Move Tool), и с помощью левой клавиши мыши перетаскиваю фотографию из одного окна в другое:
Теперь обе фотографии в находятся в одном и том же документе Photoshop, и если мы посмотрим в Палитру слоёв, то увидим, что каждая из них расположена на отдельном слое:
Ну а теперь давайте попробуем смешать фотографии с помощью опции «Непрозрачность» (Opacity), я уменьшу её до 70%-ов, посмотрим, что получилось:
Мда, получилась полная ерунда, плавным переходом и не пахнет.
Можно попробовать инструмент «Ластик» (Eraser Tool). Возвращаю «Непрозрачность» до 100%, активирую «Ластик», диаметр ставлю побольше, а жёсткость на минимум и попробую убрать лишнее с верхнего слоя. При необходимости можно изменять диаметр инструмента с помощью клавиш левой и правой квадратных скобок ([ и ]):
В общем, получилось неплохо:
Вернее, почти неплохо.
Фата у невесты слишком прозрачная, да и дерево немного сильно зацепил ластиком.
Теперь я хочу уменьшить прозрачность фаты и дерева, но как мне это сделать? А никак. Я стёр эти части изображения и пиксели потеряны навсегда, на их месте пустота. Это хорошо видно на миниатюрах в панели слоёв:
Если отключить видимость фонового слоя, кликнув по иконке глаза, то в рабочем документе будет отображаться только слой с частично стёртым изображением, где будет заметно отсутствие пикселей:
Значит, оба этих способа не подходят. Но, к счастью, существует ещё один способ управления непрозрачностью слоя, и это — слой-маски.
В отличие от первых двух вариантов, слой-маски не только позволяют нам устанавливать различные уровни прозрачности для различных участков слоя, но и не разрушают изображение, т.е. не удаляют пиксели безвозвратно, а только скрывают их.
Как работают маски слоя? Чтобы понять это, давайте рассмотрим работу маски в действии.
Для применения маски надо её добавить к слою.
Для этого сначала выберите нужный слой в панели слоёв, а затем кликните на значок добавления маски внизу Панели слоёв:
После добавления маски видимых изменений в окне рабочего документа не произойдёт, т.к. по умолчанию слои-маски скрыты от просмотра. В конце концов, их назначение — показать или скрыть различные участки слоя, и было бы довольно трудно это сделать при видимой маске, т.к. она блокировала бы обзор изображения.
Обратите внимание, что миниатюра маски слоя заполнена белым цветом. Это не просто случайный цвет, таким образом Photoshop показывает пользователям, что сама маска в настоящее время заполнен белым, хотя в настоящее время в рабочем документе она скрыта от глаз. Если вы хотите убедится в том, что маска действительно имеется в документе и в самом деле заполнена белым цветом, просто удерживайте клавишу Alt и щелкните непосредственно по миниатюре маски слоя в Панели слоёв, после чего Photoshop отобразит в окне документа заполненную белым маску:
Чтобы снова скрыть маску, опять зажмите Alt и кликните по миниатюре.
Итак, почему же маска слоя, заполнена именно белым цветом? Почему не красным, зеленым или желтым? Потому, что таким образом работают маски слоя в Photoshop, в них используется только белый, черный и все оттенки серого между ними, и они используют эти три цвета (белый, черный и серый) для управления прозрачностью слоя. Белый цвет в маске слоя означает 100%-ную видимость слоя, к которому она применена, чёрный цвет означает полную прозрачность этого слоя. А различные оттенки серого задают определенный уровень прозрачности в зависимости от того, насколько светлый или темный этот оттенок серого. 50%-ный оттенок серого даст нам 50%-ную прозрачность. Чем светлее оттенок серого, чем он ближе к белому, тем менее прозрачен тот участок слоя, на котором он находится и наоборот, чем темнее этот оттенок, тем прозрачнее будет область, над которой он находится.
Причина того, что маска слоя по умолчанию заполнена белым, заключается в том, что обычно сразу после добавления маски пользователь хочет увидеть слой полностью.
Но иногда бывают ситуации, когда нам нужно сделать так, чтобы при добавление маски слой стал на 100% прозрачным, т.е. маска изначально должна быть чёрного цвета и, к счастью, Photoshop дает нам несколько простых способов это сделать.
Но сначала, давайте удалим маску, просто переместив её в корзину, расположенную в правом нижнем углу панели:
Появится диалоговое окно с вопросом «Применить маску к слою перед удалением?» (Apply mask to layer before removing?), где жмём кнопку «Удалить» (Delete).
Теперь добавляем слой-маску, изначально делающую слой прозрачным. Для этого зажимаем клавишу Alt и кликаем по значку добавления. Вот как после этого будут выглядеть документ и панель:
И снова сама слой-маска сам скрыта от глаз, но если вы хотите увидеть её в окне вашего документа, зажмите Alt и нажмите непосредственно на миниатюру маски слоя в палитре слоёв. На этот раз маска будет заполнена черным:
Удерживая Alt, снова кликните по миниатюре для скрытия отображения маски в документе.
Кстати, давайте разберёмся с ещё одним важным нюансом. В панели слоёв может быть выбрана активной маска, а может быть выбран сам слой. Переключаться между выбором активного элемента можно с помощью обычного клика по миниатюре. Вокруг выбранного элемента появляется рамочка, которая и показывает, какой элемент активен:
А теперь давайте убедимся в том, что слой-маска не удаляет пиксели изображения полностью и безвозвратно, как инструмент «Ластик» (Eraser Tool), а только скрывает их.
На данный момент изображение верхнего слоя в документе отсутствует. Давайте зальём маску белым цветом, и посмотрим, что получится. Для заполнения белым нужно сначала сделать маску активной кликом по ней, вокруг неё должна появиться рамочка, затем пройти по вкладке главного меню Редактирование —> Выполнить заливку (Edit —> Fill), в открывшемся окне выбрать белый цвет и нажать ОК:
После чего маска стала белой, а слой снова отображается в документе:
И это основа принципа работы слой-маски Photoshop! Когда маска заполнена белым, содержимое слоя, к которому она применена, стопроцентно видно в документе, а когда маска заполнена черным, содержимое слоя на 100% прозрачно, т.е. скрыто от глаз, но не удалено, так как это было в случае с инструментом «Ластик» (Eraser Tool). Маски слоя физически не изменяют и не влияют на содержимое слоя во всех случаях. Все, что они делают, это управляют тем, какие части видны, а какие нет, при этом содержимое слоя остаётся неизменным вне зависимости от того, видим мы его или нет.
Хорошо, мы разобрались как скрыть слой полностью и как снова его отобразить.
Теперь давайте разберёмся, как при помощи слой-маски наложить одну фотографию на другую.
Для этой цели в Photoshop используется инструмент «Кисть» (Brush Tool), и всё, что нужно сделать, это нанести кистью чёрный цвет на тех областях маски, которые мы хотим скрыть.
Итак, приступим. Берём инструмент «Кисть» и устанавливаем чёрный цвет основным на цветовой палитре. Когда мы включаем маску, то, по умолчанию, белый цвет становится основным, а чёрный — фоновым. Чтобы поменять их местами, нажмите клавишу клавиатуры X (икс).
Теперь надо настроить диаметр и мягкость. Диаметр устанавливается в зависимости от размера фото и задач, в процессе работы его можно изменять с помощью клавиш левой и правой квадратных скобок ([ и ]), жёсткость я устанавливаю 65%, и, также, в процессе работы её можно изменять с помощью [ и ], но в этом случае следует предварительно зажать клавишу Shift:
Проведя несколько штрихов кистью. я добился, чтобы мой результат стал почти таким же, как и в случае с применением инструмента «Ластик» (Eraser Tool):
Давайте посмотрим на миниатюры в Палитре слоёв:
Мы видим, что слой не тронут, а на рабочем документе прозрачными стали те пиксели слоя, которые находятся под чёрной полосой на миниатюре.
В случае с «Ластиком» я хотел бы сделать менее прозрачной фату невесты, но тогда это было невозможно, т.к. пиксели, составляющие фату, были удалены навсегда.
Сейчас же они не удалены, а просто скрыты. Давайте попробуем восстановить их видимость. Для этого нам понадобится белая кисть, нажмите клавишу X для замены основного цвета на фоновый в цветовой палитре.
Затем просто проведите кистью в тех местах, которые желаете восстановить, в данном случае это фата и левая часть дерева:
Если я делаю ошибку, и скрываю или показываю нежелательную часть изображения, мне нужно всего-лишь нажать на кнопку X для замены цвета и провести по ней заново. Вот и весь принцип работы, абсолютно ничего сложного.
В результате через пару минут я довёл изображение до желаемого результата:
Благодаря применению слой-маски мне не пришлось переделывать все с нуля, потому что в изображении ничего не было удалено! Маска позволила мне скрывать области слоя без ущерба для любого пикселя, что дает нам не только гораздо больше гибкости, но и придаёт уверенность при работе в Photoshop, т.к. при использовании маски мы не делаем необратимых изменений.
Данная статья расскажет Вам о том, как пользоваться маской в Фотошопе.
Для пользователей программой Фотошоп знание о том, как пользоваться маской, очень важно, поскольку зачастую возникает необходимость в использовании данного слоя.
У него есть масса преимуществ. Во-первых, по своей эффективности маска-слой ничуть не уступает ластику. Во-вторых, этот инструмент позволяет за считанные секунды сделать невидимой ту или иную область на изображении. Ну и в-третьих, с инструкцией по его использованию сможет разобраться даже ребенок.
Что собой представляет слой-маска
Инструмент Фотошопа «маска» является общеизвестным. В основном, он предназначен для маскировки некой части изображения либо для частичного или полного прекращения активности того или иного процесса в Фотошопе.
Не каждый, даже самый продвинутый пользователь компьютера знает о том, что маска трехцветна, а именно представляет собой сочетание серого, черного и белого цветов.
У каждого из этих цветов есть своя функция. Для маскировки предназначен именно темный цвет, эффект от серого цвета влияет на прозрачность, ну а белый цвет делает видимым то или иное изображение.
Все эти цвета в маске можно настроить в зависимости от того, какую вы преследуете цель: сделать слой практически незаметным или тщательно замаскировать какую-либо его область.
С помощью маски в Фотошопе можно скрыть множество видов слоев: смарт-объекты, слои, содержащие формы или текст… Никто не запрещает также наложить маску не на один, а сразу на группу слоев.
На самом деле, маска обладает теми же свойствами, что и ластик. Изображение, которое находится на слое, останется целым, даже если маску настроить по-другому или убрать. В отличие от маски ластик нельзя применить к векторной графике.
Алгоритм добавления маски к слою
Как говорилось ранее, маску можно наложить на несколько слоев или на один какой-то слой любого вида. Для работы с масками создателями программы Фотошоп была специально отведена команда «Добавить к слою маску». Чтобы найти данный значок, следует взглянуть на панель слоев, он находится чуть ниже ее.
Существует два вида масок, отличающихся по своему назначению, — маска черного и маска белого цветов. Маска черного цвета делает невидимой определенную часть изображения. Достаточно лишь кликнуть на кисть черного цвета и выделить ею ту часть изображения, которую хотите скрыть, и она исчезнет.
Противоположным эффектом обладает маска белого цвета — ее следует использовать в том случае, если вы желаете, чтобы изображение осталось видимым.
Но это не единственный способ, позволяющий наложить на изображение слой-маску. Второй способ гораздо проще, соответственно, на него следует обратить внимание тем, кто пока еще только осваивает программу Фотошоп.
Сначала следует кликнуть на меню «Слои», затем из слоев, предлагаемых программой на выбор, выбрать слой-маску.
Далее нужно сделать еще один выбор, только теперь уже из двух видов маски — черной и белой. При выборе следует руководствоваться тем, каких размеров будет часть изображения, которую надлежит скрыть.
Если она небольших размеров, то оптимальным помощником станет маска белого цвета. Если область на изображении большого размера, то хороша в использовании именно маска черного цвета.
Как работать со слоем-маской
Надеемся, что теперь для вас не секрет, что же такое маска и как ее накладывать на изображение. Если это так, то самое время начать с ней работать.
В дальнейшей работе вам нужно определиться, какой вам нужен эффект на изображении. В зависимости от этого вы и выбираете соответствующий инструмент из предложенных в Фотошопе.
Допустим, вам необходимо выделить маску. В таком случае сойдет один из трех инструментов: инструмент выделения, кисть или палец. Выбирайте тот, с которым работать вам удобнее всего.
Используйте выбранный инструмент так, как будто вы продолжаете работать с обыкновенным слоем. Хотите добавить на изображение необычный эффект — используйте градиент, кисть или другие инструменты для рисования.
К сожалению, маска-слой не допускает применения ярких, сочных цветов, так что вам придется ограничиться лишь черно-белой гаммой оттенков.
На примере это выглядит так. Допустим, вам нужно сменить скучный серый тон на фотографии на яркий и оригинальный. В этом вам поможет инструмент «Кисть» черного цвета.
Кликнув на нее, выделите фон, который хотите скрыть. Затем вместо него просто поставьте другой фон, и фотография заиграет новыми красками.
Какие фильтры и инструменты можно применять для слой-маски
В начале статьи уже была информация касаемо возможности применять любые фильтры и инструменты к слою-маске. Выбор фильтров и инструментов зависит от того, какой результат вы хотите получить. Ниже перечислены инструменты, которые пользователи программой Фотошоп выбирают чаще всего.
1. Градиент
Едва ли кто-то, кто пользуется программой Фотошоп, не слышал когда-либо про Градиент. Градиент делает за счет игры света и тени переход между двумя и более фотографиями малозаметным.
2. Формы и текст
Различные слова, фразы, напечатанные на маске слоя, также пользуются популярностью среди пользователей программой Фотошоп. Если вы хотите работать именно с инструментом «Текст», то кликните на его значок и в появившейся на экране строке напечатайте понравившуюся фразу или текст.
Затем выделите введенный текст, зажав на клавиатуре клавишу CTRL и нажав курсором мыши на инструмент «Text Tool» на панели инструментов.
После этого вновь проявите слой на первой фотографии и просто наложите на него дополнительно слой-маску. При этом слой, где располагается кот, должен находится ниже слоя с текстом. Ниже приводится изображение, на котором можно отследить результат всех этих действий.
3. Кисть
Кисть часто применяют, когда нужно заменить фон на фотографии или уменьшить размер изображения. Однако и слой-маска является не менее эффективным инструментом для замены фона.
4. Фильтры
Фильтры следует использовать, если ваша цель — украсить, разнообразить изображение. Существует огромное количество способов, как это сделать. Вот только большинство из них подходят только тем, кто с Фотошопом на «ты» и у кого богатое воображение.
Для облегчения понимания — небольшой пример. Вернемся к фотографии с котом. Почему бы не нарисовать по краям фото оригинальный узор? Для этого нужно сделать маску слоя, используя прямоугольное выделение. В итоге фотография станет меньше, при этом часть ее станет невидимой, а не обрежется.
Далее откройте курсором мыши окно со слоями-масками, нажмите на значок «Фильтр», затем на «Оформление» и после кликните на значок «Цветные полутона».
Вслед за этим вам понадобится в выпадающем меню ввести цифры, а какие именно, вы узнаете, взглянув на изображение после текста. Если вы все сделаете правильно, то в конце сможете полюбоваться на фотографию, края которой украшены рамкой с оригинальным узором.
5. Инструменты выделения
Любой слой можно выделить также легко, как и текстовый, и сделать из него слой-маску, о чем говорилось ранее. Для выделения можно использовать любой инструмент, к примеру, прямоугольное выделение. После этого на выделенный слой просто накладывается маска. Формы растрируемого слоя позволяют применить маску мгновенно.
Прочие инструменты
Слой, на который наложена маска, легко поддается редактированию. Для этого на него наносятся штрихи в черно-белой гамме цветов. В начале статьи была приведена подробная инструкция по редактированию слоя. Однако в программе Фотошоп существуют и другие инструменты, воздействующие на слой-маску. Они появляются на экране, если нажать на миниатюру маски правой кнопкой мыши. Если вы осваиваете Фотошоп, то вам будет полезно ознакомиться с ними.
1. Удалить маску слоя. После нажатия на эту команду маска слоя исчезает.
2. Применить маску слоя. После нажатия на эту команду происходит сочетание изображения на слое и маски. Таким образом слой растрируется.
3. Выключить маску слоя. Этот инструмент позволяет убрать слой-маску на время. Но и восстановить ее также просто, как и убрать: достаточно лишь нажать на значок маски, и маска снова становится активной.
В зависимости от версии программы Фотошоп могут также встречаться и другие команды: «Вычесть маску из выделенной области», «Пересечение маски с выделенной областью» и «Добавить маску к выделенной области».
На какие слои можно добавить маску слоя
Практически все виды слоев поддерживают наложение маски. К ним относятся слои с растрированным изображением, со смарт-объектом, слои с текстом, с разнообразными формами. Даже к сразу нескольким слоям можно добавить маску.
Как стили слоя влияют на маску
Маску можно применять далеко не во всех случаях. Если вы использовали для редактирования изображения такие стили, как «Тень» или «Внешнее свечение», маска слоя действовать не будет. Но преобразование такого «проблемного» слоя в смарт-объект, его растрирование либо объединение слоя со стилем, использующемся на нем, нейтрализует проблему.
Выше была приведена вся информация, которая может пригодится при работе в Фотошопе со слоями-масками. Скорее всего, после ознакомления с нею и применения советов, содержащихся в ней, на практике начинающие пользователи в значительной мере усовершенствуют свои навыки.
Как сделать маску в Фотошопе
Многие проекты связаны с необходимостью что-то нарисовать или отредактировать в программе Photoshop. Объективно это лучший и самый многофункциональный фоторедактор, обладающий практически безграничными возможностями.
Одной из возможных задач, которая встанет перед пользователем, является умение работать со слой-маской.
У этого инструмента есть россыпь преимуществ. Прежде всего, по своей эффективности маска-слой ничем не уступает стандартному ластику. Также этот инструмент даёт отличную возможность буквально за несколько секунд превратить ту или иную область изображения в полностью невидимую. Ну и самое главное — разобраться с работой маски может даже новичок, маленький ребёнок и пожилой человек, только начинающий постигать азы Photoshop.
Что это такое
Слой-маска — это один из самых важных и необходимых приёмов в Photoshop. Научившись правильно его применять, вы сможете значительно лучше работать с изображениями. Поэтому освоить принципы использования слой-маски необходимо каждому пользователю. Разобраться с этим вопросом будет полезно не только тем, кто планирует регулярно работать с Adobe Photoshop, но и тем, кто только иногда применяет его для редактирования своих фотографий. Так или иначе, работать в программе будет сложнее, если вы не владеете этим приёмом. Разберёмся, как сделать маску в Photoshop.
Главные задачи слой-маски — маскировка участка картинки и создание ограничений для какого-нибудь инструмента, также она может использоваться вместо ластика. Вы можете работать с любыми фильтрами и эффектами. Единственное условие — разрешается пользоваться только чёрным и белым цветами, хотя допускается использование серого.
Маска используется для маскировки части картинки, а также для полного или частичного прекращения текущей активности процессов в программе-фоторедакторе Photoshop.
При этом не всем известно, что маска является трёхцветным инструментом. Он сочетает в себе белый, чёрный и серый. Причём каждый цвет обладает определённым функционалом.
Маскирует часть изображения именно тёмный цвет, то есть чёрный. Серый непосредственно влияет на прозрачность. Белый нужен, чтобы сделать видимым ту или иную картинку.
Цвета можно настраивать с учётом того, какая выполняется задача. Это даёт возможность сделать слой почти незаметным, либо же детально замаскировать определённую область.
Фактически здесь такие же свойства, как и у стандартного ластика. Изображения на слое остаются целыми, даже если убрать маску или настроить её иначе. Более того, в отношении векторной графики ластик применять нельзя, а маску можно.
Как добавлять маску к слою
Специально для работы с этим инструментом в Photoshop предусмотрели отдельную команду, которая называется «Добавить к слою маску».
Начнём с того, как создать маску в Photoshop. Стоит отметить, что её можно применить к любому имеющемуся слою или их группе. Перейдите к Layers Panel. Она, как правило, расположена в правой части окна. Затем выберите в списке нужный вам слой и нажмите на иконку Add Layer Mask. На самой картинке никаких изменений вы не увидите. Также существует другой способ. Откройте меню Layer и перейдите к разделу Layer Mask. Там можно выбрать один из двух типов масок: белую (Reveal All), проявляющую изображение, и чёрную (Hide All), маскирующую изображение. В разных случаях применяется один или другой тип.
Чтобы залить маску чёрным цветом, щёлкните по Add Layer Mask, а затем воспользуйтесь комбинацией клавиш Ctrl+Backspace. В соответствующей иконке вы увидите, как белый цвет сменился чёрным.
Маски делятся на 2 категории, в зависимости от своего назначения. Как уже говорилось, это белая и чёрная.
- Чёрная маска способна сделать невидимой необходимую часть редактируемого изображения. Для этого нужно кликнуть на чёрную кисть и с её помощью выделить ту зону картинки, которую необходимо скрыть. И тогда она исчезнет.
- Белая маска обладает обратным, то есть противоположным эффектом. Её рекомендуется использовать в тех случаях, когда нужно, чтобы картинка оставалась видимой.
Если вы новичок, тогда проще всего выполнить поставленную задачу, нажав на меню «Слои», а затем из представленного списка выбрать необходимую слой-маску. Потом вы выбираете чёрную или белую маску.
Особенности работы с маской
Разобравшись с особенностями накладывания слой-маски на редактируемое изображение, стоит приступать к работе с ней.
В последующем пользователю нужно решить, какой эффект требуется получить на редактируемом фото или изображении. От этого и зависит используемый инструмент.
К примеру, нужно выделить маску. В этом случае поможет кисть, палец или инструмент выделения. Используйте любой, который кажется вам более удобным.
Применяйте инструменты так, словно вы работаете с обычным слоем. Если нужно добавить эффект, воспользуйтесь градиентом, кистью или иными инструментами рисования.
Увы, но слой-маска не даёт возможности использовать яркие и насыщенные цвета. Функционал ограничен применением чёрно-белой гаммы. Допустим, вам нужно заменить серый скучный тон фотографии на более яркий. Для этого воспользуйтесь инструментом «Кисть», причём именно чёрного цвета. Кликните на неё, выделите фото, который нужно скрыть. Теперь подставьте туда яркий фон, и фотография полностью изменится.
Используемые фильтры и инструменты
К слою-маске можно применять большое количество фильтров и инструментов. Выбор зависит только от требуемого результата редактирования.
При этом выделяют несколько инструментов, которые используются в Photoshop чаще остальных.
- Градиент. Про него слышали практически все. С помощью градиента можно поиграть тенью и светом, сделав переход между 2 и более фото практически незаметным. Можно применить градиент, чтобы получить аккуратный переход между парой изображений. Делается это очень просто. Расположите одну фотографию над второй и создайте маску для первого слоя. Затем воспользуйтесь градиентом (Gradient Tool). Выберите чёрно-белый цвет градиента. Теперь нажмите на миниатюру слой-маски в Layers Panel. Нарисуйте линию градиента таким образом, чтобы закрасить картинку справа чёрным. Всё это можно сделать и в другую сторону. В итоге получится аккуратный переход между одной и другой фотографиями. Такой приём может не раз вам пригодиться.
- Формы и текст. На слое-маске также актуально печатать разные фразы и слова. Достаточно кликнуть на инструмент «Текст» и ввести нужные символы. Затем написанный текст следует выделить, зажав кнопку Ctrl, и кликнуть по инструменту «Text Tool» на панели. Затем снова нужно проявить слой первого фото и наложить на него дополнительно маску.
- Кисть. Её используют для того, чтобы сменить фон на изображении, либо поменять его размер. Хотя слой-маска тоже довольно эффективный инструмент для выполнения аналогичных задач. Разобравшись с добавлением слой-маски, перейдём к тому, как и в каких случаях её использовать. Если вы хотите поменять фон объекта на фотографии, создайте новый слой с нужным фоном, а затем щёлкните по иконке Add Layer Mask. Кликните по миниатюрной иконке маски, чтобы начать работать с ней. Выберите кисть (Brush Tool) чёрного и начните аккуратно закрашивать фон вокруг объекта, пока не получите желаемый результат. Чёрная кисть позволяет легко справиться с заменой фона фотографии.
- Фильтры. Применяются с целью украшать и делать изображения более разнообразными.
- Инструменты выделения. Любые слои можно выделять так же просто, как и текстовые, делать из них слои. Чтобы выделить, воспользуйтесь любым удобным инструментом. И уже на выделенный слой затем накладывается маска.
Есть ещё масса других инструментов. Чем больше опыта у пользователя, тем больше новых функций и возможностей он сможет применять.
На какие слои допускается добавлять маску
Тут важно подчеркнуть, что практически все разновидности слоёв позволяют накладывать на них маски.
Среди них стоит выделить такие:
- слой с растрированным изображением;
- со смарт-объектами;
- с текстом;
- с формами.
Более того, даже сразу к нескольким слоям всё равно можно добавлять маску.
Влияние стилей слоя на маску
Пользователю следует учитывать, что маска применяется далеко не всегда.
К примеру, если при редактировании изображений применяются стили вроде «Внешнее свечение» или «Тень», тогда здесь слой-маска работать не будет. При этом есть возможность преобразовать этот слой в смарт-объект, выполнить растрирование, либо объединить слой со стилем, который на нём используется. За счёт этого проблема уходит.
Таким вот образом применяется слой-маска в Photoshop. Теперь вы будете знать, как использовать этот приём при работе с изображениями. Пишите в комментариях, была ли полезной для вас эта статья и задавайте любые интересующие вопросы по рассмотренной теме.
Маски для Фотошопа, применение маски как рамки для фото
Приступим. Открываем фотографию, с которой будем работать, переносим на неё документ с маской, подгоняем размер маски под фото с помощью «Свободной трансформации» (нажимаем сочетание клавиш Ctrl+T). У меня маска получилась по размером значительно больше фотографии, после нажатия Ctrl+T рамка масштабирования вылезла за границы документа , поэтому я кликнул по кнопке «Сохраняет пропорции» вверху рабочего окна Фотошопа, затем ввёл значение ширины 30%, маска уменьшилась и появилась полностью в поле документа, затем я вновь кликнул по кнопке «Сохраняет пропорции» для отключения этой опции и после этого подогнал размер маски к размеру документа перетаскиванием габаритных квадратиков на рамке масштабирования.
Переходим на слой с маской (хотя мы и так должны быть на нём), открываем палитру каналов (Вкладка Окно—>Каналы, или в англ. Window—>Channels), зажимаем клавишу Ctrl, наводим мышку на иконку канала RGB (при этом вид курсора изменится, на нём появится пунктирная рамочка) и кликаем по иконке канала RGB. В результате появится выделение.
Переходим на слой с фото, а слой с маской больше не нужен, можно его удалить или отключить у него видимость.
Теперь нам осталось только залить выделение.
Внимание! Перед этим необходимо инвертировать выделенную область нажатием комбинации клавиш Ctrl+Shift+I, иначе зальётся не рамка, а само изображение.
Для заливки основным цветом с палитры цветов можно нажать сочетание клавиш Alt+Delete или воспользоваться инструментом «Заливка», также для неоднотонной заливки можно применить инструмент «Градиент».
Смотрите видеоприложение, в котором повторяются действия, описанные в этой статье.
Как наложить в фотошопе на фото маску
Использование масок-вырезов в Photoshop.
prisskazkaНаверняка в сети Вам попадались такие штучки: (маски на превью не мои, взяты из сети для примера) Такие заготовки используются для создания фигурных вырезов под фото в дизайне цифровых рамочек для фото, различных виньеток, а также скраповых страничек. В этом уроке я опишу три простых способа работы с масками-вырезами в Photoshop.Способ 1 – сохраняем «как кисть».Открываем маску в фотошопе. Они бывают в PNG или JPG формате, для сохранения в виде кисти это не имеет значения. Зато нужно, что бы наша маска была чёрного цвета (в противном случае она может сохраниться полупрозрачной, что не есть правильно), фон же, если он есть, обязательно белый.Идём в «изображение-размер изображения» (максимальный размер кисти в программе – 2500px), при необходимости уменьшаем размер. Жмём «редактировать-определить кисть». Наша новая кисть сохранится в палитре кистей (в самом низу).Теперь, чтобы сделать вырез, Вам нужно выбрать инструмент «ластик» со 100-процентной непрозрачностью, затем подцепить эту кисть, отрегулировать размер и кликнуть на фоновом слое. Вырез готов.Также кисть маску можно использовать при работе инструментом «штамп», (используя кисть, взять образец со слоя с фото и создать отпечаток на новом прозрачном слое, а исходной картинке отключить видимость) – в этом случае Вы получите уже вырезанный фрагмент фотографии.Способ 2 – «обтравочная маска».
Для этого способа маска обязательно должна быть в формате PNG, а вот её цвет не имеет никакого значения. Открываем фон и маску в Photoshop. Перетаскиваем маску, как слой, помещаем над фоном и располагаем так, как нравится. Открываем фотографию, которую хотим наложить с фигурной обрезкой и перетаскиваем в документ с фоном и маской (над слоем с маской). Идем в палитру слоёв, выделяем слой с фото, жмём правую кнопку мыши и выбираем из выпадающего списка «создать обтравочную маску». Фотография обрежется и будет видна только внутри контуров маски.Бывает так, что какой-то край заготовки оказался не заполнен фотографией или же наоборот – обрезалась важная часть снимка. Что бы всё поправить, нужно воспользоваться инструментами трансформации («редактирование-трансформация-свободная трансформация»), применить который можно как к фотографии, так и к маске. При использовании этого инструмента не забывайте держать нажатой клавишу «Shift», что бы случайно не исказить пропорции. Также, Вы можете передвигать и трансформировать маску вместе с фото, предварительно связав их.
Способ 3 – выделение через каналы.
Здесь тоже не важно, какой формат маски Вы используете (подходит и PNG, и JPG).Именно этот способ я применяю чаще всего для изготовления виньеток и рамок.Как и во втором случае, открываем фон в Photoshop, кадрируем (если нужно) и перетаскиваем туда же нашу маску. Подгоняем её по размеру. Разблокируем фоновый слой двойным кликом (в открывшемся окне нужно подтвердить это желание – жмём «ОК»), затем отключаем этому слою видимость.Переходим на вкладку «каналы», жмём (значок этого действия выглядит как кружок из точек) и получаем выделение. Удаляем или отключаем слой с маской. Возвращаемся в панель слоёв, перемещаемся на слой с фоном и жмём «Delete». Вырез готов.Вот и всё. Удачи!
Page 2
prisskazkaОтличная программка, кстати, абсолютно бесплатная, позволяющая легко и быстро извлечь встроенный JPEG-файл из RAW-исходника. То есть, установив эту приятную мелочь на компьютер, можно забыть про ресурсоёмкий режим «RAW+JPEG» и снимать только в RAW.
Здесь можно посмотреть, как пользоваться.. Я ничего толком не поняла))..
Чтобы скачать программку нужно пройти на этот сайт. Нам предлагают зарегистрироваться.
Что писать – решайте сами, но адрес электронной почты должен быть реальным – на него пришлют ссылку на программу.
Также нужно указать тип своей операционной системы (Windows или MAC) и согласиться с условиями использования.
Если всё ОК, Вас поблагодарят за регистрацию:
Идем в указанный при регистрации почтовый ящик, там уже должно лежать письмо со ссылками. (Кстати, несмотря на то, что я указала свою систему, прислали версии для всех ОС)).
Выбираем, скачиваем и устанавливаем программку.
Кнопка Instant JPEG from RAW появится в выпадающем меню правой кнопки мыши.
Открываем папку с RAW-ами и выбираем, например, три штучки:
Программа выставит окошко, в котором можно указать желаемые настройки:
Указав нужное, жмём «Extract» и получаем искомые JPEG, причём даже – в отдельной папочке)).
Вот и всё! На мой взгляд, программка очень удобная и должна быть всегда под рукой.
Page 3
Как наложить «маску красоты» на свое лицо в Photoshop
Насколько ваше лицо соответствует идеальным пропорциям?
Детально о «маске красоты» я рассказала статье http://multiurok.ru/sunbae/blog/idieal-nyie-proportsii-litsa-i-zolotoie-siechieniie.html.
Итак, давайте проверим насколько ваше лицо идеально! «Маска красоты» может помочь правильно наносить макияж.
Сначала наложим маску в фас, так как фронтальный вид — самый важный для человека, ведь мы общаемся только лицом к лицу. И оцениваем в первую очередь лицо человека, а не его профиль.
Итак, в сначала надо сделать правильную фотографию. Это не сложно, главное, что бы Вы смотрели в камеру, т.е. даже легкий поворот головы неприемлем. Затем поставьте указательные пальцы так, что бы они были направлены в ушные отверстия. При этом пальцы должны быть выпрямлены горизонтально. Самих ушей касаться не нужно. Теперь поверните голову вверх или вниз, что бы ваши зрачки, как бы лежали на воображаемой линии из пальцев. Пусть фотограф вам подскажет, когда вы будете в правильной позиции. Теперь с расслабленным лицом, без улыбки, слегка соедините боковые зубы, губы при этом должны нежно смыкаться, не сжимаясь. Будет казаться, что ваша голова слегка опущена вниз. Теперь аккуратно опустите руки и сделайте снимок.
Откройте фронтальное изображение маски (http://masfem.ru/images/stories/RFMask_printable.jpg) и нажмите правой кнопкой мыши на картинке, выберите «Копировать изображение».
Теперь запрускаем Photoshop:
- Открываем наше фото. Нажимаем Ctrl + O
- Вставляем нашу маску. Нажимаем Ctrl + V
3. Теперь меняем режим наложения на Multiply на панели (если она у вас не открыта нажмите F7)
4. Теперь нужно, что бы маска и фото были одного размера. В зависимости от размера вашего фото, мы уменьшаем или фото или маску. Для этого выбираем, то, что у нас больше и нажимаем Ctrl +T.
5. Нажимаем вот эту кнопку на верхней панели, что бы наше изображение уменьшалось пропорционально и не искажалось.
6. Тянем за край рамки.
В итоге мы должны добиться, что бы горизонтальные линии зрачков и губ, а также вертикальная линия носа совпали с маской.
Вот и все, теперь можно сравнить насколько ваше лицо подходит этой маске.
Теперь наложим маску в профиль. Конечно же, профиль менее критичен по сравнению с видом фас, но он, в свою очередь, придает лицу глубину и свою особую индивидуальность.
Для нее тоже нужно сделать правильное фото, это не сложно, главное, что бы наклон головы соответствовал направляющим маски. Для этого поверните голову на 90 градусов от камеры, важно, что бы она не была даже слегка повернута вперед или назад. Пусть фотограф вам подскажет, когда вы будете в правильной позиции.
Затем посмотрите четко вперед (для удобства можно поставить перед собой зеркало). Не двигая головой, посмотрите на 10 градусов выше от горизонтальной оси.Для этого выпрямите правую руку перед собой, и поднимите пальцы вверх, так что бы ноготь большого пальца прикрыл ваш правый газ в зеркале, теперь переведите взгляд на кончик вашего среднего пальца.
Теперь с расслабленным лицом, без улыбки, слегка соединив боковые зубы, губы при этом должны нежно смыкаться, не сжимаясь, сделайте снимок.
Откройте изображение маски в профиль (http://masfem.ru/images/stories/RLMask_printable2.jpg) и нажмите правой кнопкой мыши на картинке, выберите «Копировать изображение». Сделайте точно такие же действия в фотошопе, как и для фронтальной маски. При наложении маски должны совпасть 2 линии: линия между ушным отверстием и нижним веком, и линия уголков губ.
Примеры:
Использование слоев-масок в Photoshop. Урок для самых маленьких.
Обработка фотографий, даже простая, не требующая много времени, так или иначе требует использование масок. Этот урок использования масок в фотошопе доступно покажет вам, что же такое МАСКА в фотошопе, как ее создать и изменить.
В моих предыдущих уроках по наложению света, увеличению резкости снимков и т.д. везде активно использовались маски, поэтому, если вы не знаете, что это такое, то прочтите этот урок. Я постараюсь объяснить все «на пальцах». 🙂
Вы наверняка знаете, что слои в фотошопе могут быть прозрачными, или частично прозрачными. За это отвечает параметр Optacy (непрозрачность):
Но как же было бы классно, если бы мы могли менять прозрачность слоя точечно, только в нужных нам местах…
Вот для этого нам и понадобиться маска. Рисуя на слое-маске белой и черной кистью, мы делаем видимым и невидимым участок слоя, находящийся возле маски. Если слой-маска весь белый, значит слой, под слоем-маской — полностью виден. Если слой-маска весь черный — значит, слой под маской весь невидим.
Когда говорится, что «слой под слоем-маской», это означает, что к верхнему слою, к примеру фотографии, справа как бы прицеплен слой-маска (на картинке ниже обведен синим). Еще для большей ясности скажу, что слой — это каждый квадратик в панели слоев фотошопа.
А щелкнув на кнопочку с кружочком (обозначено желтым), можно создать этот самый слой-маску, но перед добавлением слоя-маски, необходимо выделить нужный слой с изображением.
Итак, мы имеем один белый слой, и выше один черный слой со слоем маской. Такая конструкция дает нам просто черный квадрат, потому что слой-маска белый (пустой).
А теперь возьмем кисточку черного цвета и поставим пару пятен на слое-маске (заметьте, что бы рисовать на слое-маске, а не на слое с изображением, нужно кликнуть на слое-маске и он выделится прямоугольником, после этого рисовать кисточкой на холсте).
Я взял кисточку и меняя параметры нажима и непрозрачности кисточки, поставил пару пятен. Вот во что превратился слой-маска:
а вот, что вышло на холсте:
Чем темнее пятна на слое-маске, тем сильнее на холсте виден нижний слой из-под верхнего. Полностью черная кисточка полностью «удалила» верхний черный слой, а нижний — белый стал просматриваться на все 100%.
Причем мягкой кисточкой можно добиться плавного перетекания прозрачности от верхнего слоя к нижнему.
Я надеюсь, теперь принцип маски вам ясен, и вы будете повсеместно использовать его в ретуши фотографий для реалистичной коррекции. Просмотрев раздел уроки на этом сайте, вы научитесь применять маски в самых разных случаях. Желаю успехов.
Создание маски слоя (Layer Mask) в Photoshop
Маска слоя позволяет быстро изменять части изображения, локально накладывать эффекты и фильтры для ретуши портретов, увеличивать резкость или наоборот размывать фон, расширять динамический диапазон снимка (один из видов HDR фотографии), объединять несколько разных фотографий в коллаж и т.д. Владение навыками работы с масками не менее важно умения работать со слоями, поскольку практически в любой серьезной обработке фотографии в Photoshop используются обе эти техники. Удобство работы с масками заключается в возможности — быстро исправить ошибки, возникшие при длительной обработке фотографии.В Photoshop маска слоя скрывает под собой слои лежащие ниже. Белый цвет маски обозначает 100% непрозрачные пиксели слоя, к которому применили маску, черный цвет — полностью прозрачные, а различные уровни серого создают соответствующую степень прозрачности. При этом в палитре Layers («Слои») к прямоугольнику, обозначающему слой, рядом добавиться второй прямоугольник. Это и будет маска слоя. Белая маска делает слой полностью непрозрачным.Чёрная маска делает слой полностью прозрачным.
Создание маски слоя
Для наглядности создадим файл с двумя слоями: нижний зальем синим цветом, а верхний красным. Затем применим к верхнему слою маску. Для этого заходим в меню «Layer» («Слой»), выбираем «Layer Mask» («Маска слоя») и «Reveal All» («Показать все»). К выбранному слою будет добавлена белая маска. Соответственно при выборе «Hide All» («Скрыть все») — чёрная маска. Второй способ применить маску слоя следующий. Находясь на выбранном слое, нажимаем кнопку «Add Laer Mask» («Добавить маску слоя»). К выбранному слою будет добавлена белая маска. Для добавления чёрной маски нужно нажать на кнопку «Add Laer Mask» («Добавить маску слоя»), удерживая клавишу alt.Надо сказать, что эффект не сильно впечатляет. Зачем добавлять лишний слой, что бы его полностью скрыть? И какая польза в белой маске? В ответе на эти вопросы скрываются поистине грандиозные возможности в использовании слоев!
Окончательное создание маски слоя происходит после рисования на нём. Возьмем кисточку, на палитре инструментов слева выберем черный цвет, выберем маску слоя и нарисуем пятно на нашем рисунке. Будет видно, что в процессе рисования открывается нижний слой, мы как бы делаем «дырку» в маске. Под черным цветом на маске, на изображении будет виден предыдущий слой. Обратите внимание, что верхний красный слой при этом не повреждён — маска «решает» какие пиксели показывать, а какие скрыть. Если возникнет необходимость в уменьшении «дырки», то достаточно переключить цвет на противоположный и исправить ошибку. Действие чёрной кисти по белой маске слоя.Действие белой кисти по белой маске слоя.Важно помнить, что в палитре слоев может быть выбран как сам слой, так и его маска. Для выбора слоя или маски достаточно щелкнуть по их прямоугольникам. При этом выбранный объект будет обводиться тонкой угловой рамкой. В процессе работы маску слоя можно инвертировать, нажав клавиши (Ctrl+I). Заливать Основным (Alt + Backspace) и Фоновым (Ctrl + Backspace) цветами.
Если говорить о конкретных примерах практического применения техники создания маски слоя, то именно она делает возможным обработку фотографий при помощи многочисленных корректирующих слоёв.
Основы работы со слоями и масками в Adobe Photoshop
Adobe Photoshop предоставляет очень широкие возможности обработки фотографий. С их помощью можно изменять снимки до неузнаваемости, создавать коллажи, что-то дорисовывать. И одной из самых мощных возможностей программы является использование слоев. Тема слоев, их свойств, применения различных фильтров и эффектов, а также опций смешивания слоев очень обширная, а мы начнем с самых основ и постараемся объяснить все простым языком.
Слои
Слои в Adobe Photoshop предоставляют возможность накладывать на одно изображение другое или производить какие-то коррекции не затрагивая исходный снимок.
Принцип работы со слоями легко понять если представить их в виде двух отпечатанных снимков, наложенных стопочкой друг на друга. Тот который находится внизу стопки будет самым первым слоем, на панели слоев он отображаеться внизу, каждый последующий “отпечаток” будет в Adobe Photoshop отображаться в виде слоя выше. Отпечатки можно сделать на полупрозрачной бумаге и это будет прозрачность слоя.
Для того чтобы открыть панель слоев надо воспользоваться командой меню Window->Layers.
В интерфейсе панель слоев выглядит вот так:
Слои представлены в виде списка с пиктограммой содержимого слоя, любой слой можно сделать полностью невидимым с помощью пиктограммы с изображением глаза. Если продолжать нашу аналогию с двумя отпечатками наложенными друг на друга, то отключение видимости означает, что мы просто убираем один из отпечатков из стопки.
Также можно управлять степенью прозрачности слоя. Этот параметр изменяется в диапазоне от 0 до 100 процентов. Непрозрачность в 0% означает что слой полностью не видим, непрозрачность 100% – что полностью видим. Представить себе слой с непрозрачностью можно в виде изображение нанесенного на полупрозрачную пленку. Если такую “картинку” наложить на какую-то другую, то мы увидим части с обоих снимков.
При этом, все операции коррекции или рисования применяются к активному в данный момент слою, на панели слоев такой слой выделен белой рамкой вокруг пиктограммы. Для того чтобы сделать тот или иной слой активным надо кликнуть по пиктограмме мышкой.
Для любого слоя вы можете задать свое название – для этого нужно дважды кликнуть по текущему названию и ввести новое значение.
Отдельный снимок (если это не предварительно сохраненный с множеством слоев документ), при открытии в Adobe Photoshop, имеет единственный слой — Background. К этому слою нельзя применять различные функции и атрибуты слоёв – он заблокирован (рядом с названием слоя отображается значок в виде замка). Для того чтобы этот слой можно было изменять по нему нужно дважды кликнуть чтобы разблокировать.
Слоев в одном документе может быть очень много, это могут быть растровые слои с изображениями, слои с текстом, корректирующие слои, векторные слои, слои заливки и смарт-объекты.
Для более наглядной и удобной работы со слоями их можно объединять в группы и использовать фильтры.
Фильтры находятся вверху панели слоев и с их помощью можно удобно и быстро выбирать слои по тем или иным признакам.
Внизу панели слоев находятся управляющие кнопки:
- Добавить фильтры к слоям. Фильтры позволяют добавить к слою различные эффекты, например рамку или тень.
- Добавить маску к слою.
- Добавить корректирующий слой или слой заливку
- Создать группу. Для удобство работы, слои можно объединять в группы чтоб, например “свернуть” их или наложить к множеству слоев одну маску
- Создать новый слой. Чтобы скопировать какой-то из существующих слоев просто перетащите его мышкой на пиктограмму создания нового слоя
- Удалить слой. Удаляет либо выбранные слои (для того чтобы выбрать несколько слоев, кликните по ним с нажатой клавишей Ctrl) либо те слои которые вы перетащите мышкой на пиктограмму.
Маски
Использование масок позволяет ограничивать область видимости слоя. Если продолжать нашу аналогию с несколькими отпечатками фотографий, наложенными стопочкой друг на друга, то маска равносильна вырезанию части одного снимка, как по трафарету. Через вырезанную область мы будем видеть то что находится внизу.
Так и с масками в Adobe Photoshop – если к слою наложить маску, то через нее мы увидим содержимое нижележащего слоя.
Маска – это своего рода черно-белое изображение, содержащее черный цвет, белый цвет и все оттенки серого. Белый цвет проявляет (100% непрозрачности), черный цвет – маскирует (100% прозрачности), а серый цвет – предназначен для создания разной степени прозрачности. Таким образом, вы можете поиграть с этими цветами, чтобы получить эффект с резким или плавным переходом.
Маску можно добавить на любой тип слоя: текстовый слой, слой с формой, смарт-объект и так далее. Также можно добавить маску сразу для нескольких слоев, но прежде их нужно сгруппировать, то есть вы можете добавить маску слоя и к группе слоев.
Давайте посмотрим как это выглядит на примере.
Мы добавили к верхнему слою и изображением тропического пейзажа маску. Пока она белая, а значит полностью прозрачная и мы видим весь слой к которому она приложена целиком. По умолчанию маска создается связанной со слоем, об этом говорит значок в виде цепочки между слоем и маской. Это значит что при перемещении будут перемещаться маска и слой вместе. Для того чтобы “отвязать” маску от слоя надо кликнуть по изображению цепочки.
Для того чтобы маска стала именно маской по ней можно рисовать кисточкой, использовать фигуры, а также применять к ней фильтры и коррекции в виде кривых и уровней.
В данном случае, мы добавили к маске форму в виде сердечка. Наглядно видно, что там где маска черная наш слой стал выглядеть така, как буд-то его часть стерли ластиком – он стал полностью прозрачным. Но в отличие от ластика с маской намного удобнее работать и использование масок делает работу со снимками намного более гибкой. После добавления формы, маску можно доработать кисточкой и скрыть или открыть еще какие-то детали. Можно применить фильтр размытия по гауссу чтобы сделать ее более плавной или применять любые другие эффекты.
С помощью команды Ctrl + I можно инвертировать маску и сделать так чтобы видимым осталось только часть изображения в форме сердечка. Видно, что на маске белый и черный цвета поменялись местами благодаря чему маска стала полностью прозрачной в центре, в то время как все остальное перестало быть видимым.
Давайте теперь изменим положение маски и сделаем так чтобы “сердечко” вырезало часть кадра по центру. Для этого кликнем по пиктограмме цепочки между изображением слоя и маски мышкой перетащим маску на новое место.
Кроме изменения положения маски мы залили нижний слой белым цветом. И добавили тень и объем с помощью фильтров к слою с маской.
На любом этапе, можно изменять маску, например, добавить к ней текст.
Для добавления текста к маске воспользуемся инструментом Type Mask Tool.
При добавлении текста к маске убедитесь что маска активна в данный момент (она будет обведена белой рамкой на панели слоев). При добавлении текста к маске можно использовать все те же самые опции, что при добавлении обычного текста – изменять размер, шрифт, делать текст жирным или курсивным. Добавление текста к маске происходить на ровном фоне – так программа дает вам знать, что вы работаете с маской. Местоположение текста можно менять перетаскивая его по изображению мышкой. Когда вы набрали нужный тест и подобрали для него правильное положение, можно кликнуть на галочку в верхней панели параметров текста или выбрать любой другой инструмент – текст превратится в выделение. Чтобы добавить это выделение к маске нажмите на клавишу Delete – это позволит “вычесть” выделение из маски, а значит та область на маске которая была под выделением станет белым. А значит наша маска в этой области станет прозрачной и будет виден слой к которому она применена.
В результате получится вот такая картинка
Больше статей и мастер-классов по фотографии от ведущих мировых фотографов вы можете найти на Photodemy.com.
Уникальное предложение для читателей Photar.ru!
При регистрации на сайте вы получите в подарок 2 месяца бесплатного доступа к курсам и мастер-классам, которых на сайте уже более 1000. Чтобы получить доступ к промо-коду поделитесь этой статьей в любой из социальных сетей.
[sociallocker id=”62843″]
регистрация на photodemy.com
[/sociallocker]
comments powered by HyperCommentsКак создается обтравочная маска в фотошопе?
В этой статье по обтравочным маскам я расскажу, как создавать пользовательские макеты фото и шрифты. Это может оказаться полезным при создании блога и дизайна, которые выглядят профессионально. Если у вас нет Photoshop, вы можете скачать бесплатную 30-дневную ознакомительную версию:
Так как я буду рассказывать о двух способах использования обтравочной маски (макеты фото и шрифты), то это руководство будет разделено на две части.
Как создать обтравочную маску в фотошопе для шрифтов
Шаг 1: Создайте в Photoshop новый документ. Если документ будет использоваться в интернете, я рекомендую установить разрешение 72. Далее введите слова:
Шаг 2: Создайте поверх текстового слоя новый слой. Это можно сделать либо перейдя в Слои> Новый> Слой (в верхнем меню), либо нажав на иконку в правой нижней части палитры слоев. Ваш новый слой будет пустым (белым). Я решила создать несколько красочных набросков с помощью инструмента «Кисть»:
Шаг 3: Убедитесь, что в палитре выбран новый слой (как у меня, например). Затем перейдите в Слои> Создать обтравочную маску в Фотошопе. Или наведите курсор мыши между вашими двумя слоями (в палитре), удерживая при этом клавишу Alt. Вы увидите, что в этом месте появилась небольшая стрелка, и при нажатии левой кнопки мыши будет создана обтравочная маска:
Шаг 4: Полюбуйтесь, какая крутая вещь у нас получилась:
Вместо того чтобы создавать новый слой в два шага, можно перетащить фотографию или другую графику поверх текста. В приведенном ниже примере я перетащила в документ блестящее золотое изображение. Затем, когда вы создадите обтравочную маску в Фотошопе, надпись приобретет эффект изображения, которое вы используете, чтобы сделать надпись выглядящей золотой!
Как создать обтравочную маску в фотошопе для пользовательских макетов фото
Я покажу вам, как создать макет с четырьмя квадратными изображениями, но вы можете легко использовать это руководство, чтобы создавать круглые изображения, сетки с большим количеством изображений и т.д.
Шаг 1: Перед тем, как создать обтравочную маску, помощью инструмента «Прямоугольник» (слева в палитре инструментов) создайте квадрат. Не имеет значения, какого цвета он будет:
Шаг 2: Создайте еще три квадрата. Для этого кликните правой кнопкой мыши по слою первого квадрата, а затем нажмите кнопку «Создать дубликат слоя». Таким образом, вы создадите точную копию квадрата, которую можно поместить рядом с первым. После этого можно выделить первые два квадрата (справа в палитре слоев), снова нажать кнопку «Создать дубликат слоя» и перетащить эти две новые копии вниз. Теперь у нас есть четыре квадрата одинаковых размеров, выровненные по горизонтали и вертикали:
Шаг 3: Перетащите в документ фотографию или изображение. Эта фотография примет форму квадрата, так как она находится в палитре слоев ВЫШЕ квадрата. Приведенный ниже рисунок показывает, что в палитре слоев мое изображение находится выше верхнего левого квадрата, а он находится выше фонового слоя документа.
Снова перейдите в Слои> Создать обтравочную маску. При создании обтравочной маски вам нужно выбрать верхний слой (то есть фотографию, которую вы хотите обрезать). Как упоминалось выше, ускоренно это делается с помощью наведения курсора мыши между двумя слоями (в палитре слоев) при нажатой клавише Alt. Изображение будет подрезано под размеры квадрата. Хотите переместить изображение? Просто перетащите слой фото в нужную позицию:
Шаг 4: Сделайте то же самое для всех оставшихся квадратов, пока не получите макет. Я часто создаю макеты наподобие этого, а затем сохраняю их в качестве шаблонов на компьютере, чтобы их можно было использовать для будущих записей в блоге:
Данная публикация является переводом статьи «How to Create a Clipping Mask in Photoshop (And Why It’s Great For Bloggers!)» , подготовленная редакцией проекта.
Создайте маску первого слоя
Что такое маска слоя?
Маскирование слоя — это обратимый способ скрыть часть слоя. Это дает вам больше гибкости при редактировании, чем постоянное стирание или удаление части слоя. Маскирование слоя полезно для создания составных изображений, вырезания объектов для использования в других документах и ограничения редактирования частью слоя.
К маске слоя можно добавить черный, белый или серый цвет. Один из способов сделать это — нарисовать слой-маску.Черный цвет на маске слоя скрывает слой, содержащий маску, поэтому вы можете видеть, что находится под этим слоем. Серый цвет на маске слоя частично скрывает слой, содержащий маску. Белый цвет на маске слоя показывает слой, содержащий маску.
Создать маску слоя
- Выберите слой на панели «Слои».
- Нажмите кнопку «Добавить маску слоя» в нижней части панели «Слои». На выбранном слое появится белая миниатюра маски слоя, открывающая все на выбранном слое.
Добавить черный к маске слоя, чтобы скрыть
Добавление черного к маске слоя скрывает слой, содержащий маску.
- На панели «Слои» убедитесь, что вокруг миниатюры маски слоя есть белая рамка. Если белая граница отсутствует, щелкните миниатюру маски слоя.
- Выберите инструмент «Кисть» на панели инструментов. На панели параметров откройте палитру кистей и выберите размер и жесткость кисти.
- Нажмите D, чтобы установить белый и черный цвета по умолчанию на панели инструментов.Затем нажмите X, чтобы переключить цвета, чтобы черный стал цветом переднего плана.
- Закрасьте изображение, добавив черный цвет к маске слоя. Черный цвет на маске слоя скрывает слой с маской, поэтому вы можете видеть слой ниже или узор шахматной доски, который представляет прозрачность.
Добавьте белый цвет к маске слоя, чтобы открыть
Добавление белого цвета к маске слоя показывает слой, содержащий маску. Вы можете рисовать белым цветом на маске слоя, чтобы показать содержимое, которое вы ранее скрыли черным цветом на маске слоя.
- Нажмите X, чтобы переключить цвета переднего плана и фона на панели инструментов, чтобы белый стал цветом переднего плана.
- Закрасьте скрытые области изображения. Это добавляет белый цвет к маске слоя, возвращая в поле зрения соответствующие области замаскированного слоя.
Тонкая настройка маски слоя с черным, белым и серым
Переключение между черным и белым во время рисования на маске слоя — это гибкий способ точной настройки края маски. Если вы используете мягкую кисть, края кисти будут наносить оттенки серого, частично скрывая ту часть слоя с маской.
Сохраните свою работу со слоями
- Сохраните изображение в формате .PSD или .TIFF, чтобы сохранить слои и маски слоев для будущего редактирования.
Используйте маски слоя для объединения изображений
Добавить маску слоя
- Начните с документа, который содержит как минимум два изображения, каждое на отдельном слое. Выберите верхний слой изображения на панели «Слои».
- Нажмите кнопку «Добавить маску слоя» на панели «Слои». Это добавляет маску белого слоя к выбранному слою.Вы все еще можете видеть все на слое с маской, потому что маска белая.
Закрасьте маску слоя черным, белым и серым
- На панели «Слои» убедитесь, что вокруг миниатюры маски слоя есть белая рамка. Если белая граница отсутствует, щелкните миниатюру маски слоя.
- Выберите инструмент «Кисть» на панели инструментов. На панели параметров откройте средство выбора кистей, чтобы установить размер и жесткость кисти. Перетащите ползунок «Жесткость» влево, чтобы создать мягкий кончик кисти.
- Нажмите D, а затем X на клавиатуре, чтобы установить черный цвет переднего плана и белый цвет фона.
- Закрасьте изображение в окне документа, чтобы добавить черный цвет к части маски слоя. Черный цвет скрывает соответствующую часть слоя, содержащего маску, поэтому изображение на слое ниже видно сквозь нее. Мягкими краями кисти примените серый к маске слоя, создав постепенный переход между слоями изображений.
- Если вы скрываете большую часть слоя, чем планировали, нажмите X на клавиатуре, чтобы переключить цвет переднего плана на белый.Затем закрасьте скрытые области слоя, содержащего маску. Это добавляет к маске белый цвет, возвращая эти области в поле зрения.
Совет: Быстрый способ изменить размер кисти во время рисования — нажать клавишу правой скобки на клавиатуре, чтобы увеличить размер кисти, или клавишу левой скобки, чтобы уменьшить размер кисти.
Совет: Уменьшение значения потока кисти на панели параметров позволяет создавать оттенки серого при рисовании черным цветом на маске слоя.Оттенки серого на маске слоя частично скрывают слой, содержащий маску.
Сохраните свою работу со слоями
- Сохраните изображение в формате .PSD или .TIFF, чтобы сохранить слои и маски слоев для будущего редактирования.
Использование масок слоя для корректировки частей фотографии
Корректирующий слой — это гибкий способ добавить корректировку к изображению без непосредственного изменения самого изображения. Каждый корректирующий слой имеет встроенную маску слоя. Вы можете добавить черный, белый или серый цвет к маске корректирующего слоя, чтобы нацелить коррекцию на определенную часть фотографии.
Добавить корректирующий слой
- Выберите слой изображения на панели «Слои».
- Нажмите кнопку «Создать новый слой заливки или корректирующего слоя» в нижней части панели «Слои». Во всплывающем меню выберите «Оттенок / насыщенность». На панели «Слои» над выбранным вами слоем появится корректирующий слой «Цветовой тон / насыщенность» с миниатюрой маски белого слоя. На панели «Свойства» отображаются элементы управления оттенком / насыщенностью для этого корректирующего слоя.
- На панели «Свойства» перетащите ползунок «Насыщенность» вправо, чтобы увеличить насыщенность цвета.Эта настройка теперь влияет на всю фотографию на слое ниже.
Добавьте градиент от черного к белому к маске корректирующего слоя
Черный на маске корректирующего слоя скрывает коррекцию; серый частично показывает настройку; а белым — корректировка. Один из способов добавить черный, серый и белый к любой маске слоя, включая маску корректирующего слоя, — использовать градиент от черного к белому.
- На панели «Слои» убедитесь, что вокруг миниатюры маски слоя есть белая рамка.Если белая граница отсутствует, щелкните миниатюру маски слоя.
- Нажмите D на клавиатуре, чтобы установить цвета по умолчанию белый и черный на панели инструментов. Нажмите X, чтобы переключить цветовые рамки, чтобы черный был цветом переднего плана, а белый — цветом фона.
- На панели инструментов выберите инструмент «Градиент».
- На панели параметров убедитесь, что параметр «Градиент» отображает градиент от черного к белому. Если это не так, щелкните этот параметр, чтобы открыть редактор градиентов, выберите предустановку градиента от переднего плана к фону и нажмите кнопку «ОК».
Совет: Если вы хотите добавить несколько градиентов к одной маске слоя, выберите предустановку градиента от черного к прозрачному в редакторе градиентов. - На панели параметров выберите параметр «Линейный градиент».
Совет: Вы можете использовать формы градиента, отличные от линейного градиента, на маске слоя, выбрав другой тип градиента, например радиальный градиент, на панели параметров для инструмента «Градиент». - В окне документа щелкните область, в которой вы не хотите применять корректировку, и перетащите ее в сторону области, где вы хотите применить корректировку, создавая градиент от черного к белому на маске слоя.
Белая часть градиента на маске слоя показывает полную настройку нижележащего слоя фотографии; оттенки серого на маске слоя постепенно скрывают корректировку; а черный цвет на маске слоя полностью скрывает корректировку. Это создает постепенный переход между областями фотографии, которые затронуты и не затронуты этим корректирующим слоем.
- Если результат вас не устраивает, повторите предыдущий шаг, меняя длину или направление линии до тех пор, пока вы не будете удовлетворены.Вы также можете нарисовать маску корректирующего слоя с помощью Кисти и черной, белой или серой краски, чтобы точно настроить маску.
Сохраните свою работу со слоями
- Сохраните изображение в формате .PSD или .TIFF, чтобы сохранить слои и маски слоев для будущего редактирования.
Использовать фотографию как маску слоя в Photoshop: Урок
Вы когда-нибудь задумывались, как использовать изображение в качестве маски в Photoshop, но просто не могли понять, как это сделать? Решение на самом деле довольно простое, но Adobe не сделала вам никаких одолжений из-за того, насколько оно не интуитивно понятно.Всего за несколько простых шагов вы можете использовать любое изображение или графику для маскировки определенных частей слоя.
Довольно лишенное воображения и жуткое изображение, которое я сделал, используя свое лицо в качестве маски слоя над Миннеаполисом
.Первое, что следует учитывать, — это тот факт, что изображения с низкой контрастностью не будут хорошо работать в качестве масок, так как они будут преобразованы в оттенки серого при размещении на маске слоя. Убедитесь, что черный цвет на вашем изображении полностью черный, а белый — полностью белый.Мне нравится немного повозиться с этим, выбрав слой, который я хочу использовать в качестве маски, щелкнув «Изображение» вверху, затем наведя курсор на «Корректировки» и выбрав «Уровни». Ctrl / Cmd + L тоже работает. Мне нравится растягивать белый цвет немного вниз, а черный — немного вверх, в зависимости от изображения, до тех пор, пока хороший кусок изображения не станет сплошным черно-белым. Это позволяет лучше маскировать.
Теперь собственно маскировка. Выполните следующие действия, чтобы разместить фотографию или изображение в качестве маски слоя на другом слое.
Примечание. Я использую Photoshop CS5
.1. Выберите слой, который вы хотите превратить в маску.
Устали иметь дело с медленным сайтом WordPress? Напишите мне на [email protected] и укажите код # FreeHosting10 на два бесплатных месяца молниеносного хостинга WordPress. Мы даже перенесем вас бесплатно!
2. Нажмите Ctrl + a (Mac: Cmd + a), чтобы полностью выделить содержимое фотографии.
3. Нажмите Ctrl / Cmd + c, чтобы скопировать это содержимое.
4.Создайте маску слоя на слое, который будет замаскирован, выбрав слой, а затем нажав кнопку «Добавить маску слоя» в нижней части палитры слоев.
5. Вот волшебная часть. Этому маленькому трюку не научат в школе дизайна. (Отказ от ответственности: я понятия не имею, чему вас учат в школе дизайна, я никогда не был). Чтобы обработать маску почти как собственный обычный слой, просто удерживайте нажатой клавишу Alt (Option) и щелкните миниатюру маски слоя. Это позволит вам просмотреть маску отдельно, а также внести в нее изменения.Почему-то кажется, что хорошие люди в Adobe не хотят, чтобы вы использовали эту функцию, я не совсем понимаю, почему.
6. Нажмите Ctrl / Cmd + v, чтобы скопировать изображение в маску. Кроме того, вы можете нажать Ctrl / Cmd + Shift + v, чтобы скопировать изображение на место, сохранив его исходное местоположение в документе.
7. Скройте слой с исходным изображением.
Вот и все! Щелкните другой слой или где-нибудь еще, чтобы посмотреть, как выглядит маска. У этого метода много возможностей, используйте свое воображение!
У меня также есть отдельный урок, в котором показано, как использовать фигуру в качестве маски слоя.
О Брайане Джонсоне
Брайан Джонсон (Brian Johnson) — разработчик и дизайнер веб-сайтов, живущий в Миннеаполисе, штат Миннесота, со страстью к коду и WordPress. Он тратит свои дни на создание веб-сайтов WordPress для малого бизнеса, разработку нового кода вместе с онлайн-сообществом и живую жизнь.
Основы масок слоя Photoshop для начинающих
Как использовать маску слоя в Photoshop
Подготовка документа
Чтобы следовать этому руководству, вам понадобятся два изображения.Поскольку наша цель здесь — просто понять, как работают маски слоев, а не создать законченный шедевр, подойдут любые две фотографии. Вот первое изображение, которое я буду использовать (фотография собаки в ванной из Adobe Stock):
Первое изображение. Фото: Adobe Stock.
А вот и мое второе изображение (котенок с пузырями, фото из Adobe Stock):
Второй образ. Фото: Adobe Stock.
Загрузка изображений в Photoshop в виде слоев
Нам нужно поместить оба изображения в один и тот же документ Photoshop, поместив каждую фотографию на отдельный слой.Для этого перейдите в меню File в строке меню в верхней части экрана, выберите Scripts , а затем выберите Load Files into Stack :
Перейдите в меню «Файл»> «Сценарии»> «Загрузить файлы в стек».
Откроется диалоговое окно Загрузить слои . Убедитесь, что для параметра Use установлено значение Files , а затем нажмите кнопку Browse :
Диалоговое окно «Загрузить слои».
При нажатии кнопки «Обзор» открывается окно File Explorer на ПК или окно Finder на Mac (это то, что я здесь использую).Перейдите к местоположению ваших изображений на вашем компьютере. Выберите два изображения, которые вы хотите использовать, а затем нажмите OK в окне проводника или Откройте в окне Finder:
Выбор моих изображений.
Вернувшись в диалоговое окно «Загрузить слои», появятся имена выбранных изображений. Нажмите OK , чтобы закрыть диалоговое окно и загрузить изображения в Photoshop:
Щелкните OK, чтобы загрузить изображения.
Photoshop загружает оба изображения в один и тот же документ, и если мы посмотрим на мою панель «Слои», мы увидим каждое изображение на отдельном слое.Обратите внимание, что в моем случае фотография кошки появляется над фотографией собаки (что некоторые могут сказать, что это естественный порядок вещей, но я уверен, что две мои собаки не согласятся):
Панель «Слои», отображающая каждую фотографию на отдельном слое.
Если мы посмотрим в окно моего документа, то вот как отображаются два изображения. Так как фотография кошки находится на выше фотографии собаки на панели «Слои», она отображается перед фотографией собаки в документе. Фотография собаки немного шире, чем фотография кошки, поэтому мы можем видеть некоторые фотографии собаки, торчащие справа:
Изображения в том виде, в котором они появляются после загрузки в Photoshop.
Переименование слоев (необязательно)
Если мы снова посмотрим на панель «Слои», мы увидим, что Photoshop назвал слои на основе имен файлов изображений. Я собираюсь быстро переименовать свои слои, чтобы мне не приходилось набирать эти длинные имена файлов. Вы можете пропустить эту часть, если хотите, но переименование слоев — очень хорошая привычка.
Начну со слоя сверху. Чтобы переименовать его, я дважды щелкну на его текущем имени, чтобы выделить его.Затем я введу «Кошка» на клавиатуре для нового имени. Если на вашей фотографии тоже не кошка, вы можете назвать ее как-нибудь иначе:
Переименование верхнего слоя.
Я нажимаю клавишу Tab на клавиатуре, чтобы спрыгнуть вниз и выделить имя слоя под ним:
Нажав Tab, выделите имя нижнего слоя.
Затем я наберу «Собака» в качестве нового имени. Я нажимаю Enter (Win) / Return (Mac) на моей клавиатуре, чтобы принять изменения имени, и теперь оба слоя были переименованы, со слоем «Cat» наверху и слоем «Dog» на Нижний.Нет ничего проще:
Оба слоя были переименованы.
Перемещение изображений
Последнее, что мне нужно сделать перед тем, как я начну совмещать изображения, — это изменить их положение в документе. Мне нужно переместить фотографию кошки вправо, а фотографию собаки — влево.
Для этого я выберу Photoshop Move Tool на панели инструментов в левой части экрана. Я также мог выбрать инструмент «Перемещение», нажав на клавиатуре букву V :
Выбор инструмента «Перемещение».
Я нажимаю на слой «Кошка» на панели «Слои», чтобы выбрать его и сделать активным:
Выбор слоя «Кошка».
Затем я нажимаю на изображение в документе и перетаскиваю его вправо. Во время перетаскивания я нажимаю и удерживаю клавишу Shift на клавиатуре. Удерживание клавиши Shift ограничивает направление, в котором я могу перемещать слой, что упрощает перетаскивание по прямой горизонтальной линии:
Удерживая Shift, перетаскивая слой «Кошка» вправо.
Теперь, когда я переместил фотографию кошки вправо, я переместу фотографию собаки влево. Поскольку фотография кошки в настоящее время закрывает большую часть фотографии собаки, я на время отключу слой «Кошка», щелкнув его значок видимости на панели «Слои»:
Щелкните значок видимости для слоя «Кошка».
Когда слой «Кошка» выключен, я нажимаю на слой «Собака», чтобы выбрать его:
Выбор слоя «Собака».
Затем я щелкаю внутри документа с помощью инструмента «Перемещение», нажимаю и удерживаю клавишу Shift и перетаскиваю изображение собаки влево.Шаблон шахматной доски , который мы теперь видим в правой части документа, показывает, как Photoshop представляет прозрачность на слое. Мы видим это, потому что я переместил изображение собаки так далеко влево, что правая сторона слоя теперь пуста, и нет других слоев ниже слоя «Собака», через которые можно было бы увидеть что-либо еще. Это нормально, потому что фотография кошки закроет эту пустую область, как только я ее снова включу:
Удерживая Shift, перетаскивая слой «Собака» влево.
Теперь, когда оба изображения перемещены на свои места, я снова включу слой «Кошка», еще раз щелкнув его значок видимости (пустой квадрат, где раньше было глазное яблоко) на панели «Слои»:
Снова включаем слой «Кошка».
И теперь оба изображения снова видны. Фотография кошки по-прежнему закрывает большую часть фотографии собаки, но теперь, когда мы настроили наш документ, давайте узнаем, как мы можем использовать маску слоя, чтобы смешать наши два изображения вместе:
Результат после перестановки изображений.
Что такое маска слоя?
Итак, что именно — это маска слоя и что она делает? Проще говоря, маска слоя — это то, что мы можем добавить к слою, что позволяет нам контролировать прозрачность этого слоя. Конечно, в Photoshop есть и другие способы управления прозрачностью слоя. Параметр Непрозрачность на панели «Слои» — это один из способов настройки прозрачности. Инструмент Eraser Tool — еще один распространенный способ добавления прозрачности к слою.Так что же делает маски слоев такими особенными?
Хотя параметр «Непрозрачность» на панели «Слои» позволяет нам управлять прозрачностью слоя, он ограничен тем фактом, что он может регулировать прозрачность только для всего слоя в целом . Уменьшите значение Непрозрачности до 50%, и весь слой станет прозрачным на 50%. Уменьшите его до 0%, и весь слой будет полностью скрыт от просмотра.
В некоторых ситуациях это может подойти. Но что, если вам нужно только часть слоя, чтобы быть прозрачным? Что, если, скажем, вы хотите, чтобы левая сторона слоя была на 100% прозрачной (полностью скрытой), а правая сторона была на 100% видимой, с плавным переходом между ними посередине? То, что я только что описал, является очень распространенной техникой в Photoshop, позволяющей переходить от одного изображения к другому.Но поскольку нам нужно настроить уровень прозрачности разных областей слоя отдельно , а параметр «Непрозрачность» может влиять только на весь слой в целом , этот простой эффект выходит за рамки того, что может сделать параметр «Непрозрачность».
Параметр непрозрачности слоя
Чтобы показать вам, что я имею в виду, давайте попробуем смешать наши два изображения вместе, используя параметр «Непрозрачность» на панели «Слои». Щелкните верхний слой, чтобы выбрать его, в моем случае это слой «Кошка»:
Выбор верхнего слоя.
Параметр «Непрозрачность» находится в правом верхнем углу панели «Слои». По умолчанию установлено значение 100%, что означает, что слой полностью отображается в документе. Снизим до 70% :
Понижение непрозрачности верхнего слоя до 70%.
Вот и результат. Уменьшение непрозрачности моего слоя «Кошка» приводит к тому, что изображение кошки выглядит блеклым в документе, позволяя изображению собаки под ним (а также узору шахматной доски справа от изображения собаки) частично просвечивать.Тем не менее, поскольку параметр «Непрозрачность» влияет на весь слой в целом, все изображение кошки выглядит блеклым. Мне нужен был плавный переход от одного изображения к другому, но все, что я получил, это нижний слой, видимый через верхний слой:
Результат после снижения непрозрачности верхнего слоя до 70%.
Если мы уменьшим значение Непрозрачности до 0% :
Понижение непрозрачности верхнего слоя до 0%.
Все, что мы в итоге делаем, это полностью скрываем верхний слой.Опять же, это потому, что значение непрозрачности влияет на весь слой в целом. Невозможно настроить разные части слоя по отдельности:
Результат после снижения непрозрачности до 0%.
Поскольку параметр «Непрозрачность» не даст желаемого результата, давайте вернем его к 100% :
Увеличение значения непрозрачности до 100%.
Это возвращает верхнее изображение в поле зрения и возвращает нас туда, откуда мы начали:
Оба изображения снова видны.
Непрозрачность слоя и заливка в Photoshop
Ластик
Теперь, когда мы рассмотрели параметр «Непрозрачность», давайте посмотрим, может ли инструмент Photoshop Eraser Tool дать нам лучшие результаты. В отличие от параметра «Непрозрачность», который влияет на весь слой сразу, инструмент «Ластик» Photoshop позволяет легко настраивать прозрачность различных частей слоя по отдельности. Это потому, что Eraser Tool — это не что иное, как кисть, и чтобы использовать ее, мы просто перетаскиваем кисть по любым областям, которые хотим удалить.
Поскольку инструмент «Ластик» настолько прост и интуитивно понятен (все знают, что такое ластик), он обычно является одним из первых инструментов, к которым мы обращаемся при изучении Photoshop. И это прискорбно, потому что у Eraser Tool есть один серьезный недостаток. Как следует из названия, Eraser Tool работает путем стирания (удаления) пикселей изображения. И как только эти пиксели исчезнут, вернуть их уже невозможно.
Это называется деструктивным редактированием в Photoshop, потому что оно приводит к постоянному изменению исходного изображения.Если в дальнейшем нам понадобится восстановить часть области, которую мы стерли с помощью Eraser Tool, простого способа сделать это будет нелегко. Часто наш единственный выход на этом этапе — повторно открыть исходное изображение (при условии, что оно у вас все еще есть) и начать работу заново.
Сохраняя нашу работу
Давайте посмотрим на Eraser Tool в действии. Но прежде чем мы это сделаем, мы быстро сохраним наш документ. Таким образом, когда мы закончим с Eraser Tool, мы сможем легко вернуться в исходное состояние нашего документа.Чтобы сохранить его, перейдите в меню File вверху экрана и выберите Save As :
.Переход к файлу> Сохранить как.
Откроется диалоговое окно «Сохранить как». Назовите документ как хотите. Я назову свой «Понимание масок слоя» и сохраню его на рабочий стол. Убедитесь, что вы установили Format на Photoshop , затем нажмите кнопку Save :
Опции «Сохранить как».
Теперь, когда мы сохранили документ, я выберу инструмент «Ластик» на панели инструментов.Я также мог выбрать его, нажав на клавиатуре букву E :
Выбор инструмента «Ластик».
Выбрав инструмент Eraser Tool, я Щелкните правой кнопкой мыши (Win) / , удерживая нажатой клавишу Control (Mac) внутри документа, чтобы открыть Brush Preset Picker , где я могу настроить размер и твердость кисти с помощью ползунков вверху. Чтобы смешать одно изображение с другим, обычно лучше всего подходит большая кисть с мягкими краями, поэтому я увеличу размер кисти примерно до 490 пикселей и уменьшу жесткость до 0% .Возможно, вам придется выбрать другой размер кисти в зависимости от размера ваших изображений:
Установка размера и жесткости ластика.
Затем, не снимая выделения с моего слоя «Кошка» на панели «Слои», я нажимаю и перетаскиваю с помощью Eraser Tool часть изображения кошки, чтобы стереть эти области и начать смешивать ее с изображением собаки под ним. Уже сейчас все выглядит намного лучше, чем с параметром «Непрозрачность». Стираются только те части изображения кошки, которые я перетаскиваю.Остальная часть изображения остается полностью видимой:
Стирание части фотографии кошки, чтобы открыть фотографию собаки за ней.
Я продолжу стирать большую часть изображения кошки, чтобы смешать ее с изображением собаки, и вот результат. Как мы видим, инструмент Eraser Tool позволил легко совместить две фотографии вместе:
Результат с помощью Eraser Tool.
Но вот проблема с Eraser Tool. Я собираюсь на мгновение скрыть изображение собаки, щелкнув значок видимости слоя «Собака» на панели «Слои»:
Отключение слоя «Собака».
Это позволяет нам увидеть в документе только изображение моей кошки и посмотреть, что произошло. Все области, которые я перетащил с помощью Eraser Tool, теперь исчезли. Образец шахматной доски на их месте говорит нам, что эти части изображения теперь пусты. Если позже я пойму, что стер слишком большую часть изображения кошки и мне нужно вернуть часть его обратно, мне не повезло. Как только эти пиксели были удалены, они исчезли навсегда:
Инструмент «Ластик» безвозвратно удалил части изображения.
Конечно, на данный момент я, вероятно, мог бы просто отменить мазки кистью, чтобы восстановить удаленные области. Но так будет не всегда. Photoshop дает нам лишь ограниченное количество отмен, поэтому, если бы я проделал больше работы с документом после стирания пикселей, я, возможно, не смогу вернуться достаточно далеко в истории моего документа, чтобы отменить его. Кроме того, как только мы закрываем документ, мы теряем нашу историю файлов, а это означает, что в следующий раз, когда мы откроем документ для продолжения работы, Photoshop не будет записывать наши предыдущие шаги и не сможет их отменить.
Восстановление изображения
К счастью, в этом случае мы спланировали заранее и сохранили наш документ перед использованием Eraser Tool. Чтобы вернуть документ к тому, как он выглядел до того, как мы стерли какие-либо пиксели, все, что нам нужно сделать, это перейти в меню File вверху экрана и выбрать Revert :
Переход к файлу> Вернуть.
Это возвращает документ к тому, как он выглядел в последний раз, когда мы его сохраняли, восстанавливая пиксели в верхнем изображении:
Верхнее изображение восстановлено.
Прокрутка все еще продолжается? Загрузите это руководство в формате PDF!
Добавление маски слоя
До сих пор мы видели, что параметр «Непрозрачность» на панели «Слои» может влиять только на целые слои одновременно, а инструмент «Ластик» вызывает необратимое повреждение изображения. Посмотрим, может ли маска слоя дать нам лучшие результаты.
Мы хотим смешать верхнее изображение со слоем под ним, это означает, что нам нужно скрыть часть верхнего слоя, чтобы позволить нижнему слою просвечивать. Первое, что нам нужно сделать, это выбрать верхний слой на панели «Слои» (если он еще не выбран):
Выбор верхнего слоя.
Затем, чтобы добавить маску слоя к выбранному слою, мы просто щелкаем значок Добавить маску слоя (прямоугольник с кругом посередине) в нижней части панели «Слои»:
Щелкните значок «Добавить маску слоя».
С изображениями в документе ничего не произойдет, но если мы снова посмотрим на панель «Слои», то увидим, что верхний слой теперь показывает миниатюру маски слоя справа от миниатюры предварительного просмотра:
На выбранном слое появится миниатюра маски слоя.
Так же просто, как черно-белое (и серое)
Обратите внимание, что миниатюра маски слоя заполнена белым цветом . Почему белый? Почему не черный, красный или синий? Что ж, причина, по которой он не заполнен красным или синим, заключается в том, что маски слоя — это полутоновых изображений . Изображение в градациях серого — это изображение, в котором используются только черный, белый и различные промежуточные оттенки серого. Он не может отображать другие цвета.
Многие люди думают о изображениях в градациях серого как о черно-белых изображениях.Но на самом деле большинство черно-белых фотографий на самом деле являются фотографиями в оттенках серого, а не черно-белыми, поскольку настоящая «черно-белая» фотография будет содержать , только чисто черного и чисто белого цвета, без каких-либо других оттенков серого, и это сделает довольно странно выглядящее изображение.
Итак, поскольку маски слоя являются изображениями в градациях серого, это объясняет, почему маска слоя не заполнена красным или синим цветом. Но почему белый? Почему не черный или серый? Ну, мы используем маску слоя, чтобы контролировать уровень прозрачности слоя.Обычно мы используем его для независимой настройки прозрачности различных областей слоя (в противном случае мы просто использовали бы параметр «Непрозрачность» на панели «Слои», которую мы рассматривали ранее).
Но по умолчанию, когда мы впервые добавляем маску слоя, Photoshop сохраняет весь слой полностью видимым. Он делает это, заполняя маску слоя белым цветом. Почему белый? Это связано с тем, что маска слоя работает так, что она использует white для представления областей слоя, которые должны оставаться на 100% видимыми в документе.Он использует черный для представления областей, которые должны быть 100% прозрачными (полностью скрытыми). И он использует различные оттенки серого между ними для представления частичной прозрачности , причем области, заполненные более темными оттенками серого, кажутся более прозрачными, чем области, заполненные более светлыми оттенками.
Другими словами, с масками слоя мы используем белый цвет для , чтобы показать содержимое слоя, черный для , чтобы скрыть их, и серый для , чтобы частично показать или скрыть .Вот и все!
Поскольку моя маска слоя в настоящее время заполнена белым цветом, а белый цвет на маске слоя представляет области слоя, которые видны на 100%, все мое изображение на слое «Кошка» полностью видно в документе:
Изображение кошки видно на 100% с маской слоя, заполненной белым.
Давайте посмотрим, что произойдет, если мы заполним маску слоя черным . Обратите внимание, что на панели «Слои» миниатюра маски слоя имеет белую границу выделения вокруг нее.Это потому, что слой и его маска слоя — это две разные вещи, а граница выделения вокруг миниатюры маски слоя говорит нам, что в данный момент выбрана маска, а не сам слой. Если вы не видите границы выделения вокруг миниатюры маски слоя, щелкните миниатюру, чтобы выбрать ее:
Граница выделения вокруг миниатюры говорит нам, что маска слоя выбрана.
Затем, чтобы заполнить маску слоя черным, перейдите в меню Edit вверху экрана и выберите Fill :
Идем в меню «Правка»> «Заливка».
Откроется диалоговое окно «Заливка» в Photoshop. Измените параметр Contents вверху на Black , затем щелкните OK :
Изменение «Содержимое» на «Черный» в диалоговом окне «Заливка».
Вернувшись на панель слоев, мы видим, что миниатюра маски слоя теперь заполнена сплошным черным цветом:
Панель «Слои», показывающая миниатюру маски, заполненную черным цветом.
Поскольку черный цвет на маске слоя представляет области на слое, которые являются 100% прозрачными, заполнение всей маски слоя черным цветом приводит к тому, что содержимое слоя (моя фотография кошки) полностью скрывается от просмотра.Это дает нам такой же результат, как если бы мы снизили параметр непрозрачности на панели слоев до 0%:
Изображение кошки исчезает после заполнения маски слоя черным цветом.
Что, если мы залить маску слоя серым? Давайте попробуем. Я вернусь в меню Edit и снова выберу Fill :
Снова идем в Edit> Fill.
Когда снова появится диалоговое окно «Заливка», я изменю параметр Contents с черного на 50% серый , затем нажму OK :
Изменение «Содержание» на «50% серого».
Вернувшись на панель «Слои», мы видим, что моя миниатюра маски слоя теперь заполнена 50% серым (оттенок серого прямо между чистым черным и чистым белым):
Панель «Слои», на которой отображается эскиз маски, залитый серым цветом.
Поскольку серый цвет на маске слоя представляет области частичной прозрачности на слое, и мы специально залили маску 50% серого, моя фотография кошки теперь отображается в документе на 50% прозрачной, что дает нам такой же результат, как если бы мы снизили Вариант непрозрачности до 50%:
Результат после заполнения маски слоя 50% серым.
Давайте восстановим изображение до 100% видимости, снова зайдя в меню Edit и выбрав Fill :
Последний раз переходим в меню «Правка»> «Заливка».
Когда появится диалоговое окно «Заливка», измените параметр Contents на White , затем щелкните OK :
Изменение «содержания» на «белое».
Заливает нашу маску слоя белым цветом, как это было изначально:
Маска слоя снова заполняется белым цветом.
И изображение на слое снова видно на 100%:
Результат после заливки маски слоя белым цветом.
Разрушающее и неразрушающее редактирование
Пока что маски слоя не казались чем-то особенным. Фактически, как мы видели, заполнение маски слоя сплошным белым, черным или серым цветом дает тот же результат, что и использование параметра «Непрозрачность» на панели «Слои». Если бы это было все, что могли делать маски слоя, не было бы необходимости в масках слоя, поскольку параметр «Непрозрачность» быстрее и проще в использовании.
Но маски слоев в Photoshop намного мощнее этого. На самом деле, у них больше общего с инструментом «Ластик», чем с параметром «Непрозрачность». Как и инструмент «Ластик», маски слоя позволяют нам легко отображать и скрывать различные области слоя независимо друг от друга.
Но вот важное отличие. В то время как инструмент «Ластик» безвозвратно удаляет области изображения, маски слоя просто скрывают этих области из поля зрения. Другими словами, Eraser Tool выполняет деструктивных правок изображения, ; маски слоя делают это неразрушающим образом .Посмотрим, как это работает.
Во-первых, давайте еще раз убедимся, что выбрана наша маска слоя, а не сам слой. Вы должны увидеть белую границу выделения вокруг миниатюры маски:
Убедитесь, что выбрана маска, а не слой.
Кисть
Ранее я упоминал, что Eraser Tool — это кисть. С масками слоя мы не используем сам инструмент Eraser Tool, но мы используем кисть. Фактически, мы используем Photoshop Brush Tool .Я выберу его на панели инструментов. Вы также можете выбрать Brush Tool, нажав на клавиатуре букву B :
Выбор инструмента «Кисть».
Поскольку мы хотим использовать инструмент «Кисть», чтобы скрыть области слоя, который мы закрашиваем, и мы знаем, что на маске слоя черный цвет представляет области, которые скрыты, нам нужно закрасить черным . Photoshop использует наш текущий цвет переднего плана в качестве цвета кисти. Но по умолчанию, когда у нас выбрана маска слоя, Photoshop устанавливает цвет переднего плана на , белый , а не черный.
Мы можем видеть наши текущие цвета переднего плана и фона в цветовых образцах в нижней части панели инструментов. Обратите внимание, что цвет переднего плана (образец в верхнем левом углу) установлен на белый, а цвет фона (образец в правом нижнем углу) установлен на черный. Это цвета по умолчанию при работе с масками слоя:
Текущие цвета переднего плана (вверху слева) и фона (внизу справа).
Чтобы установить черный цвет переднего плана, все, что нам нужно сделать, это поменять местами текущие цвета переднего плана и фона, и самый простой способ сделать это — нажать на клавиатуре букву X .Это устанавливает цвет переднего плана и цвет нашей кисти на черный:
Нажатие X, чтобы поменять местами цвета переднего плана и фона.
Все, что нам нужно сделать, это установить размер и жесткость кисти. Как и в случае с инструментом «Ластик», я Щелкните правой кнопкой мыши (Win) / , удерживая нажатой клавишу «Control» (Mac) внутри моего документа, чтобы быстро открыть средство выбора предустановок кисти в Photoshop. Затем я воспользуюсь ползунком Size вверху, чтобы установить размер кисти того же размера, который я использовал с инструментом Eraser Tool (около 490 пикселей), и перетащу ползунок Hardness до конца слева (значение 0%), чтобы придать кисти красивые мягкие края:
Установка размера и жесткости кисти.
Закрашивание черным цветом, чтобы скрыть области
Затем, используя черный цвет кисти, я начну закрашивать примерно те же области, что и с помощью Eraser Tool. Поскольку я рисую на маске слоя, а не на самом слое, мы не видим цвет кисти во время рисования. Вместо этого, поскольку я рисую черным цветом, а черный цвет скрывает области на маске слоя, области, которые я закрашиваю, скрыты от просмотра:
Рисование черным цветом на маске слоя, чтобы скрыть части изображения.
Я буду продолжать скрывать большую часть изображения кошки, закрашивая большее количество областей черным, пока не получу результат, аналогичный тому, что я достиг с помощью Eraser Tool:
Удаление большей части верхнего изображения.
На данный момент разница между маской слоя и инструментом «Ластик» не так очевидна. Оба они позволили мне смешать два моих изображения вместе, скрыв части верхнего слоя, и оба дали мне аналогичные результаты. Тем не менее, как мы видели ранее, Eraser Tool безвозвратно удалял области, которые я стер. Давайте более внимательно посмотрим, что произошло с маской слоя.
Во-первых, давайте еще раз посмотрим на миниатюру маски слоя на панели «Слои», где мы видим, что она больше не заполнена сплошным белым цветом.Некоторые из них остаются белыми, но мы также можем видеть области, которые мы нарисовали на нем черным:
Миниатюра маски слоя теперь содержит как белый цвет , так и черный .
Просмотр маски слоя
Важно понимать, что миниатюра маски слоя на панели «Слои» не является самой маской слоя. Миниатюра предназначена просто для того, чтобы дать нам возможность выбрать маску слоя, чтобы мы могли работать с ней, и чтобы показать нам небольшой предварительный просмотр того, как выглядит полноразмерная маска слоя.
Чтобы просмотреть фактическую маску слоя в документе, нажмите и удерживайте клавишу Alt (Win) / Option (Mac) на клавиатуре и щелкните миниатюру маски слоя :
Удерживая Alt (Win) / Option (Mac) и щелкнув миниатюру маски.
Это временно скрывает наше изображение и заменяет его маской слоя, давая нам лучшее представление о том, что мы сделали. В моем случае белая область справа — это место, где моя фотография кошки остается видимой на 100%.Области, которые я закрасил черным, — это области, где изображение моей кошки теперь на 100% прозрачно, что позволяет просвечивать фото собаки под слоем.
И, поскольку я рисовал кистью с мягкими краями, мы видим эффект растушевки вокруг черных областей, создавая узкие градиента , плавно переходящие от черного к белому. Поскольку мы знаем, что серый цвет на маске слоя создает частичную прозрачность, а более темные оттенки серого кажутся более прозрачными, чем более светлые оттенки, эти градиенты от темного к светлому между черным (100% прозрачным) и белым (100% видимым) областями позволяют мне два изображения для плавного перехода вместе:
Просмотр фактической маски слоя в документе.
Чтобы скрыть маску слоя и вернуться к изображению, еще раз нажмите и удерживайте Alt (Win) / Option (Mac) на клавиатуре и щелкните миниатюру маски слоя :
Удерживая Alt (Win) / Option (Mac) и снова щелкнув миниатюру маски.
И вот мы снова видим наши изображения:
Маска слоя снова скрыта от просмотра.
Отключение маски слоя
Мы также можем отключить маску слоя в документе.Чтобы отключить маску, нажмите и удерживайте клавишу Shift на клавиатуре и щелкните миниатюру маски слоя . На миниатюре появится большой красный X , сообщающий, что маска временно отключена:
Удерживая Shift, щелкните миниатюру маски слоя.
Когда маска слоя отключена, мы больше не видим ее эффекты в документе, и именно здесь разница между инструментом «Ластик» и маской слоя становится очевидной.Помните, что инструмент «Ластик» безвозвратно удаляет области изображения. Однако, как мы видим, маска слоя этого не сделала. Все, что делала маска слоя, это скрытия этих областей из поля зрения. Когда мы отключаем маску, возвращается все изображение на слое:
Отключение маски слоя делает все изображение на слое видимым на 100%.
Чтобы снова включить маску и снова скрыть эти области, нажмите и удерживайте Shift и еще раз щелкните по миниатюре маски слоя . Красный X на миниатюре исчезнет, как и области изображения, закрашенные черным:
При повторном включении маски слоя области снова скрываются.
Покраска белым цветом для восстановления скрытых областей
Поскольку маска слоя просто скрывает, а не удаляет области на слое, а наше исходное изображение все еще там, легко вернуть обратно любые области, которые были ранее скрыты. Мы знаем, что white на маске слоя делает эти области 100% видимыми, поэтому все, что нам нужно сделать, это закрасить любые области, которые мы хотим восстановить, белым цветом.
Чтобы изменить цвет кисти с черного на белый, нажмите на клавиатуре букву X , чтобы вернуть цвета переднего плана и фона к значениям по умолчанию.Это устанавливает цвет переднего плана (и цвет кисти) на белый:
.Нажатие X, чтобы поменять цвет переднего плана (верхний левый образец) обратно на белый.
Затем, не снимая выделения с маски слоя и белого цвета кисти, просто закрасьте любые области, которые были ранее скрыты, чтобы сделать их видимыми. В моем случае я закрашу лапу собаки в центре внизу, чтобы скрыть ее, и покажу изображение кошки на ее месте:
Восстановление фотографии кота в центре внизу, закрашивая маску белым цветом.
Опять же, поскольку мы рисуем на маске слоя, а не на самом изображении, мы не видим цвет кисти во время рисования. Чтобы лучше понять, что я сделал, я просматриваю свою маску слоя в документе, нажав и удерживая Alt (Win) / Option (Mac) на клавиатуре и нажав на миниатюру маски слоя , так же, как и раньше.
Теперь, когда сама маска слоя видна, мы видим, насколько легко было восстановить верхнее изображение в этой области. Несмотря на то, что я ранее закрасил его черным, чтобы скрыть фотографию кошки из поля зрения, все, что мне нужно было сделать, чтобы восстановить ее, это закрасить ту же область белым цветом:
Закрашивание области белым цветом — все, что потребовалось, чтобы восстановить изображение на верхнем слое.
Обтравочных масок в Photoshop — Основы Photoshop
Автор Стив Паттерсон.
В этом уроке я покажу вам, как использовать обтравочные маски в Photoshop, чтобы отображать и скрывать различные части слоя и помещать изображения в формы! Мы изучим основы создания обтравочной маски и более подробно рассмотрим их идею, чтобы к концу этого урока у вас было четкое представление о том, как работают обтравочные маски. Я буду использовать Photoshop CC, но все полностью совместимо с Photoshop CS6 и более ранними версиями.Давайте начнем!
Что такое обтравочные маски?
Обтравочные маски в Photoshop — мощный способ управления видимостью слоя. В этом смысле обтравочные маски похожи на маски слоев. Но хотя конечный результат может выглядеть одинаково, маски обрезки и маски слоя сильно различаются. Маска слоя использует черный и белый цвета для отображения и скрытия различных частей слоя. Но обтравочная маска использует содержимое и прозрачность одного слоя для управления видимостью другого.
Чтобы создать обтравочную маску, нам понадобятся два слоя. Слой внизу управляет видимостью слоя над ним. Другими словами, нижний слой — это маска , а слой над ним — это слой, обрезанный к маске.
Если нижний слой содержит фактическое содержимое (пиксели, формы или тип), содержимое верхнего слоя является видимым. Но если какая-либо часть слоя внизу прозрачна , то та же самая область на слое выше будет скрыта.Это может показаться более запутанным, чем то, как работает маска слоя, но обтравочные маски так же просты в использовании. Давайте сами создадим обтравочную маску, чтобы лучше понять, как они работают.
Загрузите это руководство в виде готового к печати PDF-файла!
Как работает обтравочная маска
Чтобы действительно понять обтравочные маски, нам сначала нужно понять разницу между содержимым и прозрачностью на слое. Чтобы следовать за мной, вы можете открыть любое изображение.Я воспользуюсь этой фотографией моей маленькой подруги, которая тоже пытается по-своему понять, что это за вырезка (фото из Adobe Stock):
Исходное изображение. Фото: Adobe Stock.
Маска
Слой И Обрезанный слойЕсли мы посмотрим на панель «Слои», мы увидим фотографию на фоновом слое, который в настоящее время является единственным слоем в документе:
Панель «Слои», отображающая фотографию на фоновом слое.
Нам нужны два слоя для создания обтравочной маски, один будет служить маской, а другой будет обрезан к маске, поэтому давайте добавим второй слой. Мы добавим новый слой под изображением. Сначала разблокируйте фоновый слой. В Photoshop CC щелкните значок замка , чтобы разблокировать его. В Photoshop CS6 или более ранней версии нажмите и удерживайте клавишу Alt (Win) / Option (Mac) на клавиатуре и дважды щелкните фоновый слой:
Разблокировка фонового слоя.
Это разблокирует фоновый слой и переименовывает его в «Слой 0»:
Разблокировка фонового слоя позволяет нам добавить под ним новый слой.
Затем, чтобы добавить новый слой под изображением, нажмите и удерживайте клавишу Ctrl (Win) / Command (Mac) на клавиатуре и щелкните значок Добавить новый слой :
Добавление нового слоя под изображением.
Новый слой с именем «Слой 1» появляется под фотографией, и теперь у нас есть два слоя в документе.Мы превратим нижний слой в маску, а изображение над ним будет обрезано по маске:
Добавлен второй слой, необходимый для обтравочной маски.
Общие сведения об обтравочных масках: контент и прозрачность
Скройте на данный момент исходное изображение, щелкнув значок видимости верхнего слоя :
Щелкните значок видимости, чтобы скрыть фотографию.
Когда верхний слой выключен, мы видим только что добавленный слой. По умолчанию новые слои в Photoshop пустые, то есть в них вообще нет содержимого.Слой без содержимого — прозрачный , и мы видим сквозь него. Когда под прозрачным слоем нет других слоев, Photoshop отображает прозрачность в виде шахматного узора, как мы видим здесь:
Рисунок шахматной доски означает, что нижний слой прозрачный.
Включите верхний слой, снова щелкнув его значок видимости:
Щелчок по тому же значку видимости.
Верхний уровень содержит фактическое содержимое . В данном случае это контент на основе пикселей, потому что мы смотрим на цифровую фотографию, но в Photoshop контент также может быть векторной формой или даже текстом.На самом деле, все, что не является прозрачным, считается содержанием:
Верхний уровень содержит фактическое содержимое.
Как создать обтравочную маску в Photoshop
Обтравочные маски используют содержимое и прозрачность нижележащего слоя для управления видимостью верхнего слоя. Давайте создадим обтравочную маску, используя наши два слоя, и посмотрим, что получится.
Шаг 1. Выберите слой, который будет обрезан
При создании обтравочной маски нам сначала нужно выбрать слой, который будет обрезан к слою под ним.В этом случае верхний слой («Слой 0») будет обрезан до нижнего слоя («Слой 1»), поэтому убедитесь, что выбран верхний слой:
Выбор верхнего слоя.
Шаг 2. Выберите «Создать обтравочную маску»
Чтобы создать обтравочную маску, перейдите в меню Layer в строке меню и выберите Create Clipping Mask :
Перейдите в Layer> Create Clipping Mask.
Вот и все! После создания маски слоя на панели «Слои» теперь отображается верхний слой («Слой 0») с отступом вправо и маленькой стрелкой, указывающей вниз на «Слой 1» под ним.Вот как Photoshop сообщает нам, что верхний слой теперь обрезан ниже слоя:
Панель «Слои», показывающая верхний слой, обрезанный по нижнему слою.
Но проблема в том, что все, что мы до сих пор достигли, создав обтравочную маску, — это то, что мы скрыли изображение от просмотра, и это потому, что наш слой маски («Layer 1») не содержит содержимого. Это полностью прозрачно. С помощью обтравочной маски любые области верхнего слоя, которые находятся непосредственно над прозрачными областями нижнего слоя, скрываются.Поскольку нижний слой не содержит ничего, кроме прозрачности, никакая часть изображения над ним не видна:
Если на маскирующем слое нет содержимого, изображение на обрезанном слое скрыто.
Как снять обтравочную маску
Это было не очень интересно, поэтому отпустите обтравочную маску, перейдя в меню Layer и выбрав Release Clipping Mask :
Переход к слою> Освободить обтравочную маску.
На панели «Слои» верхний слой больше не имеет отступа вправо, что означает, что он больше не привязан к нижнему слою:
Маска слоя была освобождена.
И в документе мы снова видим наше изображение:
После снятия обтравочной маски изображение возвращается.
Добавление содержимого к обтравочной маске
Давайте добавим контент на нижний слой. Щелкните значок видимости верхнего слоя , чтобы скрыть изображение, чтобы мы могли видеть, что мы делаем:
Щелкнув значок видимости верхнего слоя.
Затем щелкните нижний слой, чтобы сделать его активным:
Выбор нижнего слоя.
Для добавления содержимого нарисуем простую фигуру. Выберите инструмент Elliptical Marquee Tool на панели инструментов, щелкнув правой кнопкой мыши (Win) / Control, щелкнув (Mac) на инструменте Rectangular Marquee Tool и выбрав инструмент Elliptical Marquee Tool из всплывающего меню:
Выбор инструмента Elliptical Marquee Tool.
Щелкните и растяните эллиптический контур выделения в центре документа:
Рисование выделения с помощью инструмента Elliptical Marquee Tool.
Перейдите в меню Edit в строке меню и выберите Fill :
Идем в меню «Правка»> «Заливка».
В диалоговом окне «Заливка» установите для параметра « Contents » значение , черный , а затем нажмите «ОК»:
Диалоговое окно «Заливка».
Photoshop заполняет выделение черным. Чтобы удалить контур выделения вокруг формы, перейдите в меню Select и выберите Deselect :
Собираюсь Выбрать> Отменить выбор.
И теперь вместо полностью прозрачного слоя у нас есть область с некоторым содержимым в центре. Однако обратите внимание, что область вокруг содержимого остается прозрачной:
Нижний слой теперь содержит и содержимое, и прозрачность.
Вернувшись на панель «Слои», эскиз предварительного просмотра для нижнего слоя теперь показывает черную фигуру. Здесь важно отметить, что если вы сравните эскизы предварительного просмотра для обоих слоев, вы увидите, что часть изображения на верхнем слое находится прямо над содержимым (формой) нижнего слоя.И часть фотографии находится над прозрачными областями на нижнем слое:
Миниатюра предварительного просмотра, показывающая содержимое и прозрачность нижнего слоя.
Создание другой обтравочной маски
Теперь, когда мы добавили контент в нижний слой, давайте создадим еще одну обтравочную маску. Опять же, сначала нам нужно выбрать слой, который будет обрезан ниже слоя, поэтому щелкните верхний слой, чтобы выбрать его. Затем щелкните значок видимости верхнего слоя , чтобы сделать изображение на слое видимым:
Выбор и включение слоя, который будет обрезан.
Вернитесь в меню Layer и еще раз выберите Create Clipping Mask :
Снова перейдите к Layer> Create Clipping Mask.
На панели «Слои» мы видим верхний слой, обрезанный до слоя под ним, как и в прошлый раз:
Панель «Слои» снова показывает обтравочную маску.
Но в документе мы теперь видим совсем другой результат. На этот раз часть фотографии, которая находится прямо над фигурой на слое под ней, остается видимой! Единственные части фотографии, которые скрыты, — это области, окружающие фигуру, поскольку эти области все еще находятся над прозрачностью:
Содержимое нижнего слоя сохраняет часть верхнего слоя видимой.
Перемещение содержимого внутри обтравочной маски
Конечно, результат мог бы выглядеть лучше, если бы наш объект находился в центре фигуры. С помощью обтравочных масок можно легко перемещать и перемещать содержимое в них. Просто выберите Move Tool на панели инструментов:
Выбор инструмента «Перемещение».
Затем щелкните фотографию и перетащите ее на место. Когда вы перемещаете изображение, остается видимой только область, которая перемещается над фигурой на слое ниже. И это основы работы обтравочных масок:
Обтравочная маска после центрирования фотографии внутри формы.
Загрузите это руководство в виде готового к печати PDF-файла!
Когда использовать обтравочную маску
В то время как маски слоев лучше всего подходят для смешивания слоев с плавными переходами, обтравочные маски в Photoshop идеально подходят, когда ваше изображение должно соответствовать четко определенной форме. Форма может быть такой, которую вы нарисовали с помощью инструмента выделения, как мы видели. Но обтравочную маску также можно использовать для заполнения векторной фигуры изображением или для размещения изображения внутри текста. В качестве еще одного примера того, что мы можем сделать с обтравочными масками, давайте быстро посмотрим, как с помощью обтравочной маски можно поместить фотографию в рамку.
Размещение фотографии в рамке с помощью обтравочных масок
Здесь у меня есть документ, содержащий два изображения, каждое на отдельном слое. Фотография на нижнем слое содержит рамку:
Изображение на нижнем слое. Фото: Adobe Stock.
И если я включу верхний слой, щелкнув его значок видимости:
Включаем верхний слой.
Видим фото, которое я хочу поместить в рамку:
Изображение на верхнем слое. Фото: Adobe Stock.
Я пока скрою верхний слой, еще раз щелкнув его значок видимости, а затем щелкну фоновый слой, чтобы выбрать его:
Скрытие верхнего слоя и выбор нижнего слоя.
Рисование или выбор формы
Я упоминал, что обтравочные маски работают лучше всего, когда ваше изображение должно вписаться в форму. В данном случае форма — это область внутри рамки. Поскольку область залита сплошным черным цветом, я выделю ее с помощью инструмента Photoshop Magic Wand Tool:
.Выбор инструмента «Волшебная палочка» на панели инструментов.
Я щелкну инструментом Magic Wand Tool внутри рамки, и теперь выделена область:
Выбор области, которая будет использоваться для обтравочной маски.
Затем я скопирую выбранную область на новый слой, перейдя в меню Layer в строке меню, выбрав New , а затем выбрав Layer через Copy :
Переходим в Layer> New> Layer via Copy.
Photoshop копирует мое выделение на новый слой между фоновым слоем и фотографией, которую я помещу в рамку.Теперь у меня есть форма, необходимая для создания обтравочной маски:
.Область внутри рамки появляется на отдельном слое.
Более быстрый способ создания обтравочной маски
Чтобы создать обтравочную маску, я выберу верхний слой и снова включу слой, щелкнув его значок видимости:
Выбор и включение верхнего слоя.
Мы видели, что можем создать обтравочную маску, выбрав «Создать обтравочную маску» в меню «Слой». Но более быстрый способ — нажать и удерживать клавишу Alt (Win) / Option (Mac) на клавиатуре при наведении курсора мыши между двумя слоями.Курсор изменится на значок обтравочной маски :
Появится значок обтравочной маски.
Щелкните разделительную линию между двумя слоями, чтобы создать обтравочную маску:
Изображение теперь обрезано до «Слоя 1» под ним.
После создания обтравочной маски фотография теперь появляется только внутри кадра, поскольку это единственная часть изображения, которая находится над фактическим содержимым на слое под ней. Остальная часть фотографии скрыта, потому что она находится над прозрачностью:
Фотография теперь обрезается внутри рамки благодаря обтравочной маске.
Изменение размера содержимого в обтравочной маске
Наконец, мы увидели, что можем перемещать контент внутри обтравочной маски с помощью инструмента «Перемещение». Но мы также можем изменить размер содержимого в обтравочной маске так же легко, используя команду Photoshop Free Transform. На данный момент моя фотография слишком велика для рамки, поэтому я изменю ее размер, перейдя в меню Edit и выбрав Free Transform :
Идем в Edit> Free Transform.
Photoshop помещает поле «Свободное преобразование» и обрабатывает его вокруг изображения, включая область за пределами кадра, которая в настоящее время скрыта обтравочной маской:
Маркеры свободного преобразования появляются вокруг всего изображения, включая скрытые области.
Чтобы изменить его размер, я нажимаю и удерживаю клавишу Shift , нажимаю на угловые ручки и перетаскиваю их внутрь. Удерживание клавиши Shift блокирует соотношение сторон изображения, поэтому я не искажаю его:
Изменение размера фотографии внутри обтравочной маски.
Чтобы принять его, я нажму Введите (Win) / Верните (Mac) на клавиатуре, чтобы выйти из Free Transform. И теперь, благодаря силе обтравочных масок, фотография отлично вписывается в рамку:
Окончательный результат обтравочной маски.
И вот оно! Вот как работают обтравочные маски в Photoshop и как использовать обтравочную маску для отображения и скрытия различных частей слоя! Посетите наш раздел «Основы Photoshop», чтобы получить больше уроков по Photoshop!
Как создать круговую фотографию с помощью обтравочных масок Photoshop
Этот пост содержит партнерские ссылки. Читайте полное раскрытие здесь
Если вы когда-либо работали с Photoshop, то наверняка слышали выражение: «В Photoshop есть миллионы способов сделать что-то одно.”
Это правда. Особенно, когда речь идет о создании круглой фотографии с прозрачным фоном (идеально подходит для использования на боковых панелях на сайтах, возможно, вы видели такое?). Самый простой способ — использовать инструмент выделения рамкой, чтобы обрезать существующую фотографию и покончить с этим.
Мне не нравится этот метод по одной большой причине: он деструктивен. Вы теряете возможность перемещать изображение. Как только вы кадрируете, все готово. Вам лучше нравится то, что вы сделали, или вы обречены вернуться и попробовать, попробовать еще раз.
Использование обтравочных масок решает эту проблему, потому что вы сначала создаете форму, а поверх нее размещаете изображение. Вы можете уменьшить или увеличить изображение, настроить масштаб и т. Д.
Кроме того, использование обтравочных масок — хороший навык для более сложных проектов в Photoshop.
Но я забегаю вперед.
Как создать круговую фотографию с помощью обтравочных масок Photoshop — Видеоурок
Сделал видеоурок с пошаговой инструкцией:
Как создать круговую фотографию с помощью обтравочных масок Photoshop — Разбор
А вот визуальная разбивка текста, на случай, если вы учите письменные слова.
1. Начните с создания прозрачного файла. Перейдите в окно, чтобы открыть палитру «Слои», если она не открыта.
2. Создайте фигуру с помощью инструмента выделения области (есть и другие инструменты, которые вы можете использовать, но мы начнем с простого). Добавьте цвет заливки к форме.
3. Отмените выбор. Для этого снова щелкните инструмент выделения, затем щелкните фигуру, чтобы сделать выделение, также называемое «марширующими муравьями», и удалиться.
4. Откройте фотографию и перетащите прямо в файл.Это автоматически создаст новый слой.
5. Щелкните слой правой кнопкой мыши и выберите «Создать обтравочную маску».
6. Перемещайте изображение, пока оно вам не понравится. Чтобы изменить размер, нажмите command + T. Затем, удерживая command + shift, перетаскиваете углы внутрь или наружу, чтобы пропорционально сузить или растянуть.
7. Сохраните это как PSD на случай, если позже вам потребуется внести изменения. Затем щелкните правой кнопкой мыши слой с фотографией «Объединить видимое». (ярлык: команда + E)
8.Сохраните как файл PNG, чтобы сохранить прозрачность.
Ура! Теперь, когда вы освоили эту технику, вы готовы работать с несколькими слоями для создания более сложных дизайнов Photoshop. Следите за обновлениями (подпишитесь на мой канал на YouTube), чтобы получать обновления, когда я буду делать новый учебник.
Чему вы всегда хотели научиться в Photoshop? Сообщите мне в комментариях, и есть шанс, что на ваш вопрос ответят в будущем быстром и простом руководстве!
Если вы когда-либо работали с Photoshop, то наверняка слышали выражение: «В Photoshop есть миллионы способов сделать что-то одно.”
Это правда. Особенно, когда речь идет о создании круглой фотографии с прозрачным фоном (идеально подходит для использования на боковых панелях на сайтах, возможно, вы видели такое?). Самый простой способ — использовать инструмент выделения рамкой, чтобы обрезать существующую фотографию и покончить с этим.
Мне не нравится этот метод по одной большой причине: он деструктивен. Вы теряете возможность перемещать изображение. Как только вы кадрируете, все готово. Вам лучше нравится то, что вы сделали, или вы обречены вернуться и попробовать, попробовать еще раз.
Использование обтравочных масок решает эту проблему, потому что вы сначала создаете форму, а поверх нее размещаете изображение. Вы можете уменьшить или увеличить изображение, настроить масштаб и т. Д.
Кроме того, использование обтравочных масок — хороший навык для более сложных проектов в Photoshop.
Но я забегаю вперед.
Как создать круговую фотографию с помощью обтравочных масок Photoshop — Видеоурок
Сделал видеоурок с пошаговой инструкцией:
Как создать круговую фотографию с помощью обтравочных масок Photoshop — Разбор
А вот визуальная разбивка текста, на случай, если вы учите письменные слова.
- Начните с создания прозрачного файла. Перейдите в окно, чтобы открыть палитру «Слои», если она не открыта.
- Создайте фигуру с помощью инструмента выделения области (есть и другие инструменты, которые вы можете использовать, но мы начнем с простого). Добавьте цвет заливки к форме.
- Отменить выбор. Для этого снова щелкните инструмент выделения, затем щелкните фигуру, чтобы сделать выделение, также называемое «марширующими муравьями», и удалиться.
- Откройте фотографию и перетащите прямо в файл.Это автоматически создаст новый слой.
- Щелкните слой правой кнопкой мыши и выберите «Создать обтравочную маску».
- Перемещайте изображение, пока оно вам не понравится. Чтобы изменить размер, нажмите command + T. Затем, удерживая command + shift, перетаскиваете углы внутрь или наружу, чтобы пропорционально сузить или растянуть.
- Сохраните это как PSD на случай, если позже вам понадобится внести изменения. Затем щелкните правой кнопкой мыши слой с фотографией «Объединить видимое». (ярлык: команда + E)
- Сохранить как файл PNG, чтобы сохранить прозрачность.
Ура! Теперь, когда вы освоили эту технику, вы готовы работать с несколькими слоями для создания более сложных дизайнов Photoshop. Следите за обновлениями (подпишитесь на мой канал на YouTube), чтобы получать обновления, когда я буду делать новый учебник.
Чему вы всегда хотели научиться в Photoshop? Сообщите мне в комментариях, и есть шанс, что на ваш вопрос ответят в будущем быстром и простом руководстве!
.