Работа с масками в фотошоп: Скрытие слоев с помощью масок в Photoshop

Содержание

Советы по работе с масками в фотошопе

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

Общие принципы работы маски в фотошопе

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

  1. Возьмем для примера фото с двумя предметами. В нашем случае это две фигурки зайцев. Обведем одного зайца с помощью пера и сделаем выделение. Если вы не знаете как сделать выделение с помощью пера, то почитайте статью «Как убрать фон в Photoshop?».
  2. Теперь нужно просто нажать на кнопку маска.
  3. Создалась маска. Как мы видим на миниатюре слоя созданная маска состоит из двух цветов – черного и белого. Черный цвет скрывает изображение, белый открывает. Так как у нас один слой и под слоем с зайцами ничего нет, то и видим мы прозрачную область в черных областях маски.
  4. Активируйте маску кликнув по ней мышкой. Маска должна отметиться рамкой:
  5. Для того, чтобы нам скрыть нашего зайца и открыть второго, надо, не снимая выделения с маски, нажать сочетание клавиш ctrl + I, и наша маска инвертируется, то есть черная область станет белой и наоборот. Что позволит нам скрыть зайца и раскрыть всю остальную область фотографии:
  6. Вы наверно заметили, что между иконкой слоя и маской есть так называемая сцепка:
  7. Эта сцепка служит для того, чтобы при перемещении маски перемещался и слой с изображением. Но если мы отключим сцепку и подвигаем изображение или маску, то они будут перемещаться вне зависимости друг от друга:
  8. Чтобы удалить слой-маску нажмите на нее правой кнопкой мыши и выберите пункт «Удалить слой-маску».

Применение маски с помощью кисти

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

  1. Для того, чтобы создать «белую» маску в фотошопе необходимо нажать на кнопку «маска». Если вам нужно создать «черную» маску, то зажимаем Alt и жмем на кнопку маски. Разницу этих двух способов вы поймете чуть позже. Мы же создадим пока «белую» маску:
  2. Из предыдущей части урока мы с вами разобрали, что белый цвет на маске открывает изображение, а черный цвет скрывает. Соответственно мы видим, что наша маска полностью белого цвета и изображение полностью видно. Для того, чтобы скрыть уши зайцев нам надо взять инструмент «Кисть» и настроить для нее черный цвет:
  3. Теперь нам нужно выбрать слой-маску активировав ее и кистью закрасить уши зайцам. Вот, что у нас получилось:
  4. Мы видим на слое-маске появились черные пятна. Это мы с помощью обычной кисти закрасили уши зайцам. Так же если мы создадим черную маску зажав alt и кликнув по кнопке маска, то мы сможем проявить нужный нам предмет на изображении.
  5. Удалим слой-маску и создадим «черную» маску. Как вы уже знаете, она скроет полностью все изображение. И для того, чтобы проявить его часть нужно взять кисть белого цвета и закрасить белым цветом по маске ту область, которую нам нужно сделать видимой. Вот, что у нас получилось:

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

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

Работа с готовыми масками в фотошопе cs6. Обтравочная маска в «Фотошопе» (Clipping Mask в Photoshop)

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Фрагменты

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

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

Заключение

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

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

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

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

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

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

Для понимания понятия маски в фотошопе, представим себе обычную карнавальную маску. Ее задача скрыть под собой лицо. Так и в Photoshop маска скрывает под собой слои лежащие ниже и показывает слой к которому она применена. Чтобы было более наглядно откроем фотошоп и создадим файл с двумя слоями: нижний зальем желтым цветом, а верхний зеленым. К верхнему слою применим маску, для этого заходим в меню «Layer » («Слой «), выбираем «Layer Mask » («Маска слоя «) и «Reveal All » («Показать все «). В палитре слоев справа около верхнего слоя появился белый прямоугольник, это и есть маска.

Рисуем по маске черным цветом.

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

Скрываем фон при помощи маски слоя.

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

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

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

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

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

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

Вот, что у меня получилось в результате всех манипуляций. Если посмотреть на последний шарик справа, то он полупрозрачный и за ним видно лапу кота. Сделать это очень просто. Как я уже рассказывал выше, если рисовать серым цветом, то прозрачность маски меняется в зависимости от интенсивности цвета. Поэтому я просто взял светло-серый и закрасил шарик на маске и он стал полупрозрачным.

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

Хочу добавить, что у масок есть один негативный эффект — увеличение размера выходного файла, причем в некоторых случаях даже в несколько раз. Чтобы этого избежать, в конце работы с маской щелкните по ней правой кнопкой мыши и выберите в меню «Apply Layer Mask » («Применить маску «).

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

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

Достаточно наглядно будет выглядеть следующий пример:

Сделаем два слоя. Верхний зальем красным цветом, а нижний — зеленым.

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

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

Теперь появилась белая маска. Белый цвет — это 100% непрозрачность. Черный — это полная прозрачность. Получается, что градации серого цвета дадут определенное значение непрозрачности в диапазоне от 100 до 0%.

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

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

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

На миниатюре появляется всё, что нарисовано на маске.

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

Чёрная кисть 100%, жёсткость 0%

Чёрная кисть 100%, жёсткость 100%

Заливка чёрным цветом 100%

Заливка чёрный цветом 50%

Чёрно-белый градиент.

Как это применяется на фотографиях?

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

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

К верхнему слою необходимо создать маску.

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

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

Чтобы более детально рассмотреть маску, нужно клацнуть по её миниатюре в палитре слоев с зажатой клавишей Alt. Чтобы вернуть всё как было, следует проделать то же самое.

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

На основе материалов с сайта:

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

Достаточно наглядно будет выглядеть следующий пример:

Сделаем два слоя. Верхний зальем красным цветом, а нижний — зеленым.

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

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

Теперь появилась белая маска. Белый цвет — это 100% непрозрачность. Черный — это полная прозрачность. Получается, что градации серого цвета дадут определенное значение непрозрачности в диапазоне от 100 до 0%.

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

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

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

На миниатюре появляется всё, что нарисовано на маске.

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

Чёрная кисть 100%, жёсткость 0%

Чёрная кисть 100%, жёсткость 100%

Заливка чёрным цветом 100%

Заливка чёрный цветом 50%

Чёрно-белый градиент.

Как это применяется на фотографиях?

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

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

К верхнему слою необходимо создать маску.

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

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

Чтобы более детально рассмотреть маску, нужно клацнуть по её миниатюре в палитре слоев с зажатой клавишей Alt. Чтобы вернуть всё как было, следует проделать то же самое.

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

На основе материалов с сайта:

Эту статью я начал писать ещё в ноябре 2010-го года. Материал достаточно объемный, так что до конца доведен не был. Сегодня я достал старый текст, стряхнул с него пыль, и начал переписывать. Мы будем проникать в суть маски слой за слоем или, выражаясь иначе, маска за маской. От самых простых масок, до самых не простых. Маска или маскирование присутствует в практически любой графической программе. Маска есть в Adobe Flash, Photoshop, Illustrator, InDesign. В Gimp, Corel Painter и Corel Draw . Маска имеет разные название, где-то она называется Power Clip , где-то Clipping Mask или Clipping Path . Значения это не играет никакого, так как суть маски везде одинакова — часть изображения скрывается маской, либо помещается внутрь другого изображения. И если мое последнее предложение вам ничего не сказало, то вот наглядный пример работы маски:

Читайте также

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

Зачем в Фотошопе нужна маска?

Поговорим о самой простой маске в программе Adobe Photoshop . К чему вот это нелепое маскирование, зачем оно нужно? Начиная работать в фотошопе преимущества маски были мне не очевидны. И действительно, зачем использовать какие-то эффекты, сложности и опции, если все можно по старинке затереть ластиком? Зачем маски, если ненужную область можно выделить и удалить? У маски имеется лишь один минус. Как и любым умением, маской необходимо научиться пользоваться. Отложим этот минус в копилку ленивых, дальше идут плюсы. Пользоваться маской очень просто. Для её создания достаточно сделать пару лишних кликов. Доводить до абсурда не надо. Маска это не предмет понта и не шкала крутости реального фотошопера. В некоторых ситуациях использование маски — перебор, в некоторых — необходимость. Главная цель маски — скрыть часть изображения или эффекта. Допустим, в случае с изображением есть простая альтернатива — удаление графики. В случае эффекта такой альтернативы нет. Фотошоп использует маску везде, где это возможно. Маска не удаляет изображение, маска скрывает изображение. Это и есть самый толстый плюс работы с масками. Допустим у нас имеется некое изображение, часть которого необходимо удалить. Хорошо, мы выделили область, удалили графику. Или подтерли её резинкой Eraser Tool . Получилось отлично, мы сохранили графику, конечно не в формат PDF , а в какой нибудь JPG , это же значительно круче. Прошел день, минула ночь, мы открываем фотошоп с новыми невероятными идеями, и оказывается, что значительно интереснее было бы обработать картинку иначе. Вот этот самолет, зачем мы ему удалили крыло? Надо вернуть, и где же наша History ? Все поезд ушел. И хорошо если мы оставили оригинал. Но работать придется с самого начала.

Сколько масок в Adobe Photoshop?

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

  • Layer Mask
  • Vector Mask
  • Clipping Mask

Многие ошибочно относят Quick Mask к традиционным маскам, но схожее название не делает Quick Mask маской, если вы понимаете о чем я. Нет, конечно, если включить опцию Quick Mask , в Фотошопе появляется красное затемнение которое так забавно стирается инструментом Brush Tool и все это очень похоже на маску, но к маскам это не имеет никакого отношения. Quick Mask — это инструмент выделения и на это указывает все. Во первых, он ничего не скрывает, а только выделяет. А во вторых, он даже находится в меню Select , отдельно от других масок, которые находятся в меню Layer . Область выделения с какой-то стороны промежуточный этап, так как выделение легко преобразовать в маску. Но это ещё не маска. Вы уже поняли, маски Adobe Photoshop можно добыть через меню слои Layers — Layer Mask / Vector Mask / Create Clipping Mask . Логично, ведь маски применяются к слоям в Фотошопе. Кроме этого рулевого способа по программе Photoshop раскидано множество шорткатов, речь о которых пойдет позже, а сейчас переходим к главному.

Маски слоя в Фотошопе (Layer Mask)

Вы уже поняли, что маска как бы скрывает изображение. При этом изображение не удалено. Оно прекрасно себя чувствует под маской, и сейчас я научу вас особой магии по созданию маски в фотошопе. Открываем в Фотошопе подходящую для этого картинку, выбираем инструмент выделения Polygonal Lasso Tool и выделяем центральный квадрат с надписью. Сразу говорю, изображение не мое, а найдено в интернете. Предположим, нам необходимо заменить задний фон на что-то другое, плюс навести красоту. Аккуратно выделяем объект огибая все неровности. Для ускорения выделения нажимайте клавиши ALT и SHIFT. Это позволит вам прибавлять и удалять области выделения не теряя выделенного. Почитайте за одно мою статью о добавлении и удалении областей выделения . Написана она применительно к векторным инструментам, но инструменты выделения в этом плане ничем не отличаются.
Если вы открыли картинку в Фотошопе, то её изображение является заблокированным задним фоном. В данном режиме работать с графикой практически невозможно, большинство необходимых опций заблокировано. Сделайте двойной клик по слою, или нажмите Layer > New > Layer from Background Если у вас нет палитры слоев Layers и вы вообще не понимаете о чем речь, нажмите Windows > Layers
Нажимайте OK. Теперь заблокированный задний фон превратился в нормальный слой с которым можно работать. Выделение, надеюсь, вы не отменили? Переходим к главному, создаем маску.

Создание маски в Фотошопе

В среднем уроке по маскам в Фотошопе вас бы отослали к шорткату, находящемуся в палитре Слоев Layers. Считаю этот подход неверным. Вместо «быстрых» шорткатов обратимся к истокам. Открываем Layer > Layer Mask и разберемся в выпадающем меню:

Reveal All при создании маски

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

Hide All при создании маски

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

Reveal Selection при создании маски

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

Hide Selection при создании маски

Скрывает выделенную область и, соответственно, оставляет не скрытой все остальное. Обратный эффект по сравнению с Reveal All .

From Transparent при создании маски

А эта интересная опция делает вот что. Если у вас на слое имеются невидимые области, настройка From Transparent скрывает их под маской. Для чего, если область и так невидима? При активной работе возникают разные ситуации. Например поверх имеющегося слоя вам понадобится перетащить другой слой, но таким образом, чтобы и он не задевал невидимые области. В этом случае быстрее всего было бы создать маску на невидимые области первого объекта, и скопировать их на второй. Я взял обычный ластик, выбрал гранжевую кисть и затер края нашей графики. Конечно, выделять никакие области при этом не нужно. Layer > Layer Mask > From Transparent сам найдет невидимые области и поместит их в маску.
И вот вам для примера рабочая ситуация. У меня есть фигура человека. Мне необходимо поместить её внутрь рваной фигуры FIRE так, чтобы края человека, не выходили за пределы краев FIRE. Ок, я копирую фигуру человека на рабочую область, и присваиваю ему маску слоя с табличкой FIRE.

Маски в Фотошопе – Работа с маской [ч.3]

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

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

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

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

Использование растровой и векторной маски

Обе маски скрывают. Растровая маска может скрывать частично. С другой стороны у векторной маски свои преимущества. Например, в Фотошопе обычное дело создавать выделения инструментом Pen Tool. Вначале мы создаем векторный контур, затем переводим его в выделение. Инструмент Pen Tool крайне удобен для создания действительно качественных и гладких выделений. Но зачем преобразовывать кривые в выделение, если можно сразу создать векторную маску?

Создаем векторную маску

  • Выберите инструмент Pen Tool
  • В панели Options выберите режим Path
  • Если у вас нет панели Options включите её Windows > Path
  • Подробнее о режиме Path можно прочитать в моей статье Shape Layer, Path и Fill Pixels в Фотошопе
  • Используя Pen Tool аккуратно обведите девушку. Работа с векторными инструментами требует сноровки. Область волос обводить не нужно. Захватите в этой части немного лишнего пространства. Там мы поработаем с растровой маской.

  • Выделите контур инструментом Path Selection Tool
  • В панели Options должен стоять режим Add to Shape Area (+)
  • Подробно о работе этих режимов можно прочитать в моей статье Add, Subtract, Intersect и Exlude в Фотошопе
  • Теперь зайдите в Layer > Vector Mask > Current Path
  • Если у вас ничего не получилось, скорее всего ваш слой является основным и заблокирован. Layer > New > Layer from Background решит проблему.

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

  • Выберите инструмент Lasso Tool и выделите область волос и девушку целиком. Главное, чтобы в выделение не попала та часть, которую мы хотим скрыть.
  • Не обязательно стараться выделить точно, поэтому я и предлагаю использовать Lasso Tool вместо Polygonal Lasso.

  • В панели Options нажмите кнопочку Refine Edge
  • Подробно о работе Refine Edge можно прочитать в моей статье Refine Edges в Фотошопе
  • Настройте маску Refine Edge так, чтобы в выделение попали только волосы.
  • Установите разумное значение радиуса, выберите кисть и обработайте волосы.

  • Не снимайте выделение.
  • Выберите Layers > Layer Mask > Reveal Selection

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

Двойная маска при создании сайта в Фотошопе

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

В моем примере панель с меню уже векторная. Она состоит из заливки с векторной маской. То есть это обычный прямоугольник, который я нарисовал инструментом Rectangle Tool и применил стили. В определенный момент работы я решил, что часть панели необходимо скрыть. Пусть она как бы выступает из ниоткуда постепенно. Я бы мог легко растрировать слой и просто стереть часть панели резинкой. Но знаете, я не хочу превращать легко настраиваемую, масштабируемую без потери качества панель в мертвый кусок пиксельной графики. Это же не пиксель-арт в конце концов. Я хочу иметь полный контроль за изображением и возможность все изменить завтра или после завтра, без необходимости опять с нуля рисовать эту панель. А через час мне покажется лучшим вариантом расширить панель, а через два часа я решу что частичное скрытие не было такой хорошей идеей.

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

  • Выберите слой заливки Layer > New Fill Layer > Solid Color Это специальная категория слоев, создающих слой, заливающий рабочую область спец материалом: одним цветом, градиентом или паттерном. Эти слои специально созданы для работы с масками, в том числе все векторные фигуры в фотошопе основаны на слоях заливки.
  • О работе с векторными примитивами можно прочесть в моей статье Векторные примитивы в Фотошопе
  • Выберите Layer > Vector Mask > Reveal All. Это добавит к слою с заливкой слой с векторной маской. Таким образом панель со слоями должна выглядеть вот так:

  • Кликните по иконке векторной маски в палитре слоев Layes. Чтобы на маске можно было рисовать, она должна быть выделена.
  • Выберите инструмент Pen Tool, нажмите SHIFT и нарисуйте прямоугольник. Зажатая клавиша SHIFT позволит создавать ровные перпендикулярные линии.
  • На панели Options должен стоять режим Add to Shape Area (+) Этот режим оставляет видимым все, что внутри фигуры, и скрывает все, что снаружи.
  • Я понимаю, что проще всего выбрать инструмент Rectangle Tool, в дальнейшем вы так и будете делать. В этом же уроке мы начинаем с истоков векторной и растровой маски, с самого нуля.

  • Как видите мы получили самую обычную векторную фигуру. Точно такую же, как если бы мы воспользовались инструментом Rectangle Tool. Усложним её.
  • Кликните по иконке с маской. Вы должны увидеть контуры фигуры. Или выберите фигуру инструментом Path Selection Tool
  • Выберите инструмент Pen Tool и дорисуйте над фигурой волнистое продолжение баннера.
  • На панели Options должен стоять режим Add to Shape Area (+)

  • Выберите инструмент Gradient Tool. В панели Options настройте градиент следующим образом:

  • Выберите вторую растровую маску в палитре слоев Layers. Иконка маски должна быть выделена чтобы с ней можно было работать.
  • Растровая маска работает по простому принципу: черный цвет — полное скрытие, белый цвет — то что мы видим, серый цвет — полускрытие, частичная невидимость. На маске можно рисовать кистью, использовать инструмент градиент, заливать, можно пользоваться инструментами выделения и заливать выделенные участки, но только в градации от черного к белому.
  • Нажмите SHIFT и протяните градиент у основания фигуры сверху вниз.

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

На этом все, успехов в освоении Фотошопа.

Читайте также:

Маски в Фотошопе – Layer Mask [часть 1]
Маски в Фотошопе – векторная маска [часть 2]
Маски в Фотошопе – Панель слоев [часть 4]

Автор:

Все для создания сайтов. Web-forSite.ru

Уроки Photoshop: Альфа-канал из 3D и маски

Сегодня мы займемся изучением работы с альфа-каналом и основ работы с масками, осуществляемой графическим редактором Adobe Photoshop. Ранее мы уже ознакомились с возможностью получения изображения с альфа-каналом. Если вы не в курсе, то сначала изучите предыдущий материал, а потом уже приступайте к сегодняшнему.

Для начала создадим какую-нибудь сцену в 3D Max на белом фоне и затем отрендерим ее в том разрешении с альфа-каналом, которое удобно для вас, сохранив в формат TIF (8 бит, store alpha channel) (в предыдущем уроке было описано как это делается). Полученный в результате файл нужно открыть в программе Adobe Photoshop (при этом версия значения не имеет, примеры для урока выполнены в версии программы CS3).

 

Если всё вами сделано правильно, то в в панели Channels (каналы)открытого файла вы найдете пять каналов: Red (красный), Green (зеленый), Blue (синий) RGB (смешанный: красный, зеленый и синий) и Alpha 1 (альфа-канал, где находится маска прозрачности, необходимая для дальнейшей обработки). Панель layers (слои) содержит один-единственный слой Background. Поскольку возле его названия изображен закрытый замок, то он является заблокированным по умолчанию.

Для того, чтобы снять блокировку (что необходимо для последующего использования со слоем маски), кликните дважды по названию слоя – откроется окошко New layer (Новый слой), где могут быть заданы основные свойства. Для этого в окошке ничего менять не надо, а просто можно нажать Ok (Enter). В результате слой Background в автоматическом режиме переименовывается в Layer0 (если вами не было задано другое имя) и разблокируется.

Теперь наступил момент применения к нему маски прозрачности, которая создается нами из альфа-канала. С этой целью осуществляем переход в панель Channels (каналы) и кликаем по пиктограмме альфа-канала Alpha, удерживая при этом клавишу Ctrl (Command на Mac)нажатой. Таким образом, происходит выделение на основание альфа-канала, которое будет видно на вашем изображении (программа вас предупредит, если выделение окажется незаметным или невидимым).

Далее нажимаем кнопку Add layer mask (Добавить маску слоя), не снимая выделения, Кнопка расположена внизу панели Layers (Слои). Одновременно напротив пиктограммы слоя Layer0 в панели Layers (Слои) станет видна другая пиктограмма маски данного слоя, которая связана с ней цепочкой. В результате фон изображения становится прозрачным.

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

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

Маска представляет собой еще один канал (помимо RGB каналов), находится информация о прозрачности. В каждом слое может содержаться одна маска (вернее, две, но векторная маска Vector Mask в данной статье не рассматривается). С маской возможна практически такая же работа, как и с изображением слоя – возможно применение различных корректировок цвета (Curves, Levels, Brightnest/Contrast и т. п.), по ней возможно рисование кисточкой, карандашом, накладывание градиента и т. д. При этом результат виден сразу. Для этого нужно только кликнуть по пиктограмме маски возле пиктограммы слоя в панели Layers (Слои). Для возвращения в обычный режим работы с изображением слоя таким же образом кликаем по пиктограмме слоя в той же панели.

Для сохранения рабочего файла с масками и слоями воспользуйтесь родным форматом Фотошопа TIF или PSD. А для сохранения результата работы в JPEG или любой иной формат следует провести объединение всех слоев командой Layer > Flatten image и сохранить в нужном формате.

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

Желаю творческих успехов!

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

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

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

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

Шаг 1:

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

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

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

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

Шаг 2:

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

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

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

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

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

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

Шаг 3:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Фрагменты

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

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

Заключение

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

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

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

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

Основы Photoshop Layer Mask для начинающих

Как использовать маску слоя в фотошопе

Настройка документа

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

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

И вот мое второе изображение (фото котенка с пузырьками из Adobe Stock ):

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

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

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

Идем в Файл> Сценарии> Загрузить файлы в стек.

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

Диалоговое окно «Загрузить слои».

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

Выбираю мои изображения.

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

Нажмите кнопку ОК, чтобы загрузить изображения.

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

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

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

Изображения, как они появляются после загрузки их в Photoshop.

Переименование слоев (необязательно)

Если мы снова посмотрим на панель «Слои», то увидим, что Photoshop назвал слои на основе имен файлов изображений. Я собираюсь быстро переименовать свои слои, чтобы мне не приходилось набирать эти длинные имена файлов. Вы можете пропустить эту часть, если хотите, но переименование слоев — очень хорошая привычка.

Я начну со слоя сверху. Чтобы переименовать его, я дважды щелкну его текущее имя, чтобы выделить его. Затем я введу «Cat» на клавиатуре для нового имени. Если ваша фотография также не кошка, вы можете назвать ее по-другому:

Переименование верхнего слоя.

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

Нажмите Tab, чтобы выделить имя нижнего слоя.

Затем я введу «Собаку» для ее нового имени. Я нажму Enter (Win) / Return (Mac) на своей клавиатуре, чтобы принять изменения имени, и теперь оба слоя были переименованы, со слоем «Cat» сверху и слоем «Dog» внизу. Не намного проще, чем это:

Оба слоя были переименованы.

Перестановка изображений

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

Для этого я выберу Photoshop’s Move Tool на панели инструментов в левой части экрана. Я также мог выбрать инструмент «Перемещение», нажав на клавиатуре букву V :

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

Я нажму на слой «Cat» на панели «Слои», чтобы выбрать его и сделать его активным слоем:

Выбор слоя «Кошка».

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

Удерживая Shift, перетаскивая слой «Cat» вправо.

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

Нажав на значок видимости для слоя «Кошка».

Когда слой «Кошка» отключен, я нажму на слой «Собака», чтобы выбрать его:

Выбор слоя «Собака».

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

Удерживая Shift, перетаскивая слой «Dog» влево.

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

Включение слоя «Кошка» снова.

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

Результат после репозиции изображений.

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

Итак, что же такое маска слоя и что она делает? Проще говоря, маска слоя — это то, что мы можем добавить к слою, что позволяет нам контролировать прозрачность этого слоя. Конечно, в Photoshop есть и другие способы управления прозрачностью слоя. Параметр « Непрозрачность» на панели «Слои» является одним из способов настройки прозрачности. Eraser Tool является еще одним распространенным способом добавить прозрачность слоя. Так что же делает маски слоев такими особенными?

Хотя параметр «Непрозрачность» на панели «Слои» позволяет нам контролировать прозрачность слоя, он ограничен тем фактом, что он может регулировать прозрачность только для всего слоя в целом . Уменьшите значение непрозрачности до 50%, и весь слой станет прозрачным на 50%. Опустите его до 0%, и весь слой полностью скрыт от глаз.

Это может быть хорошо в некоторых ситуациях. Но что, если вам нужна только часть слоя, чтобы быть прозрачной? Что если, скажем, вы хотите, чтобы левая сторона слоя была на 100% прозрачной (полностью скрытой), а правая сторона была на 100% видимой, с плавным переходом между ними в середине? То, что я только что описал, является очень распространенной техникой в ​​Photoshop, позволяющей нам плавно переходить одно изображение в другое. Но поскольку нам нужно было бы регулировать уровень прозрачности различных областей слоя по отдельности , а параметр «Непрозрачность» может влиять только на весь слой в целом , этот простой эффект выходит за рамки возможностей параметра «Непрозрачность».

Опция непрозрачности слоя

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

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

Параметр «Непрозрачность» находится в правом верхнем углу панели «Слои». По умолчанию он установлен на 100%, что означает, что слой полностью виден в документе. Давайте снизим это до 70% :

Понижение непрозрачности верхнего слоя до 70%.

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

Результат после снижения непрозрачности верхнего слоя до 70%.

Если мы снизим значение непрозрачности до 0% :

Понижение непрозрачности верхнего слоя до 0%.

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

Результат после снижения непрозрачности до 0%.

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

Увеличение значения непрозрачности до 100%.

Это возвращает верхнее изображение назад и возвращает нас туда, где мы начали:

Оба изображения снова видны.

Непрозрачность слоя против заливки в фотошопе

Инструмент Ластик

Теперь, когда мы рассмотрели параметр «Непрозрачность», давайте посмотрим, может ли инструмент Eraser от Photoshop дать нам лучшие результаты. В отличие от параметра «Непрозрачность», который влияет на весь слой сразу, инструмент «Ластик» в Photoshop может легко регулировать прозрачность различных частей слоя по отдельности. Это связано с тем, что инструмент Eraser Tool — не более чем кисть, и для его использования мы просто перетаскиваем кисть по всем областям, которые хотим удалить.

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

Это называется деструктивным редактированием в Photoshop, поскольку оно вносит постоянные изменения в исходное изображение. Если позже нам потребуется восстановить часть области, которую мы стерли с помощью инструмента «Ластик», то сделать это нелегко. Зачастую единственным вариантом на этом этапе было бы повторно открыть исходное изображение (при условии, что оно у вас есть) и начать работу заново.

Сохранение нашей работы

Давайте посмотрим на Eraser Tool в действии. Но прежде чем мы это сделаем, мы быстро сохраним наш документ. Таким образом, когда мы закончим с инструментом Eraser Tool, мы сможем легко вернуться к исходному состоянию нашего документа. Чтобы сохранить его, перейдите в меню « Файл» вверху экрана и выберите « Сохранить как» :

Идем в Файл> Сохранить как.

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

Параметры «Сохранить как».

Теперь, когда мы сохранили документ, я выберу инструмент Eraser Tool на панели инструментов. Я также мог бы выбрать его, нажав букву E на клавиатуре:

Выбор инструмента Ластик.

Выбрав Eraser Tool, я щелкну правой кнопкой мыши (Win) / Control-click (Mac) внутри документа, чтобы открыть средство выбора пресетов кисти, где я могу отрегулировать размер и твердость кисти с помощью ползунков вверху. Чтобы смешать одно изображение с другим, лучше всего подходит большая кисть с мягким краем, поэтому я увеличу размер кисти примерно до 490 пикселей и уменьшу твердость до 0% . Возможно, вам придется выбрать другой размер кисти в зависимости от размера ваших изображений:

Установка размера и твердости инструмента «Ластик».

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

Стираем некоторые фотографии кошек, чтобы показать фотографию собаки за ней.

Я продолжу стирать больше изображения кошки, чтобы смешать его с изображением собаки, и вот результат. Как мы видим, инструмент Eraser Tool позволил легко объединить две фотографии:

Результат с помощью Eraser Tool.

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

Отключение слоя «Собака».

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

Инструмент Ластик навсегда удалил части изображения.

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

Восстановление изображения

К счастью, в этом случае мы планировали заранее и сохранили наш документ перед использованием инструмента Eraser Tool. Чтобы вернуть документ обратно к тому, как он выглядел до того, как мы стерли все пиксели, все, что нам нужно сделать, — это зайти в меню « Файл» в верхней части экрана и выбрать « Восстановить» :

Идем в Файл> Вернуть.

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

Верхнее изображение было восстановлено.

Все еще прокручиваете? Загрузите этот учебник в формате PDF!

Добавление маски слоя

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

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

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

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

Нажав значок «Добавить маску слоя».

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

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

Легко, как черно-белое (и серое)

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

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

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

Но по умолчанию, когда мы впервые добавляем маску слоя, Photoshop сохраняет весь слой полностью видимым. Делает это, заполняя маску слоя белым. Почему белый? Это связано с тем, что маска слоя работает так, что она использует белый цвет для представления областей слоя, которые должны оставаться на 100% видимыми в документе. Он использует черный для обозначения областей, которые должны быть на 100% прозрачными (полностью скрытыми). И он использует различные оттенки серого между ними для представления частичной прозрачности , при этом области, заполненные более темными оттенками серого, выглядят более прозрачными, чем области, заполненные более светлыми оттенками.

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

Поскольку моя маска слоя в настоящее время заполнена белым цветом, а белый цвет на маске слоя представляет области на слое, которые видны на 100%, все мое изображение на слое «Cat» полностью видно в документе:

Изображение кошки видно на 100% с маской слоя, заполненной белым.

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

Рамка выделения вокруг миниатюры говорит нам, что маска слоя выбрана.

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

Собираюсь Правка> Заполнить.

Откроется диалоговое окно «Заполнение» в Photoshop. Измените параметр Содержание вверху на Черный , затем нажмите OK :

Изменив «Содержимое» на «Черное» в диалоговом окне «Заполнить».

Вернувшись на панель «Слои», мы видим, что миниатюра маски слоя теперь заполнена сплошным черным:

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

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

Изображение кота исчезает после заливки маски слоя черным.

Что если мы залим маску слоя серым? Давайте попробуем. Я вернусь в меню Edit и еще раз выберу Fill :

Идем снова, чтобы Редактировать> Заполнить.

Когда диалоговое окно «Заливка» появится снова, я изменю параметр « Содержимое» с черного на 50% серого , а затем нажмите « ОК» :

Изменение «Содержимое» на «50% Серый».

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

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

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

Результат после заполнения слоя маски 50% серым.

Давайте восстановим изображение до 100% видимости, снова зайдя в меню Edit и выбрав Fill :

Собираюсь в последний раз, чтобы Edit> Fill.

Когда появится диалоговое окно Fill, измените опцию Contents на White , затем нажмите OK :

Меняя «Содержание» на «Белый».

Это заполняет нашу маску слоя белым, как это было изначально:

Маска слоя снова заполнена белым.

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

Результат после заполнения слоя маской белым.

Разрушительное и неразрушающее редактирование

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

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

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

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

Убедитесь, что маска, а не слой, выбран.

Инструмент Кисть

Ранее я упоминал, что Eraser Tool — это кисть. С масками слоев, мы не используем сам Eraser Tool, но мы делаем использовать кисть. На самом деле, мы используем Photoshop’s Brush Tool . Я выберу его на панели инструментов. Вы также можете выбрать Brush Tool, нажав букву B на клавиатуре:

Выбор инструмента «Кисть».

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

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

Текущие цвета переднего плана (вверху слева) и фона (внизу справа).

Чтобы установить наш цвет переднего плана на черный, все, что нам нужно сделать, это поменять местами текущие цвета переднего плана и фона, и самый простой способ сделать это — нажать клавишу X на клавиатуре. Это устанавливает цвет переднего плана и цвет нашей кисти на черный:

Нажмите X, чтобы поменять цвета переднего плана и фона.

Все, что нам нужно сделать сейчас, это установить размер и твердость нашей кисти. Как и в случае с инструментом Eraser Tool, я щелкну правой кнопкой мыши (Win) / Control-click (Mac) внутри своего документа, чтобы быстро открыть инструмент выбора кистей в Photoshop . Затем я буду использовать ползунок « Размер» вверху, чтобы установить размер кисти, равный размеру, который я использовал с помощью инструмента «Ластик» (около 490 пикселей), и перетаскиваю ползунок « Твердость» полностью влево (до значение 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 на клавиатуре и нажмите на миниатюру маски слоя . На миниатюре появится большой красный крестик , сообщающий, что маска временно отключена:

Удерживая Shift и нажимая миниатюру маски слоя.

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

Отключение маски слоя делает все изображение на слое видимым на 100%.

Чтобы снова включить маску и снова скрыть эти области, нажмите и удерживайте клавишу « Shift» и еще раз нажмите на миниатюру маски слоя . Красный крестик на миниатюре исчезнет, ​​как и области изображения, которые вы закрасили черным:

Повторное включение маски слоя снова скрывает области.

Картина с белым, чтобы восстановить скрытые области

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

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

Нажмите X, чтобы поменять цвет переднего плана (верхний левый образец) на белый.

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

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

Опять же, поскольку мы рисуем на маске слоя, а не на самом изображении, мы не видим цвет кисти при рисовании. Поэтому, чтобы лучше увидеть, что я сделал, я посмотрю маску слоя в документе, нажав и удерживая Alt (Win) / Option (Mac) на клавиатуре и нажав на миниатюру маски слоя , как мы делали ранее.

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

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

Работа с масками в формате JPG

Адаптация урока, выполняемого в Фотошоп, размещённого на сайте http://www.photoshop-master.ru.
Это готовая маска, с её помощью можно создать красивую рамку для фотографии. Размер фотографии должен соответствовать размеру маски. Размер можно подогнать заранее.


Откроем эту маску в ГИМП, «Файл» → «Открыть».
Для того чтобы, использовать эту форму как рамку для фото, нужно создать выделение на её основе. Это можно сделать с помощью каналов.
Переходим в диалог «Каналы» и дублируем синий канал. Находясь на выделенном синем канале, щелкаем правой кнопкой мыши и выбираем пункт «Создать копию канала».


Нам нужно, чтобы изображение в канале было только черно-белым, без оттенков серого цвета. Поэтому находясь на дубликате канала, идём в меню «Цвет» →« Уровни» и черный ползунок перемещаем вправо.


Вот что получилось.


Цвет в середине маски стал чёрным (000000), а был тёмно- серым.
Теперь откройте фотографию, на которую вы хотите применить маску. «Файл» → «Открыть как слои», и тогда надо добавить альфа канал к слою с фото, «Слой» →
«Прозрачность» → «Добавить альфа – канал». Или идём в меню «Файл» → «Открыть», открываем фото, и «Правка» → «Копировать», перейти на файл с маской, и «Правка» → «Вставить как новый слой». Альфа-канал уже будет добавлен.


В диалоге слоёв появится слой с фотографией.


Переходим снова в диалог «Каналы», находимся на канале Копия «Синий». Видимость отключим (значок глазика). Щёлкаем правой кнопкой мыши и выбираем «Канал в выделение».


Загружается выделение канала нашей рамки.


Возвращаемся в диалог «Слои», переходим на слой с фото и нажимаем Delete.
Снимаем выделение, нажав Ctrl + Shift + A, или через меню «Выделение» → «Снять выделение».
Между фото и маской можете создать новый слой и залить белым цветом.


Или черным цветом. Вот результат на другом фото:


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

Как использовать маски слоя в Photoshop (с помощью ярлыков!)

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

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

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

Как работает маска слоя?

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

На маске слоя все, что имеет 100% белый , будет 100% видимым .

Между тем, все, что имеет 100% черный , будет на 100% прозрачным или невидимым.

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

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

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

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

С помощью ластика можно навсегда изменить слой. Это не то, что вам нужно.

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

Тот же результат, что и с помощью ластика, на этот раз без разрушения с использованием маски слоя.

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

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

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

Как использовать маски слоя — шаг за шагом

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

Шаг 1. Создайте маску слоя

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

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

Рядом с миниатюрой слоя появится белое поле. Это ваша маска слоя.

Шаг 2. Выберите маску и возьмите кисть.

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

Затем возьмите инструмент «Кисть», нажав B или щелкнув по нему на панели инструментов.

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

Шаг 3: Закрасьте маску слоя, чтобы скрыть части слоя

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

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

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

Шаг 4: Подправьте маску по мере необходимости

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

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

Шаг 5. Отрегулируйте положение (дополнительно)

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

Чтобы переместить слой и маску слоя вместе, просто выберите инструмент «Перемещение», нажав V , и выберите слой. Щелкните и перетащите слой по холсту, чтобы изменить их положение одновременно.

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

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

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

Почему у вас слой-маска белого цвета?

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

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

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

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

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

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

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

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

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

— Обычные слои

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

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

— текстовые слои

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

— Группы

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

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

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

Как создать маску слоя

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

С учетом сказанного, могут быть случаи, когда более эффективный способ сделать это — использовать маску слоя черный (100% невидимый) . Если вы знаете, что хотите, чтобы была видна только очень небольшая часть слоя, это идеальный вариант.

Чтобы создать новую черную (невидимую) маску слоя, удерживайте клавишу Alt (ПК) или Option (Mac), пока щелкает значок маски слоя .Это создаст новую полностью прозрачную маску, которая сделает весь ваш слой невидимым. Отсюда вы можете закрасить эту маску белым цветом, чтобы показать участки вашего слоя, которые вы хотите сохранить.

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

Как рисовать на маске слоя

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

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

— Кисть

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

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

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

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

Для общего использования нет лучшего регулятора маски слоя, чем Brush Tool.

— Инструмент градиента

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

Чтобы применить градиент к маске слоя, сначала выберите инструмент «Градиент», нажав G или выбрав его на панели инструментов.

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

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

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

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

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

— Применение выборки

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

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

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

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

Чтобы заполнить активное выделение цветом переднего плана , нажмите Option + Delete (Mac) или Alt + Delete (ПК).

Чтобы заполнить выделение цветом фона , нажмите Command + Delete (Mac) или Control + Delete (ПК).

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

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

Использование маски слоя для удаления фона в Photoshop

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

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

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

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

Теперь выделение применено, вы можете настроить или добавить маску слоя по мере необходимости с помощью инструментов «Кисть» или «Градиент». Использование маски для удаления фона — лучший способ сделать что-либо неразрушающим.Даже если вы не думаете, что вам нужно будет вносить изменения, было бы здорово иметь возможность позже. Вот что такого замечательного в использовании масок слоя с выделениями!

10 ярлыков маски слоя и дополнительные советы

Чтобы сделать маски слоев еще проще, попробуйте некоторые из этих удобных сочетаний клавиш, чтобы упростить процесс!

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

Нет встроенного ярлыка для создания новой маски слоя в Photoshop.Однако вы можете создать свой собственный!

Для этого сначала перейдите в Правка> Сочетания клавиш.

Прокрутите список параметров и щелкните вкладки Слой> Маска слоя> Показать все.

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

Если вы не знаете, какой ярлык использовать, вы можете скопировать мою комбинацию клавиш Command + Shift +. (Mac) или Control + Shift +. (ПК).

Теперь вы можете создать новую маску слоя с помощью этого сочетания клавиш, а не щелкать значок маски!

2. Инвертировать маску слоя

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

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

Кроме того, вы можете инвертировать уже используемую маску слоя, щелкнув маску слоя и нажав Command + I (Mac) или Control + I (ПК).

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

3. Отключить / включить маски слоев

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

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

4. Просмотр маски слоя

Удерживая Alt или Option (ПК / Mac) и щелкнув маску слоя , вы увидите, что маска слоя отображается на холсте. Таким образом, вам будет проще настроить маску слоя и увидеть, какие области были затронуты.

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

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

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

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

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

6. Дублирующие маски слоя

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

Теперь у вас будет точная копия вашей первоначальной маски слоя на новом слое!

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

7. Превратить маски слоев в выделенные области

Когда вы используете маску для вырезания изображения, вам может потребоваться повторно активировать ваш первоначальный выбор. Удерживая Command (Mac) или Control (ПК) и нажав на маске слоя, Photoshop превратит белые области маски слоя в выделение.

Это пригодится для таких вещей, как удаление объектов или конкретизация с помощью корректирующего слоя!

8.Отменить связь масок слоя

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

Чтобы переместить слой или маску слоя, вам понадобится инструмент «Перемещение» ( V ). Нажав на один из них, вы можете переместить один или другой и соответственно изменить положение.

9. Маска целевого слоя

При работе с масками слоя вам придется часто переключаться между слоем и маской.Чтобы упростить процесс, вы можете использовать сочетание клавиш Command + \ (Mac) или Control + \ (PC) для переключения с обычного слоя на маску слоя.

Чтобы переключиться с маски на обычный слой, нажмите Command + 2 (Mac) или Control + 2 (ПК).

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

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

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

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

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

Счастливого редактирования,

Брендан 🙂

Освоение масок в Photoshop и Illustrator

Если вы работаете в Photoshop или Illustrator и обычно не используете маски, вы, вероятно, используете множество запутанных приемов и обходных путей, чтобы получить желаемый результат.Это, вероятно, временами болезненно и не дает уснуть по ночам. Что ж, не бойтесь, Джейк Бартлетт здесь, чтобы научить вас, как именно изображения и векторные маски работают в Adobe Photoshop и Adobe Illustrator.

Скрытый Микки?

Как маскировать объекты в Photoshop и Illustrator

Пора проснуться и Джейк

Загрузите файлы и ресурсы проекта

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

Загрузите эти бесплатные изображения из этого видео!

Загрузить сейчас

Чему вы собираетесь научиться в этом руководстве?

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

Как работают обтравочные маски в Illustrator

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

В Illustrator есть маски изображений?

Знаете ли вы, что Illustrator может использовать изображения в качестве масок точно так же, как Luma Matte в After Effects? Гадзуки!

Приемы масок изображений в Photoshop

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

Использование векторных масок в Photoshop

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

Свободно овладеть Photoshop и Illustrator за 8 недель

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

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

———————————————— ————————————————— ———

Учебник Полный текст ниже 👇:

Джейк Бартлетт (00:00): Привет, я Джейк Бартлетт.В этом коротком видео я расскажу вам, как маски работают в Photoshop, а маски иллюстратора очень эффективны. И через несколько минут вы сможете использовать их в своей работе. Adobe, Photoshop и иллюстратор используются практически в каждом проекте по моушн-дизайну. Поэтому вам нужно хорошо понимать, как они работают в Photoshop и иллюстраторе. Я преподаю вам все тонкости обеих программ с точки зрения моушн-дизайнеров. Так что посмотри. Если вы действительно хотите улучшить свои навыки, вы также можете загрузить файлы проекта, которые я использую в этом видео, чтобы следовать или попрактиковаться в этом.После того, как вы закончите просмотр, подробности будут в описании.

Джейк Бартлетт (00:46): Так что же такое маска? Что ж, на самом деле это просто техника для содержания части изображения или скрытия части изображения и иллюстратора. Это называется обтравочной маской, и я покажу вам, как это работает очень быстро. Допустим, я хочу, чтобы эта текстура содержалась в этом круге. Я переместу эту группу волнистых линий поверх круга. Очевидно, это выходит за рамки этого. Но если я перенесу этот круг поверх линий в иерархии слоев, я просто щелкну и перетащу этот круг над ним, выделю оба объекта, подойду к объекту полностью вниз до обтравочной маски и нажму на make.Вот и все. Вот и все. Волнистые линии теперь содержатся внутри этой формы, но допустим, что я хотел сохранить исходный серый цвет круга, а не только волнистые линии в форме круга.

Джейк Бартлетт (01:31): Хорошо, я просто отменю это. И у меня очень простой способ сделать это — использовать так называемый режим рисования внутри иллюстратора. И мне кажется, что это действительно малоизвестная особенность иллюстратора. Если вы не видите здесь этих трех маленьких квадратов, вероятно, ваша панель инструментов свернута.Поэтому убедитесь, что он развернут, чтобы вы могли видеть их красиво и четко. Но что нам нужно сделать, это сначала просто вырезать дырку из волнистых линий, выбрать их, нажать командир, клавишу X, чтобы вырезать и поместить их в буфер обмена. Затем я выберу этот круг. Переходим к этому третьему варианту, рисуем внутри. У нас есть ограничивающая рамка новой формы, которая сообщает нам, что мы находимся в этом новом режиме рисования. А затем я просто вставлю на место, нажав command shift V или control shift V на ПК. Теперь, если я отключу это, вы увидите, что эти волнистые линии содержатся внутри круга, но стиль круга сохраняется.

Джейк Бартлетт (02:20): Смотрим на палитру слоев. У нас есть клип-группа. Если я разверну его, у нас будут два объекта, эллипс с подчеркиванием под ним, сообщая нам, что объект используется в качестве обтравочной маски. А отсюда у нас есть группа закорючек. Я могу делать все, что я хочу. Я мог выбрать только эти волнистые линии и повернуть их. Я мог масштабировать их вверх или вниз, менять их цвета, и когда я доволен этим, я просто хочу убедиться, что я вернусь к нормальному рисованию в стандартном режиме, отключив его.И вот так. Итак, давайте быстро взглянем на наш второй пример и посмотрим, как мы можем использовать эту технику в реальном мире. Это файл, который вы можете скачать и подписаться на него вместе со мной. Просто перейдите по ссылке в описании видео.

Джейк Бартлетт (02:58): Допустим, я хочу добавить стилизованные блики к этому изображению Lamborghini, и я сделаю это, используя только прямые линии. Так что позвольте мне увеличить масштаб, и мы собираемся использовать ту же технику рисования внутри. Итак, я сначала выберу это лобовое стекло.Затем перейдите в режим рисования внутри, а затем возьмите мой инструмент линии, избавьтесь от моей заливки, щелкнув эту маленькую иконку монахини, переключитесь на мой цвет обводки и сделайте это красивым и ярким. Мы просто возьмем не совсем белый цвет для бликов и начнем рисовать линии. Так что я просто сделаю один, может быть, прямо здесь. Я просто увеличу размер обводки до 25. А затем с помощью инструмента выделения внутри этого режима рисованной стороны я могу даже продублировать этот объект, удерживая опцию или щелкая и перетаскивая Alt.А затем, скажем, сделайте это 15 баллов вместо 25, а затем еще раз, продублируйте его и сделайте так, чтобы он говорил о четырех баллах.

Джейк Бартлетт (03:50): Хорошо. Вот и мои маленькие стилизованные блики. Я выйду из этого режима рисования, и поехали. У нас есть стилизованные линии. Если мне не нравится их расположение, я могу просто дважды щелкнуть по одному из них, чтобы перейти в режим изоляции. Так что больше ничего не редактирую. А затем я просто выберу эти три вида их перестановки, возможно, немного изменим угол.И вот так. Я дважды щелкну снаружи, чтобы выйти из режима изоляции. У нас есть несколько красивых стилизованных бликов. Обтравочные маски настолько просты, но есть еще один тип маски внутри иллюстратора, называемый маской непрозрачности. И для этого мне понадобится фотография, чтобы использовать ее в качестве маски. Итак, я собираюсь заблокировать слой с машиной, разблокировать фон и затем развернуть его. Итак, я хочу добавить свое изображение, подойдя к файлу.

Джейк Бартлетт (04:37): И вот это изображение текстуры в формате JPEG, и это просто черно-белая фотография с шероховатой текстурой. Я нажимаю на место, а затем щелкаю там, где я хочу разместить верхний левый угол изображения.И вот так. У нас внутри наш образ. Допустим, я хочу использовать это изображение в качестве текстуры для фона этого рисунка, но я хочу иметь возможность контролировать его цвет. Я не хочу, чтобы только фон стал темнее. Что ж, тогда маска непрозрачности идеально подходит для такого рода приложений. Сначала я просто скрою этот слой. И я хочу продублировать этот фоновый прямоугольник, поэтому, удерживая нажатой клавишу «Option» или «Alt», перетащите вверх чуть ниже этой фотографии. А теперь у меня другой прямоугольник. Я собираюсь сделать его немного ярче, чтобы мы могли различать этот цвет и цвет фона.

Джейк Бартлетт (05:19): Далее. Я хочу снова включить эту фотографию и выделить весь вырез, как мы это сделали с волнистыми линиями, командирским элементом управления X, затем я выберу этот новый прямоугольник, перейду на панель свойств и в раздел непрозрачности. Вот этот маленький квадратик — вот что меня беспокоит. На нем нет знака, но здесь живет маска непрозрачности. Если я дважды щелкну так, как написано, чтобы создать маску непрозрачности, она станет черной, и мой прямоугольник исчезнет. И это потому, что в маске непрозрачности черные пиксели равны 100% прозрачности или невидимости, это 100% прозрачность, а белые пиксели на 100% непрозрачны или сплошные, а все остальное между белым и черным — полупрозрачные пиксели.Так как в моей маске ничего нет, она черная. И я не вижу никакой части своего изображения, но помню, что я вырезал ту фотографию раньше. Итак, пока я перехожу к своим слоям, убедитесь, что я нахожусь на этой маске непрозрачности.

Джейк Бартлетт (06:15): И я вставляю свою фотографию, теперь вставленную внутри этой маски непрозрачности. Если я вернусь к своим свойствам на панели непрозрачности, вы увидите миниатюру этой маски, потому что там моя текстура, и она используется для формирования непрозрачности этого слоя. И если я вернусь в свой обычный режим редактирования, щелкнув этот квадрат прямо здесь, я могу сойти с ума.Вы знаете, это наш фиолетовый цвет, но я могу изменить его на все, что захочу, и он обновится. Таким образом, он использует эту текстуру как информацию о непрозрачности, а не как информацию о цвете, что действительно здорово, но это действительно красивая текстура. Он скрывает большую часть нашего фона. Если я вернусь в прошлое панели и посмотрю на эту маску, вы увидите, что большая ее часть белая, и именно поэтому мы видим так много изображения, которое маскируем.

Джейк Бартлетт (06:59): Но если мы щелкнем по инвертированной маске, это буквально просто поменяет местами белые и черные пиксели.Так что теперь большая часть изображения скрывается, а не отображается. И у нас есть гораздо более легкая, более тонкая текстура. И, очевидно, я не хочу этого зеленого ядовитого цвета. Так что давайте просто изменим это обратно на что-то более розовое или пурпурное. И если бы я хотел, я мог бы даже перетащить это на отдельный слой. Итак, давайте создадим новый слой, переместим на него эту текстуру и поместим ее на самый верх. И теперь у нас есть эта красивая, тонкая, согласованная текстура по всему нашему изображению, и мы можем очень легко изменить ее цвет, но именно так маска непрозрачности работает внутри иллюстратора.

Джейк Бартлетт (07:42): Теперь давайте перейдем к Photoshop и поговорим о методах маскирования внутри этой программы. Теперь давайте сразу перейдем к маскам непрозрачности, потому что они очень похожи на то, как с ними работает иллюстратор. Таким образом, маскирование внутри Photoshop выглядит немного по-другому в нашей палитре слоев — это то место, где мы собираемся увидеть наши маски. Итак, выделив этот слой, я перейду к этой иконке маски прямо здесь. Это прямоугольник с отверстием. И если я нажму на это, он говорит: «Добавьте маску».Он просто добавит пустую маску, как это было в иллюстраторе. Когда мы сказали сделать маску, вместо того, чтобы сделать ее чисто черной, она сделала ее чисто белой. Теперь вы можете видеть, что у меня есть эти углы вокруг маски, указывающие на то, что я редактирую маску, а не слой. И я собираюсь сделать это немного больше, просто зайдя в настройки меню для палитры слоев, перейдя к параметрам панели, а затем сделав этот красивый и большой размер моего эскиза.

Джейк Бартлетт (08:31): Это действительно легко увидеть, если бы я просто взял свой прямоугольный инструмент выделения и нарисовал грубый прямоугольник вокруг этой кассеты, а затем залил его черным.Я просто нажимаю option или alt на ПК плюс delete, чтобы моя маска залилась черным. Вы можете увидеть это прямо здесь, что делает его на 100% прозрачным. Итак, я собираюсь командовать или контролировать, а затем, все еще выбранный, я просто хочу инвертировать его, чтобы белый цвет стал черным. Черный становится белым, очень просто управлять им, просто нажмите command или control I на клавиатуре. И это перевернет все, что вы выбрали. Теперь моя маска открывает кассету и убирает фон. Очевидно, это не очень хорошо, потому что это был очень грубый выбор, но это снова основы того, как маски слоев работают в Photoshop.

Джейк Бартлетт (09:21): Это точно так же, как маски непрозрачности в иллюстраторе. Теперь преимущество работы с масками, а не просто использование ластика, заключается в том, что это полностью неразрушающий эффект, вы редактируете маску, а не исходный слой. Так что, если бы я нажал Shift и щелкнул по этой миниатюре, я все еще мог бы видеть весь запрашиваемый контент. Я не удаляю и не теряю какие-либо из этих данных. Я всегда могу вернуться к этому. Так что, если бы я снова включил это, а затем переключился, чтобы сказать мой инструмент кисти, и у меня будет просто мягкая круглая кисть, я сделаю ее немного больше.Вы увидите, что я буду рисовать черным. Это значит, что я сниму с себя маску. Я могу закрасить и сказать, ох, я случайно отрезал угол этой кассеты. Позвольте мне сделать цвет фона. Так что это немного легче увидеть.

Джейк Бартлетт (10:05): Я просто сделаю это красивого, ярко-желто-оранжевого цвета и вставлю его на задний план. Итак, я отрезал угол кассеты. Что ж, все, что мне нужно сделать, чтобы вернуть это обратно, — это поменять местами два моих цвета, мои цвета переднего плана и фона, чтобы они были белыми.Так что я закрашу это обратно прямо сейчас. Это не лучший пример покраски маски, потому что это очень чистая форма, кассетная лента. Итак, вы знаете, что использование такого инструмента кисти, как этот, будет очень неточным, и вам придется просто добавлять, а затем удалять из маски. И это никогда не будет выглядеть так. Большой. Так что такой подход с использованием кисти, чтобы что-то замаскировать, эта жесткость — это просто не то, чем я бы стал. Так что позвольте мне просто причесать это обратно.

Джейк Бартлетт (10:47): Итак, у меня снова вся моя кассета, и давайте увеличим масштаб, чтобы сказать вот это отверстие. Это то, что мы могли бы использовать с помощью инструмента выделения. Гм, это было бы очень полезно, потому что, если я перейду к своему инструменту эллиптической области, я могу сопоставить этот овал здесь, щелкнув и перетащив, а затем я удерживаю пробел, чтобы переместить верхний левый угол и как бы подогнать его ко всей этой кассете прямо здесь. А затем я заполню это черным. Это мой цвет фона в настоящее время.Поэтому вместо удаления опции я собираюсь выполнить команду delete, чтобы залить моим цветом фона. И снова у меня эта маска выбрана. Таким образом, это влияет на маску, а не на содержимое этого слоя. Если я, удерживая option и alt, щелкну по миниатюре маски, мы сможем увидеть полученную маску более детально.

Джейк Бартлетт (11:32): Похоже, я даже пропустил немного своей маски, чтобы снова залить белым. Так что мы просто переключимся на мою кисть и заполним ее снова. Затем я нажму опцию для всех, чтобы выйти из этого, нажимая на эту миниатюру.И вот так. Теперь у нас есть все, что показывает прозрачность. Это отличное использование этого инструмента выделения, но в целом эти растровые маски или маски слоев хороши для действительно мелких деталей, потому что в Photoshop есть целый набор инструментов для создания действительно красивых выделений и масок, которые трудно замаскировать, например, волосы людей или травинки. , вещи с полупрозрачными прозрачными пикселями. Такие маски должны быть очень точными и чистыми. И в Photoshop просто есть так много инструментов, предназначенных именно для создания этих действительно сложных выделений, но есть еще один тип маски, с которым вы можете работать внутри Photoshop, называемый векторной маской.

Джейк Бартлетт (12:24): Итак, если я еще раз нажму на эту кнопку с рекламной маской, я получу здесь третью маленькую миниатюру, и это будет векторная маска. Итак, я просто отключу эту маску слоя, нажав на нее, нажав на нее, поместив X через нее. И я вернулся к своему первоначальному изображению без маски. Итак, мне нужно начать рисовать векторные пути. Итак, я просто перейду на инструмент «Перо». Итак, нажмите P на клавиатуре, а затем я проверю, что рисую путь, а не форму, и начну обводить эту кассету.Так что я собираюсь начать прямо здесь, верно? Там, где эта маленькая ручка щелкнет, когда Бен поднимется сюда, щелкните и перетащите и просто начните маскировать это. Теперь мое изображение сразу же исчезло, и это потому, что вы можете видеть, что оно использует это, заполните область моего векторного пути, чтобы замаскировать это изображение.

Джейк Бартлетт (13:13): Так что временно, я также собираюсь отключить векторную маску, удерживая Shift и щелкая по ней, чтобы я все еще мог видеть свое изображение. А затем я обязательно щелкну по нему еще раз, чтобы увидеть этот векторный путь и продолжить работу над ним.Так что я просто щелкну прямо там, в конце, и продолжу маскировку. Теперь я немного ускорю это. Если вы хотите научиться пользоваться пером, в Интернете можно найти множество ресурсов. Это также то, что я раскрываю в Photoshop и иллюстраторе. Так что не забудьте проверить это, если вы хотите узнать больше, но мы идем. У нас есть очень быстрая и грубая маска, и я могу снова включить ее, нажав Shift и щелкнув по этой миниатюре. И этот слой теперь замаскирован.Если я щелкну по слою, вы увидите, что это красивые и чистые края, потому что это вектор.

Джейк Бартлетт (13:54): Я могу вернуться на этот путь и скорректировать его. Точно так же, как возможность настроить маску слоя. Это абсолютно неразрушающий. Это позволяет нам работать очень свободно, не беспокоясь ни о чем. Теперь предположим, что я хочу вырезать этот раздел прямо здесь. Что ж, если у меня выбран этот путь, и я нажимаю P, чтобы вернуться к своему инструменту «Перо» и начать вырезать его снова, я ускорю это.Так что вам не нужно смотреть, как я использую перо. Теперь, когда я закрыл этот путь. Вы видите, что он ничего не вырезал, и это потому, что в нем включена та же операция контура для комбинирования форм. Если я хочу, чтобы это пробивало отверстие, мне нужно настроить его так, чтобы либо вычесть переднюю форму, либо исключить перекрывающиеся формы. Поэтому я просто настрою его на вычитание. Так что он удаляет, а не добавляет.

Джейк Бартлетт (14:36): И теперь, когда у меня есть этот путь, я могу фактически выбрать или щелкнуть Alt и перетащить его сюда и примерно выровнять его, а затем просто преобразовать его, нажав команду T.И это очень грубо, но вроде как дело обстоит. Теперь, очевидно, я мог бы еще немного очистить эти площадки, но именно так вы можете использовать слои, маски и векторные маски для маскировки объектов внутри Photoshop. Надеюсь, это прояснило для вас ситуацию и продемонстрировало, насколько мощны инструменты маскирования в Photoshop, а иллюстратор — подписаться. Если вам нужны другие советы, подобные этому, обязательно проверьте описание, чтобы вы могли загрузить файлы проекта из этого видео. Если вы действительно хотите узнать, как использовать эти два приложения с помощью профессионалов отрасли и забавных примеров проектов, ознакомьтесь с Photoshop и иллюстратором, выпущенным из школы движения.Спасибо за просмотр.

Основы маскирования яркости. 2 — Маски в Adobe Photoshop, как создавать маски яркости

Виды масок

Слои лежат в основе пакета обработки Adobe Photoshop, но они не были бы такими популярными без очень мощного инструмента, который можно использовать вместе — масок.

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

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

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

Белая маска в Adobe Photoshop означает непрозрачное изображение, черная — полностью прозрачное.

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

Маска всегда отображается справа от слоя и всегда черно-белая.

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

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

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

Возьмем черную кисть и нарисуем что-нибудь на белой маске.

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

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

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

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

Маски в фотографии

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

Маска с мягкой полупрозрачной кистью

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

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

Попробуйте создать новый слой с каким-либо сильным эффектом. Например, создайте новый слой Hue / Saturation и увеличьте глобальную насыщенность.

Теперь создайте черную маску для этого корректирующего слоя. Вы можете сделать это, выбрав предварительно созданную белую маску на слое и инвертируя ее с помощью Image - Adjustments - Invert или нажав Ctrl + I (Cmd + I в MacOS)

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

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

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

Градиентная маска

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

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

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

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

Цветовая маска

Цветовые маски создаются на основе цвета. Adobe Photoshop позволяет сделать это, выбрав Select - Color Range . В открывшемся диалоге вы можете выбрать цвет и настроить силу выделения.

Результирующее выделение можно применить к слою как маску.

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

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

Как создавать маски яркости

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

Создадим несколько масок вручную. Чтобы создать маски яркости, выберите вкладку «Каналы».Если он не отображается, выберите Окно - Каналы .

Если вы нажмете на любой канал, удерживая кнопку Ctrl (Cmd в MacOS), Adobe Photoshop выберет части изображения, которые ярче, чем 50% серого. Если вы будете работать с каналом RGB, вы получите маску яркости. Когда выделение создано и вы видите его на экране, нажмите кнопку создания маски. Это создаст новый канал для маски. Такую маску принято называть Lights.

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

Чтобы создать более ограниченную маску источников света, давайте еще раз щелкнем по каналу RGB, удерживая Ctrl (Cmd в MacOS), получив выбор этого источника света на экране. Затем нам нужно удерживать Ctrl + Alt + Shift (Cmd + Alt + Shift в MacOS) и снова щелкнуть по каналу RGB. Это создаст новый, более ограниченный выбор. Нажав на кнопку создания маски, мы получаем маску Lights-1.

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

Если мы нажмем на получившуюся маску Darks, удерживая Ctrl (Cmd в MacOS), а затем еще раз, удерживая Ctrl + Alt + Shift (Cmd + Alt + Shift в MacOS), мы получим маску Darks-1.

Продолжая так, мы можем создавать все более и более ограниченные маски — Darks-2, Darks-3 и так далее.

Как теперь использовать созданные маски? Как вы уже знаете, нажатие на канал или маску с удержанием Ctrl (Cmd в MasOS) создает выделение на основе маски.Давайте создадим новый корректирующий слой Curves, затем переключимся на Channels, щелкните и выберите Darks-1, вернитесь к Layers и установите выделение в качестве маски на нашем слое Curves.

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

Я уверен, вы согласитесь, что это довольно громоздкий процесс. Более того, каждый раз, когда вы меняете что-либо на экране, вам нужно заново строить все маски яркости.Посмотрим, как ARCPanel решает эту проблему.

  • Выберите желаемую маску, в нашем случае Darks-1
  • Если у вас установлен флажок Предварительный просмотр, маски будут просматриваться при наведении курсора на кнопки
  • Щелкните на желаемой маске
  • Щелкните значок Кривые или выберите любой другой корректирующий слой

В следующем уроке я рассмотрю все возможности панели, а уроки 4-6 покажут, как использовать маски на практике.

Как использовать маски слоя в Photoshop — Руководство для начинающих

* обновлено в августе 2021 г.

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

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

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

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

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

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

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

Как создать маску слоя

1. Откройте любое изображение или фотографию в Photoshop.

2. Нажмите кнопку «Добавить маску слоя» в нижней части панели «Слои».


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

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

4. Выберите инструмент «Кисть» на панели инструментов или нажмите B на клавиатуре в качестве ярлыка. На панели Options в верхней части экрана откройте Brush Picker и выберите размер и жесткость кисти.Я использую круглую кисть 500 пикселей с твердым краем.

5. Нажмите D на клавиатуре. Это устанавливает цвет переднего плана на белый, а цвет фона на черный. Мы хотим рисовать в черный цвет, поэтому нажмите X на клавиатуре, чтобы поменять местами цвета переднего плана и фона.

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

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

Основные правила использования масок слоя:

  • Белые области маски видны на этом слое
  • Черные области маски скрыты на этом слое
  • Серые области полупрозрачны.Уровень прозрачности будет зависеть от того, насколько светлый или темный будет серый цвет.

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

Как объединить два изображения с помощью маски слоя

1. В Photoshop откройте фоновое изображение. Я использую эту фотографию человека, держащего iPad, которую вы можете бесплатно скачать с Freepik. https://www.freepik.com/free-psd/tablet-screen-mock-up-design_1000630.htm#term=ipad&page=1&position=22

2.Откройте второе изображение. Я использую это изображение воздушного шара Дэвида Клоуде, которое также можно бесплатно загрузить с Unsplash. https://unsplash.com/photos/Hv4cyj2UJEc. Мы сделаем так, чтобы изображение с воздушным шариком появлялось на экране iPad.

3. На изображении воздушного шара выберите Select> Select All или нажмите Cmd + A (Mac) или Ctrl + A (Windows) на клавиатуре, чтобы выделить все на изображении воздушного шара.

4.Вернитесь к изображению iPad, затем вставьте только что скопированный воздушный шар в изображение назначения (изображение iPad), нажав Cmd + P или Ctrl + P .

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

6. Выберите Edit> Free Transform или нажмите Cmd + T или Ctrl + T на клавиатуре, чтобы применить свободное преобразование.

Вокруг изображения появится ограничивающая рамка с небольшими прямоугольниками в углу. Это ручки для изменения размера. Чтобы мы могли видеть все ручки в каждом углу, уменьшите изображение, нажав Cmd + — (знак минус) или Ctrl + — . Уменьшайте масштаб, пока не увидите всю ограничивающую рамку и маркеры в каждом углу.

7. Наведите курсор на правый нижний маркер и перетащите его по диагонали вверх и влево. Примечание. Если вы используете версию Photoshop старше CC 2019, удерживайте нажатой клавишу Shift при перетаскивании, чтобы ограничить пропорции.

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

Пока ограничивающая рамка все еще находится вокруг изображения выноски, нажмите Cmd + + (знак плюса) или Ctrl + + , чтобы снова увеличить масштаб. Пока не нажимайте Enter / Return на клавиатуре. Нам все еще нужно повернуть изображение с помощью Free Transform.

8. На панели «Слои» уменьшите непрозрачность верхнего слоя примерно до 50%, чтобы вы могли видеть оба слоя одновременно.

9. Наведите курсор на один из угловых маркеров, чтобы он превратился в двойную стрелку. Перетащите угловой маркер так, чтобы изображение выноски совпало с углом экрана iPad. Снова масштабируйте изображение воздушного шара так, чтобы его верхушка проходила поверх iPad. Когда вы будете довольны расположением верхнего слоя, нажмите Enter / Return на клавиатуре, чтобы подтвердить преобразование.

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

11. Сделайте выделение по краю экрана iPad. Я использовал инструмент «Многоугольное лассо», чтобы сделать простое прямоугольное выделение.

12. Выберите Selection> Invert , чтобы инвертировать выделение, чтобы было выделено все , кроме на экране iPad.

13. Выберите инструмент «Заливка», затем щелкните миниатюру маски слоя на панели «Слои», чтобы убедиться, что он выбран. Установите черный цвет переднего плана, затем щелкните изображение.Область, залитая черным цветом, теперь скрыта. Установите непрозрачность слоя обратно на 100%, и ваше изображение должно выглядеть примерно так. Магия слоев в действии. Мы удачно и достаточно реалистично совместили два изображения.

Дополнительные дополнительные ступеньки

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

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

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

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

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

Некоторые другие сообщения, которые я написал, связанные с масками и слоями в Photoshop:

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

Как отретушировать и повысить резкость портретного фото с помощью маски слоя

Как поместить изображение внутри текста в Photoshop с помощью обтравочной маски

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

Если вы нашли это полезным, поделитесь этим уроком в социальных сетях, большое вам спасибо!

Прикрепите сюда позже!

Как использовать обтравочные маски (а не маски слоев) в Photoshop ~ Как сделать

Что вам понадобится

Этот образец файла представляет собой актив Adobe Stock, который вы можете использовать, чтобы попрактиковаться в изучении этого руководства.Если вы хотите использовать образец файла помимо этого руководства, вы можете приобрести лицензию на Adobe Stock. Ознакомьтесь с файлом ReadMe в папке, чтобы узнать о правилах, применимых к использованию этого образца файла.

Что вы узнали: основы маскирования слоев

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

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

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

Создать маску слоя

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

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

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

  1. Убедитесь, что на панели «Слои» есть белая рамка вокруг миниатюры маски слоя. Если белая граница отсутствует, щелкните миниатюру маски слоя.
  2. Выберите инструмент «Кисть» на панели инструментов. На панели параметров откройте палитру кистей и выберите размер и жесткость кисти.
  3. Нажмите D, чтобы установить белый и черный цвета по умолчанию на панели инструментов. Затем нажмите X, чтобы переключить цвета, чтобы черный стал цветом переднего плана.
  4. Закрасьте изображение, добавив черный цвет к маске слоя. Черный цвет на маске слоя скрывает слой с маской, поэтому вы можете видеть слой ниже или узор шахматной доски, который представляет прозрачность.

Добавьте белый цвет к маске слоя, чтобы открыть

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

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

Тонкая настройка маски слоя с черным, белым и серым

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

Сохраните свою работу со слоями

  • Сохраните изображение в формате .PSD или .TIFF, чтобы сохранить слои и маски слоев для будущего редактирования.

Понравилась статья? Мы рекомендуем

Понравилась статья? Мы рекомендуем

Понравилась статья? Мы рекомендуем

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

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

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

Основы обтравочной маски

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

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

    Откройте фотографию в Photoshop, дважды щелкните фоновый слой и нажмите OK, чтобы преобразовать этот слой в обычный слой.Щелкните инструмент «Горизонтальный текст», щелкните фотографию и введите текст на изображении. (Выберите шрифт с толстыми сплошными буквами, чтобы на фотографии было достаточно места.) Не беспокойтесь о цвете текста; когда этот эффект завершится, вы все равно не увидите цвет. На рисунке 1 показан образец, который я использую.

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

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

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

Рис. 3 После применения обтравочной маски текстовый слой маскирует слой изображения выше.

Если у вас возникли трудности с перемещением текста на текстовом слое, выберите инструмент «Текст», щелкните, удерживая клавишу Ctrl, миниатюру слоя для текстового слоя (щелкните, удерживая клавишу «Command» на Mac), и продолжайте удерживать клавишу Ctrl или Command при перетаскивании. текст вокруг.

Чтобы отменить обтравочную маску, поместите указатель мыши на границу между двумя слоями и щелкните, удерживая клавишу «Alt» (на Mac, удерживая клавишу «Option»).

Давайте завершим эффект в этом примере, добавив более светлую версию изображения под обтравочной маской. Дублируйте слой изображения и перетащите его под обтравочную маску. Добавьте слой с белой заливкой над этим слоем и уменьшите непрозрачность слоя с белой заливкой, чтобы показать часть изображения ниже. Добавьте к текстовому слою небольшой стиль слоя Outer Glow, чтобы привлечь к нему внимание (см. Рисунок 4).

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

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

Что делают маски?

По сути, маски слоя «стирают» части слоев, поэтому они больше не видны. Почему бы не использовать для этого инструмент «Стереть»? Есть несколько причин — во-первых, после того, как вы удалите область, вам нужно вернуться и отменить каждое изменение, чтобы вернуть исходное изображение. Также может оказаться невозможным стереть определенные слои, такие как текст, фигуры или слои RAW.Маски позволяют неразрушающим образом скрывать слои деталей любого типа — даже группы слоев. И вы можете удалить или уточнить маски, когда захотите, чтобы исходное изображение было полностью видимым. Мало того, маски также можно копировать со слоя на слой и редактировать с помощью эффектов, что делает их более универсальными для многих задач редактирования изображений.

Маски слоя

В Pixelmator Pro есть два вида масок: маски слоя и маски обрезки. Начнем с масок слоя.

Добавить маску слоя

Чтобы добавить маску слоя, Control ⌃-щелкните слой на боковой панели «Слои» и выберите «Добавить маску».Вы также можете выбрать слой, который хотите замаскировать, и выбрать « Format»> «Mask»> «Add Mask » (в меню «Формат» вверху экрана).

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

Отредактируйте маску слоя

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

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

После того, как вы добавили маску, выберите инструмент Paint (нажав клавишу b) и выберите простую круглую кисть. Чтобы упростить редактирование масок, вы можете сбросить основной и дополнительный цвета на черный и белый, и для этого нажмите клавишу d.По умолчанию будет выбран черный цвет.

Полезные сочетания клавиш

При редактировании масок слоя следует запомнить три очень полезных сочетания клавиш: b, d и x. Клавиша b выбирает инструмент Paint, чтобы вы могли выбрать кисть для редактирования маски. Клавиша d сбрасывает основной и дополнительный цвета в Pixelmator Pro на черный и белый. И клавиша x переключает эти два цвета.

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

Вы можете использовать сочетание клавиш Command ⌘ — i, чтобы инвертировать маску с черного на белый, поэтому вместо рисования, чтобы скрыть области, вы можете начать с черной маски и рисовать белым, чтобы постепенно открывать области.

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

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

Маска с использованием эффектов

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

Маски для стрижки

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

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

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

На скриншоте выше мы добавили форму эллипса, которая по умолчанию отображается над слоем изображения. Сначала переместите слой эллипса ниже слоя изображения. Затем, чтобы создать обтравочную маску, Control ⌃-щелкните верхний слой на боковой панели «Слои» и выберите «Создать обтравочную маску». Вы также можете выбрать верхний слой и выбрать «Формат»> «Маска»> «Создать обтравочную маску » (из меню «Формат» в верхней части экрана).Также есть удобный способ создания обтравочной маски. Просто удерживайте клавишу Option и на боковой панели «Слои» щелкните область между любыми двумя слоями.

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

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

Вы работаете над этой фотографией или над ее копиями.

У вас будет больше контроля.

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

Вы можете изменить прозрачность любых эффектов.

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

(SHIFT, CTRL или CMD и «N») или под СЛОЙ — НОВЫЙ СЛОЙ: Будет создан пустой прозрачный слой. Это полезно, когда вы хотите добавить или изменить что-то на фотографии, а пиксели не нужны.Например, добавление границы. Если вы создадите новый пустой слой, а затем добавите границу, выполнив SELECT — ALL. Затем РЕДАКТИРОВАТЬ — ИНСУЛЬТАЦИЯ. Вы можете включить или выключить слой, переключая глазное яблоко, добавив стиль слоя, такой как скос или тиснение, или изменить непрозрачность, работая с этим типом слоя.

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

Используя черно-белый круг на палитре слоев или перейдите в раздел СЛОЙ — НОВЫЙ СЛОЙ НАСТРОЙКИ — и затем любую настройку, которую вы хотите: это создаст прозрачный слой, на котором вы можете вносить прямые изменения в свою фотографию, никоим образом не влияя на исходный.Так я редактирую каждую фотографию. Любые уровни, кривые, слой оттенка / насыщенности, слой микшера каналов и т. Д., Которые я использую, я использую корректирующий слой. Почему? Принцип работы корректирующих слоев заключается в том, что вы вносите изменения в прозрачный слой. Они изменяют внешний вид пикселей под ними, фактически ничего не касаясь и не разрушая. Так что они НЕ РАЗРУШИТЕЛЬНЫЕ. Еще одна БОЛЬШАЯ причина использовать корректирующие слои заключается в том, что вы можете вернуться и отредактировать эти слои даже после того, как вы перешли на новые слои, дважды щелкнув значок корректирующего слоя любого слоя.Вы можете складывать эти слои, и они накапливаются. Они не прикрывают друг друга. Они работают вместе. И самое главное, у них есть маски слоев. Маски слоя позволяют выборочно воздействовать на фотографию.

Текстовый слой:

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

Повторяющийся слой:

(CTRL или CMD и «J») или в разделе СЛОЙ — ДУБЛИКАТ СЛОЯ: Это создаст дублированную копию любого слоя, на котором вы находитесь. Если вы находитесь на корректирующем слое, он скопирует этот слой и удвоит эффект. Если вы находитесь на слое «Фон», он скопирует этот слой. Думайте о дублированных слоях как о фотокопии. Это может быть полезно в определенных ситуациях. Когда вы дублируете слой пикселей (например, фон), помните, что он будет скрывать все, что находится под ним, если не используются определенные режимы наложения.В результате я экономно ими пользуюсь. Дублированные слои наиболее полезны, когда я запускаю дымку (что делает фотографию более четкой), для повышения резкости, для работы с кожей, например, с морщинами или прыщами, или при использовании инструмента клонирования. Многие из этих корректировок (но не все) можно сделать на Новом слое вместо Дубликата. Если их можно сделать на новом слое, это предпочтительнее. Для такого инструмента, как патч, вам потребуются пиксели и дубликат слоя.

Что такое маска:

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

Маски слоя:

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

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

На этом невидимом холсте вы можете рисовать белым, черным или любым промежуточным уровнем серого.Цвет, который вы рисуете, сообщает Photoshop, насколько непрозрачными должны быть пиксели в этой точке. Белый означает непрозрачность 100%, а черный означает непрозрачность 0%.

Просмотрите мой видеоруководство по использованию слоев и масок слоев по адресу: http://skl.sh/1VHEZW3 или перейдите по адресу skillshare.com/denislemay, чтобы просмотреть все мои руководства.

Изображения до и после использования слоев и масок слоев в Photoshop.

Бенджамин Холсолл, Final Cut Pro X и курсы Adobe

Бенджамин Холсолл, Final Cut Pro X и курсы Adobe

1.Обзор класса

2. Настройка проекта

3. Поместите изображения внутрь фигур

4. Поместите изображения в тип

5. Используйте специальную кисть для текстурированной прозрачности

6. Используйте специальную кисть для рисования внутри обтравочной маски

7. Накладываемые друг на друга обтравочные маски

8. Обтравочные маски для настройки цвета

Уровень определяется мнением большинства студентов, просмотревших этот класс. Рекомендация учителя отображается до тех пор, пока не будет собрано не менее 5 ответов учащихся.

Об этом классе

В этом классе вы изучите 5 основных приемов использования обтравочных масок в Adobe Photoshop.

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

СМОТРЕТЬ ДРУГИЕ РУКОВОДСТВА ПО ФОТОШОПАМ:

Познакомьтесь с учителем

Бенджамин Халсолл

Final Cut Pro X и курсы Adobe

Для вашего дизайнера я создаю забавные короткие уроки в Adobe Photoshop, Adobe Illustrator и Adobe InDesign.Во все уроки я включаю несколько творческих и технических советов, которым всегда легко следовать. Ознакомьтесь с моим популярным уроком Photoshop Banksy Yourself, как создавать многоугольные узоры в Adobe Illustrator или моими основами рисования и рисования в Photoshop.

Для редакторов Final Cut Pro X ознакомьтесь с моим курсом «Изучите Final Cut Pro X за 25 минут» или узнайте, как поместить видео внутри шрифта, создать текст в стиле гранж или мои базовые и расширенные уроки по разделению экрана.

Я с нетерпением жду ваших проектов и всегда рад ответить на ваши вопросы.

Связанные навыки

Практический класс, проект

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

Рейтинг класса

Архив обзоров

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

Здесь начинается ваш творческий путь.

  • Безлимитный доступ к каждому классу
  • Поддерживающее творческое интернет-сообщество
  • Учитесь офлайн с приложением Skillshare

Зачем присоединяться к Skillshare?

Пройдите отмеченные наградами оригинальные классы Skillshare

В каждом классе короткие уроки, практические проекты

Ваше членство поддерживает учителей Skillshare

Учитесь откуда угодно

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

Родственные классы

стенограммы

Компания
  • Около
  • Карьера
  • Пресс
  • Блог
  • Филиалы
  • Партнерства
Сообщество
  • Перейти Премиум
  • Планы команд
  • Пригласите друга
  • Ограниченное членство
  • Стипендии
  • Бесплатные классы
Обучение
  • Стать учителем
  • Педагогическая академия
  • Пособие для учителя
Мобильный

”d =” M24.76888,20.30068a4.94881,4.94881,0,0,1,2.35656-4.15206,5.06566,5.06566,0,0,0-3.99116-2.15768c-1.67924-.17626-3.30719,1.00483-4.1629,1.00483-.87227, 0-2.18977-.98733-3.6085-.95814a5.31529,5.31529,0,0,0-4.47292,2.72787c-1.934,3.34842-.49141,8.26947,1.3612,10.97608.9269,1.32535,2.01018,2.8058,3.42763, 2.7533,1.38706-.05753,1.9051-.88448,3.5794-.88448,1.65876,0,2.14479.88448,3.591.8511,1.48838-.02416,2.42613-1.33124,3.32051-2.66914a10.962,10.962,0,0 , 0,1.51842-3.09251A4.78205,4.78205,0,0,1,24.76888,20.30068Z ”style =” fill: #fff ”/>

”d =” M22.03725,12.21089a4.87248,4.87248,0,0,0,1.11452-3.49062,4.95746,4.95746,0,0,0-3.20758,1.65961,4.63634,4.63634,0,0,0-1.14371,3.36139A4.09905, 4.09905,0,0,0,22.03725,12.21089Z ”style =” fill: #fff ”/>

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

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

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

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

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

Мы добавляем слой для выделения поверх двух других слоев и добавляем белые каракули.

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

Теперь есть более простой способ настроить альфа-наследование. Если вы выберете слой или набор слоев и нажмете сочетание клавиш Ctrl + Shift + G, вы создадите группу быстрой обрезки. То есть вы группируете слои, и поверх них добавляется набор «маскирующий слой» с альфа-наследованием.

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

Выше слой фильтра размытия дает разные результаты в разных местах из-за размытия разных частей.

Эта глава из книги

Эта глава из книги

Эта глава из книги №

Непрозрачные маски

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

Что такое маска непрозрачности?

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

Где маска непрозрачности?

Вместо полностью новой палитры только для масок непрозрачности функция расположена в палитре «Прозрачность» — скорее всего, потому, что здесь присутствует некоторая «прозрачность».Что бы ни. Чтобы получить доступ к параметрам маски непрозрачности, щелкните стрелку в правом углу A палитры «Прозрачность», чтобы открыть меню палитры, и выберите «Показать параметры B ».

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

Чтобы создать маску непрозрачности, создайте объект и поместите его поверх объектов, которые вы хотите замаскировать. Залейте верхний объект градиентом A . Хотя маски непрозрачности можно заливать любым цветом, лучше всего использовать черный и белый. При преобразовании в маску непрозрачности цвета в любом случае будут переведены в их эквивалент в градациях серого, поэтому вместо того, чтобы гадать, как будет преобразован цвет, вы можете начать с черно-белого.Теперь выберите оба объекта B и в меню палитры прозрачности выберите Make Opacity Mask C (нет, здесь нет сочетания клавиш или пункта меню — эта функция очень хорошо скрыта). В результате получается объект, который превращается в ничто D . Если вы поместите объект с градиентной заливкой ниже объекта с маской непрозрачности, объект с маской непрозрачности будет сливаться прямо с ним E !

Использование масок непрозрачности

Работа с масками непрозрачности после их создания может быть немного сложной.Знакомство с тем, как маски слоев работают в Photoshop, полезно, поскольку есть много общего. Когда вы создали маску непрозрачности, миниатюра появилась справа от миниатюры иллюстрации, которая была замаскирована A . Как и в Photoshop, этот эскиз представляет вашу маску. Белый представляет область объекта, которая видна из-под маски, а черный представляет область, которая «выбита». Например, области, которые на 50 процентов являются черными, придают маскируемому объекту 50-процентную непрозрачность.

Двумя основными настройками масок непрозрачности являются «Обрезать» и «Инвертировать маску». Параметр «Обрезать», который включен по умолчанию, определяет видимую область маски непрозрачности и маскируемый объект. Если параметр «Обрезать» выключен выключен B , замаскированная область определяется объектом маски непрозрачности, но область вокруг объекта также видна. Это означает, что если рисунок выходит за пределы объекта, определяющего маску непрозрачности, он будет видимым и не будет затронут маской, тогда как на перекрывающуюся область по-прежнему будет влиять маска C .Когда для параметра «Обрезка» установлено значение на , объект маски непрозрачности, как и обычная маска, определяет видимую область.

Другой вариант маски непрозрачности — «Инвертировать маску D », который, как следует из названия, обращает эффект маски непрозрачности E .

Изменение маски непрозрачности

Вы можете изменить маску непрозрачности двумя способами. Первый вариант — выбрать иллюстрацию, к которой вы применили маску непрозрачности. Затем, не снимая выделения, щелкните миниатюру маски непрозрачности в палитре «Прозрачность» A .Это изменяет фокус с миниатюры объекта слева на миниатюру маски справа (как в Photoshop). Вы заметите, что слои в палитре слоев изменились, и что они были заменены одним слоем с маской непрозрачности B . Не волнуйся! Ваши рисунки и слои никуда не денутся! Изменения просто отражают то, что вы теперь находитесь в отдельном «режиме маски непрозрачности», где все, что вы изменяете, создаете или удаляете, влияет на маску непрозрачности, но ничего больше. В этом «режиме» вы можете изменять маску непрозрачности, добавляя объекты (не забудьте использовать черно-белые изображения) или изменяя порядок наложения C .Основная проблема с этим параметром заключается в том, что, хотя замаскированный рисунок виден, маска непрозрачности невидима, что затрудняет манипулирование.

Второй вариант для работы с масками непрозрачности — нажать Option (Alt) и щелкнуть миниатюру маски, что снова переведет вас в «режим» маски непрозрачности. Однако на этот раз вы увидите черно-белое изображение, составляющее маску непрозрачности. С помощью этой опции вы можете точно увидеть, как определяется ваша маска D . Обратной стороной этой опции является то, что никакие другие изображения не видны, и пока вы манипулируете маской, у вас не будет никакого контекста о том, как она влияет на объекты, которые маскирует.

Чтобы выйти из «режима» маски непрозрачности, щелкните миниатюру графического объекта E (опять же, как в Photoshop), после чего вы вернетесь на обычную монтажную область, заставив все ваши слои снова появиться.

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

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

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

16 ноября 2015 г. Опубликовано в: Совет дня.

Чтобы переместить маску слоя с одного слоя на другой, щелкните и перетащите маску на другой слой.

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

Подпишитесь на информационный бюллетень PTC, чтобы вы никогда не пропустили учебное пособие! .

Основная боковая панель

Присоединяйтесь к более 52000

пользователей Photoshop, подписавшихся на получение руководств прямо на почту!

Обо мне:

Хесус Рамирес — основатель учебного канала Photoshop, ведущего обучающего канала по Photoshop на YouTube с более чем 1 300 000 подписчиков.Более.

Нажмите кнопки ниже!
Учебник Flashback

  • Использование диспетчера событий сценария в Adobe Photoshop CS6

Поиск

Ближайшие события

Хесус Рамирес будет присутствовать на следующих конференциях и мероприятиях:

10 июня 2019 г.
CreativePro Week 2019
CreativePro
Сиэтл, Вашингтон

Самые популярные учебные пособия PTC в этом месяце

Мои уроки на испанском — Mis Tutoriales en Español

Нижний колонтитул

О PTC

Учебный канал Photoshop — это ресурсный сайт Photoshop для начинающих.PTC была основана в июле 2012 года Хесусом Рамиресом. Основная цель этого сайта — предоставить качественные советы, рекомендации, советы и другие ресурсы Photoshop, которые позволяют новичкам улучшить свои навыки. Более.

Свяжитесь с нами

  • Behance
  • Facebook
  • Instagram
  • LinkedIn
  • Pinterest
  • Твиттер
  • YouTube

Подпишитесь на нашу рассылку новостей

Каждую неделю мы будем присылать вам подробные уроки по Photoshop!
ПРИСОЕДИНЯЙТЕСЬ К НАШЕМУ СООБЩЕСТВУ ИЗ 52 000+ пользователей Photoshop!

Как совместить два изображения вместе в Photoshop.

3 марта 2011 г., 00:01 ePHOTOzine | Adobe Photoshop

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

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

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

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

Для этого выберите инструмент «Градиент» и щелкните поле в верхней части рабочей области, в которой находится градиент. Это откроет редактор градиента, где вы можете увеличить / уменьшить количество черного, серого и белого в градиенте. Чем больше у вас черного цвета, тем большая часть слоя будет скрыта при применении градиента.

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

Найдите подходящий штатив и сумку для фотоаппарата на сайте www.vanguardworld.com

Поддержите этот сайт, сделав пожертвование, купив членство Plus или совершив покупки у одного из наших аффилированных лиц: Amazon UK, Amazon US, Amazon CA, ebay UK

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

Как объединить вырезы в Photoshop | Small Business

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

Откройте меню «Окно» и выберите «Маски», чтобы открыть одноименную панель. Если панель «Слои» не отображается, снова откройте меню «Окно» и выберите «Слои».

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

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

Активируйте инструмент выбора пути и щелкните отдельный путь, чтобы активировать и расположить его. Удерживая нажатой клавишу «Shift», щелкните, чтобы добавить второй путь к вашему выбору. Нажмите кнопку «Объединить» на панели параметров, чтобы объединить пути в один. Нажмите кнопку «Добавить векторную маску» в правом верхнем углу панели «Маски», чтобы превратить ваши контуры в маску для текущего слоя.

Ссылки

Ресурсы

  • Photoshop CS3 / CS4 WOW! Книга; Линни Дейтон и Кристен Гиллеспи
  • Маскирование и композитинг в Photoshop; Катрин Эйсманн
  • Восстановление и ретушь в Photoshop, третье издание; Катрин Эйсманн и Уэйн Палмер

Советы

  • Вам не нужны инструменты рисования, чтобы добавить векторную маску, которая показывает или скрывает весь слой.Когда нет активных контуров, нажмите кнопку «Векторная маска» на панели «Маски». Полученная маска показывает весь слой. Удерживая Alt, щелкните кнопку, чтобы создать маску, скрывающую слой.
  • Используйте ползунок «Плотность» на панели «Маски» для управления непрозрачностью векторной маски.
  • Чтобы сделать векторную маску более похожей на пиксельную маску слоя, отрегулируйте ползунок «Растушевка» на панели «Маски», чтобы добавить мягкую кромку.
  • Чтобы отключить векторную маску, щелкните ее значок на панели «Слои», удерживая нажатой клавишу «Shift».

Предупреждения

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

Биография писателя

Элизабет Мотт — писатель с 1983 года. Мотт имеет большой опыт написания рекламных текстов для всего, от кухонной техники и финансовых услуг до образования и туризма. Она имеет степень бакалавра искусств и магистра искусств по английскому языку в Университете штата Индиана.

Освоение маскирования слоя в Photoshop — remove.bg Blog

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

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

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

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

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

Работа с масками слоя позволяет:

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

Как работают маски слоев в Photoshop

Вот пошаговое руководство по наложению масок в Photoshop.

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

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

Ярлыки маски слоя в Photoshop

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

Добавить маску слоя

Нажмите клавишу «Option» на Mac (или Alt в Windows) »и нажмите кнопку« Добавить маску слоя »на панели« Слои ».

Удалить маски слоя

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

Инвертировать маску слоя

Чтобы инвертировать маску слоя, просто выберите «Command + I» на Mac (или Control + I в Windows) для быстрого перехода между ними.

Перемещение маски слоя между слоями

Чтобы переместить маску слоя, просто перетащите маску слоя между разными слоями.

Добавить маску слоя на основе выделения

Щелкнув по кнопке «Добавить маску слоя», вы увидите ваш выбор; опять же, если вы хотите скрыть это, просто удерживайте клавишу Option на Mac (или Alt для Windows), щелкая.

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

Иногда вам может понадобиться одинаковый эффект на разных слоях. Чтобы продублировать слой маски, просто удерживайте клавишу «Option» на Mac (или клавишу «Alt» в Windows), а затем щелкните и перетащите на новый слой.

Хотите еще больше улучшить свою игру в Photoshop? Вот как.

Советы и идеи

5 различных способов удаления фона в Photoshop

.
Работа с масками в фотошоп: Скрытие слоев с помощью масок в Photoshop

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Пролистать наверх