1 голос

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

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

О терминах

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

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

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

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

А вот и нет.

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

Посмотрите, что нужно, чтобы зарабатывать веб дизайном - Основы коммерческого веб-дизайна .


Онлайн-курс с поддержкой автора – надежная инвестиция в будущую профессию.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Photoshop предлагает 5 способов применения масок: Пиксельная маска (Pixel Masks), Векторная маска (Vector Masks), Быстрая маска (Quick Masks), Маска скрепления (Clipping Masks) и Путь скрепления (Clipping Paths) – и каждая из них задает уровень прозрачности пикселей без изменения оригинальных данных. У каждого из методов есть свои плюсы и недостатки, поэтому принципиально важно знать, какой именно метод нужно использовать в той или иной ситуации, чтобы получить чистый, гибкий и правильный слой маски.

Пиксельная маска (Pixel Masks)

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

Пиксельная маска – это идеальный метод для работы со сложными комплекциями фотографий. ()

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


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

Создание

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

Как только маска создана, она может быть отредактирована точно так же, как и пиксельные данные, путем нажатия на миниатюру маски. Вы можете закрасить ее в черный цвет, если Вам нужно скрыть области, или же в белый, если наоборот нужно отобразить. Маску также можно подвергнуть корректировке и применению фильтров Curves, Threshold, Unsharp mask и Gaussian blur.


Процесс закрашивания маски в черный цвет чем-то похож на применение инструмента ластика. ()

Режимы просмотра

При создании маски, есть несколько путей отображения содержимого маски. ALT+клик на миниатюре отобразит маску в пределах холста; это отлично подходит для корректировки определенных областей, но не дает Вам видеть весь слой, пока Вы работаете. Если Вы хотите видеть сразу и маску и сам слой, то Вы можете отобразить маску как наложение Ruby. Просто нажмите «\» с выделенным слоем для включения/выключения наложения. Цвет и уровень прозрачности наложения также можно редактировать двойным кликом по миниатюре маски. Вдобавок, если Вы хотите убрать маску, то можете просто скрыть её, зажав Shift и кликнув по миниатюре маски.


Выключение маски и включение наложения может пригодиться в момент корректировки конкретных областей. ()

Каналы

Каждый раз, когда Вы выделяете слой с маской, маска отображается как временный альфа-канал в палитре каналов. В этот момент вы можете сохранить канал для дальнейшего использования – просто перетащите его на кнопку создания нового канала «Create new channel», которая расположена в нижней части палитры, или выбрав пункт создания нового слоя из выпадающего меню. Вы также можно изменить настройки наложения маски Ruby, дважды кликнув по миниатюре канала. Так как временный канал становится доступным всякий раз, когда Вы выбираете слой с маской, то можно воспользоваться некоторыми горячими клавишами для переключения между самим слоем и его маской. Нажатие CTRL+\ выделит маску, а CTRL+2 вернет Вас обратно к слою.


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

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

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


Векторные маски отлично подходят для создания масок конкретных объектов с четкой окантовкой. ()

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

Создание

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

Возможность создания гибких элементов интерфейса – это, пожалуй, лучшее преимущество векторных масок. Применяя инструмент создания фигур «Shape Tool», установленным на создание слоев с фигурами «Shape Layers», Вы можете быстро создавать слои, заполненные векторной маской. Такие слои более гибки, нежели пиксельные, и их можно использовать для разработки кнопок и других элементов, которые подлежат масштабированию.


Гибкость, предоставляемая векторными масками, делает их превосходными для создания элементов интерфейса.

Режимы просмотра

Нажав на миниатюру векторной маски в палитре слоев, вы можете спрятать или отобразить пути, сохраненные на маске. Эти пути также доступны через палитру путей, но если выделен сам слой. Включение/выключение маски производится нажатием Shift+клик по миниатюре.

Пути

Как и маски слоев появляются на палитре каналов, временный рабочий путь будет отображен на палитре путей, когда Вы выделяете слой с векторной маской. Вы можете сохранить маску, путем перетаскивания ее на кнопку создания нового пусти «Create new path», которая расположена в нижней части палитры, или же выбрать пункт сохранения пути в выпадающем меню. Этот временный путь также в любое время доступен, путем выделения инструмента выделения путей (Path Selection) и нажатием клавиши Enter; а также можно отменить выделение, еще раз нажав клавишу Enter. Вы также можете быстро создать выделение, основанное на активном пути, путем нажатия клавиш CTRL+Enter.

Применение

Перед тем, как векторную маску можно будет применить к слою, она должна быть подвергнута растеризации. Сделать это можно, кликнув правой кнопкой мыши по миниатюре векторной маски, а дальше на растеризацию векторной маски (Rasterize Vector Mask). Если у слоя уже есть пиксельная маска, то обе маски будут соединены вместе, тем самым будет создана одна пиксельная маска. Далее ее можно применять как любую другую пиксельную маску (правый клик по миниатюре и выбора пункта меню применения маски слоя (Apply Layer Mask)).

Быстрые маски

Режим быстрых масок позволяет Вам создавать выделения, при помощи инструментов пиксельного редактирования, взамен примитивных инструментов выделения. Это более логичный способ создания сложных масок с разными значениями уровня прозрачности. Вы можете включить этот режим, кликнув по кнопке быстрых масок «Quick Mask» на панели инструментов, или же нажать клавишу Q.

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


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

Опции

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


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

Сохранение

После создания быстрой маски, Вы можете немедленно применить её на слое, создав маску слоя, или же сохранить ее для дальнейшего использования. Вы можете сохранить выделение как новый канал, выбрав пункт меню Selection > Save Selection, или применить его к существующему каналу. Это позволит Вам вернуться к этому выделению в любой момент, нажав клавиши CTRL + клик по каналу на палитре каналов, или же через пункт меню Selection > Load Selection


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

Маски скрепления

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

Самый простой способ создания маски скрепления – ALT+клик между двумя слоями на палитре слоев в момент, когда появляется курсор маски скрепления.
Или же Вы можете нажать CTRL+ALT+G для того, чтобы скрепить слой с тем, который расположен под ним. Любое число слоев могут быть скреплены с одним основным, но прикрепленный слой не может быть использован как маска.


Маски скрепления отлично подходят для принудительной корректировки слоев. ()

Пути скрепления

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

Для того, чтобы создать путь скрепления, Вам нужно удостовериться в том, что этот путь сохранен; недостаточно иметь просто временный рабочий путь. Выберите «Save Path» из выпадающего меню в палитре путей. Далее, выберите пункт «Clipping Path» опять же из выпадающего меню. Внешний вид Вашего документа не изменится, но если Вы импортируете документ в Illustrator, используя команду Place, то он будет обрезан в соответствии с путем.

Палитра масок

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


Палитра масок – это отличное нововведение в Photoshop CS4.

Создание/Просмотр кнопок

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

Плотность

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


Ползунок плотности регулирует уровень прозрачности маски. ()

Перо

Обработка углов маски пером требует применения Gaussian Blur, что разрушит оригинальную форму маски. С помощью палитры масок, Вы можете изменять уровень плотности пера в любое время, сохраняя оригинал маски.


С помощью ползунка пера Вы можете изменять уровень мягкости пера на лету. ()

Края маски

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

Радиус

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

Контраст

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


Радиус и Контраст можно использовать для удаления дефектов. ()

Мягкость

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

Перо

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

Сокращение/Растягивание

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


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

Режим предварительного просмотра

В нижней части палитры есть 5 различных режимов просмотра, которые позволяют Вам видеть маску, как: 1) выделение в виде бегущих муравьев; 2) быстрая маска с наложением Ruby; 3) матовый черный; 4) матовый белый; 5) маска шкалы серого.


Проверьте маску 5-ю различными способами. ()

Цветовой диапазон

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

Способы

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

Цветовой диапазон

Если Ваше задание по созданию маски требует, чтобы объект был получен из равномерно закрашенного фона (больше похоже на процесс видео-обработки), то самым быстрым способом считается как раз Color Range. Для начала, воспользуйтесь пипеткой (Eyedropper) для того, чтобы получить основной веет фона. Затем Вы можете воспользоваться функциями «Add to sample» и «Remove from sample» для того, чтобы уточнить выбор цвета. Ползунок неясности «fuzziness» дает возможность расширить диапазон выбранных цветов. Если есть цветовые данные для поддержки, то все можно сделать очень быстро, а в противном случае, придется немного попыхтеть.


Пипетка позволяет вам с легкостью выбрать цвет на фото.


Цветовой диапазон позволяет быстро проделать работу со сложными масками. ()

Каналы

Маска часто прячется в каналах одного из слоев, и ждет, пока Вы ее не обнаружите. В зависимости от используемого изображения, Вы можете найти канал с высоким контрастом между объектом и его окружением. Возможно, Вы даже захотите поменять режим цвета на Lab или CMYK, чтобы получить альтернативные опции канала. Как только вы найдете канал с достаточно сильным контрастом, нажмите CTRL + клик, тем самым создав выделение. Затем, добавьте это выделение на маску слоя. Далее вы сможете изменять ее, если вам понадобится другая маска.

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


()

1. На оригинальном изображении яркие живые цвета, что позволит Вам с легкостью создать маску с помощью каналов.
2. На красном канале можно получить контраст между передним планом и фоном, поэтому нам следовало бы начать отсюда. Мы скопировали и вставили его в новый слой, а затем инвертировали.
3. Зеленая чашка по-прежнему очень выделяется, поэтому нам нужно конвертировать синий канал в слой, что внесет оттенок зеленой и красной чашкам.
4. Путем изменения режима смешивания у слоя с синим каналом на Multiply, мы сможет удалить все сторонние белые области.
5. Два слоя совмещены и приняты в роли маски слоя оригинального изображения, что дает нам чистую маску синей чашки.

Гибрид растра и вектора

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

Несколько масок

Бывают случаи, когда вам нужно будет применять более одной маски на один слой. Вы можете применить маску, кликнув правой кнопкой мыши по слою и выбрать пункт меню «Apply Layer Mask», после чего вы сможете добавить новую маску. Тем не менее, это не лучший способ, потому что данные под маской будут потеряны.

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


Конвертирование слоя в Smart Object позволит Вам добавлять несколько масок без потери данных.

Стили слоев

Если Вы уже когда-нибудь добавляли маску к слоям, в которых были выставлены параметры стиля, то вероятно, у Вас все перепуталось, особенно, если у маски были неточные края или различное значение уровня прозрачности. Это вызвано тем, что Photoshop по стандарту использует смесь значений уровней прозрачности слоев вместе с любыми масками поверх них для определения областей, к которым были применены стили слоев. Желательно, чтоб так оно и было, но именно это и может вызвать проблемы. Для создания противовеса, откройте опции смешивания стиля и примените «Layer Mask Hides Effects» или «Vector Mask Hides Effects».


Можно устранить путаницу, используя опцию «Layer Mask Hides Effects».

Смешивание скрепленных слоев в группу

По стандарту, Photoshop воспринимает информацию, как будто все слои в скрепленный стопке должны быть смешаны с основным слоем перед тем, как основной стиль смешан с теми, что расположены под ним. Иногда это нужно, но иногда Вам нужно, чтобы скрепленные слои принимали форму основного слоя, но не его режим смешивания. Для того, чтобы предотвратить это, откройте опции смешивания основного слоя (правый клик по слою и пункт меню «Blending Options»), а уберите галочку с опции «Blend Clipped Layers as Group». Теперь, каждый из скрепленных слоев будет смешиваться с подлежащим слоев, как если бы они не были скреплены.


Опция «Blend Clipped Layers as Group» отвечает за смешивание всех скрепленных слоев вместе, а затем с подлежащими слоями, применяя опции смешивания основного слоя.

Маски текста

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

Удаление излишков краев

Даже после применения функции «Refine Edge» в палитре масок, Вы обнаружите различные выступы, которые остались на протяжении всего края маски. Здесь имеет место навык рисования от руки. Инструмент кисти может здесь хорошо подойти, но мы бы порекомендовали Вам «Healing Brush», «Stamp Tool» или «Smudge Tool», потому что они будут более подходящими в такой ситуации.

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


Нежелательные выступы могут быть закрашены на скрепленном слое. ()

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

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

На рисунке Вы видите, что маска слоя (1) наполовину залита белым цветом, наполовину – черным. Соответственно, где белый цвет – изображение слоя видно, где черный – изображение слоя скрывается и отображается изображение слоя, находящегося ниже нашего.

Самое время рассказать, как добавлять маску слоя. Добавить маску слоя можно двумя способами. Первый, это через панель слоев Layers (см. рисунок выше). Если Вы хотите добавить маску к активному слою, то просто щелкните по иконке (3) . В таком случае создается маска, заполненная белым цветом, соответственно видно все изображение. Что бы ее редактировать, Вам необходимо выбрать нужный инструмент (Brush Tool , Pencil Tool и т.д.), при этом фоновый и основной цвет будет черным и белым, и начать рисовать по маске слоя нужным цветом. При этом, будьте внимательны, удостоверьтесь, что вы работаете именно с маской (1) , в противном случае будет редактироваться основное изображение.

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

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

Второй способ добавления – это через меню программы. Перейдите Layer > Layer Mask > . В этом подменю, в зависимости от того, присутствует ли на слое область выделения или нет, будут представлены на выбор следующие варианты: области выделения нет — Reveal All (открыть все, т.е. маска будет залита белым цветом) или Hide All (скрыть все, т.е. заливка будет черным цветом). Если же Вы создали область выделения, то к предыдущим вариантам будут добавлены такие: Reveal Selection и Hide Selection . Как не трудно догадаться, открыть область выделения (при этом все остальное будет закрашено черным цветом и не будет отображаться) или, наоборот, скрыть.

Также обратите внимание на очень важный момент. Иконка в виде цепочки (2) . Если такая иконка присутствует – это означает, что маска жестко привязана к слою, и, если вы захотите переместить ее инструментом Move Tool , то переместится весь слой. Если же щелкнуть по этой иконке, то она пропадет, и Вы сможете перемещать только маску, не затрагивая сам слой. Данная возможность нередко бывает полезной.

Напоследок хотелось бы рассказать про новую панель управления масками, которая появилась в Фотошоп, начиная с версии CS4 . Вызвать ее можно перейдя Window > Masks .

Здесь Вы можете управлять своей маской. Часто используемые параметры, которые обязательно Вам пригодятся, это: Density (отвечает за непрозрачность маски слоя, наподобие параметра Opacity ) и Feather (растушевывание, работает также, как и в области выделения).

P. S.

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

23.01.2015 28.01.2018

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

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

Что такое слой маска в фотошопе?

Маска накладывается на слой и имеет возможность скрывать изображение или его отдельные части. Редактируя маску в фотошопе, мы можем указать какая область изображения доступна для видимости, а какая нет — невидима. Для чего это нужно? Например, для того чтобы скрыть не нужные части изображения. Маска примечательна тем, что её можно редактировать и в любой момент вернуть часть изображения которая скрывалась.

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

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

Как создать маску в фотошопе

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

Маска создалась.

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

Можно для слоя быстро создать маску которая скроет всё изображения. Для этого есть меню — Слой — Слой-Маска — Вскрыть всё (Layer — Layer Make — Hide All). А Показать (Reveal All) наоборот откроет изображение.

Пример использования маски

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

Вот как с помощью маски используя кисть я быстро скрыл фон вокруг яблока:

Вот какое изображение было изначально:

Вот как выглядит сама маска:

А вот что будет если инвертировать маску:

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

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

Рассмотрим на примере.

Возьмем два изображения — на одном лето, на другом зима.

Каждое должно быть на разные слоях и на одинаковых координатах местоположения. То есть одно над другим пиксель в пиксель.

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

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

В английском фотошопе это Clipping Mask. Это важная маска которая взаимодействует с конкретным слоем или с группой слоев. По другому — накладывается одно изображение на другое в границах второго.

Покажу на примере. Я создаю две надписи в фотошопе на отдельных слоях и помещаю их в одну группу (папку). Сверху над этой группой я помещаю на отдельном слое какое-либо изображение. В данном случае это фотография с осенними листьями. Кликаю правой кнопкой на этот слой и выбираю Обтравочная маска — Clipping Mask. Маска создается и изображение накладывается на надписи.

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

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

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

Как создать векторную маску. Для этого достаточно нарисовать Путь (Path) с помощью Пера (Pen Tool) на слое который будет использовать маску. Далее зайти в меню Слой — Векторная Маска — Использовать Путь (Layer — Vector Mask — Current Path). Маска создастся в границах вектора который вы рисовали.



Эта статья также доступна на следующих языках: Тайский

  • Next

    Огромное Вам СПАСИБО за очень полезную информацию в статье. Очень понятно все изложено. Чувствуется, что проделана большая работа по анализу работы магазина eBay

    • Спасибо вам и другим постоянным читателям моего блога. Без вас у меня не было бы достаточной мотивации, чтобы посвящать много времени ведению этого сайта. У меня мозги так устроены: люблю копнуть вглубь, систематизировать разрозненные данные, пробовать то, что раньше до меня никто не делал, либо не смотрел под таким углом зрения. Жаль, что только нашим соотечественникам из-за кризиса в России отнюдь не до шоппинга на eBay. Покупают на Алиэкспрессе из Китая, так как там в разы дешевле товары (часто в ущерб качеству). Но онлайн-аукционы eBay, Amazon, ETSY легко дадут китайцам фору по ассортименту брендовых вещей, винтажных вещей, ручной работы и разных этнических товаров.

      • Next

        В ваших статьях ценно именно ваше личное отношение и анализ темы. Вы этот блог не бросайте, я сюда часто заглядываю. Нас таких много должно быть. Мне на эл. почту пришло недавно предложение о том, что научат торговать на Амазоне и eBay. И я вспомнила про ваши подробные статьи об этих торг. площ. Перечитала все заново и сделала вывод, что курсы- это лохотрон. Сама на eBay еще ничего не покупала. Я не из России , а из Казахстана (г. Алматы). Но нам тоже лишних трат пока не надо. Желаю вам удачи и берегите себя в азиатских краях.

  • Еще приятно, что попытки eBay по руссификации интерфейса для пользователей из России и стран СНГ, начали приносить плоды. Ведь подавляющая часть граждан стран бывшего СССР не сильна познаниями иностранных языков. Английский язык знают не более 5% населения. Среди молодежи — побольше. Поэтому хотя бы интерфейс на русском языке — это большая помощь для онлайн-шоппинга на этой торговой площадке. Ебей не пошел по пути китайского собрата Алиэкспресс, где совершается машинный (очень корявый и непонятный, местами вызывающий смех) перевод описания товаров. Надеюсь, что на более продвинутом этапе развития искусственного интеллекта станет реальностью качественный машинный перевод с любого языка на любой за считанные доли секунды. Пока имеем вот что (профиль одного из продавцов на ебей с русским интерфейсом, но англоязычным описанием):
    https://uploads.disquscdn.com/images/7a52c9a89108b922159a4fad35de0ab0bee0c8804b9731f56d8a1dc659655d60.png