Работа с маской в Photoshop
Работа с масками в Photoshop – это вторая по значимости базовая техника после работы со слоями, которая обязательно пригодится при обработке фотографий. При помощи масок можно быстро изменять части изображения, локально накладывать эффекты и фильтры, увеличивать резкость или наоборот размывать фон, расширять динамический диапазон снимка, добавлять детали с других снимков и т.д. Если перейти к конкретным примерам, то, именно с помощью масок делают красивые черно-белые снимки с элементами цвета, так популярные в свадебной фотографии.
Но для начала нужно разобраться с тем, что же представляют из себя маски в фотошопе и понять основы применения масок. В качестве примера мы будем совмещать две фотографии в одну, скрывая фон как раз маской.
Для понимания понятия маски в фотошопе, представим себе обычную карнавальную маску. Ее задача скрыть под собой лицо. Так и в Photoshop маска скрывает под собой слои лежащие ниже и показывает слой к которому она применена. Чтобы было более наглядно откроем фотошоп и создадим файл с двумя слоями: нижний зальем желтым цветом, а верхний зеленым. К верхнему слою применим маску, для этого заходим в меню “Layer” (“Слой“), выбираем “Layer Mask” (“Маска слоя“) и “Reveal All” (“Показать все“). В палитре слоев справа около верхнего слоя появился белый прямоугольник, это и есть маска.
Рисуем по маске черным цветом.
Если продолжать аналогию, то сейчас она одета, т.е. скрывает под собой полностью желтый слой. На маске можно рисовать всеми оттенками серого от белого до черного. При этом область, закрашенная белым, абсолютно непрозрачная, а чем ближе к черному, тем больше прозрачность маски. Для примера, возьмем кисточку, на палитре инструментов слева выберем черный цвет и нарисуем что-нибудь на нашем рисунке. В процессе рисования открывается нижний слой, мы как бы делаем дырку в маске.
Скрываем фон при помощи маски слоя.
На примере хорошо видно, что под черным цветом на маске, на изображении виден предыдущий слой. При этом можно сначала нарисовать черным, а потом по нему белым, так сделаны “глаза”. Это очень полезно, если вы где-то ошиблись и закрасили лишнее, достаточно переключить цвет на противоположный и исправить ошибку.
Кисть, которой я рисовал, была специально выбрана мягкой, т.е. ее края как бы размыты, это заметно по градиенту вокруг желтого цвета. Мягкую кисть стоит применять для того, чтобы переход был плавным и на изображении не было резких границ, которые на фотографии становяться видны сразу.
Теперь, когда основы применения масок понятны, перейдем к практике. Допустим у нас есть две фотографии, которые мы хотим объединить. Это могут быть два последовательных снимка людей, на каждом из которых кто-то моргнул, а хочется, чтобы все были с открытими глазами, или что-то еще. Я, в качестве примера, возьму фотографию копилки и добавлю на передний план елочные украшения с другой. Техника в любом случае схожая.
Уменьшаем елочные шарики до нужного размера и накладываем новым слоем сверху на фотографию кота. Белый фон перекрыл часть изображения, поэтому добавляем к этому слою маску, как делали это в начале и закрашиваем его черным цветом.
В данном случае фон у нас однородный, поэтому можно просто выделить его на слое при помощи инструмента “Magic Wand Tool” (“Волшебная палочка“) 
, а затем перейдя на маску просто залить выделенное черным цветом при помощи “Paint Backet Tool” 
. В некоторых местах все равно пришлось поработать кисточкой, плюс я удалил в середине самый дальний шарик т.к. он не вписывался в общую перспективу.
Конечный результат работы с маской.
Вот, что у меня получилось в результате всех манипуляций. Если посмотреть на последний шарик справа, то он полупрозрачный и за ним видно лапу кота. Сделать это очень просто. Как я уже рассказывал выше, если рисовать серым цветом, то прозрачность маски меняется в зависимости от интенсивности цвета. Поэтому я просто взял светло-серый и закрасил шарик на маске и он стал полупрозрачным.
Как вы видите эта техника очень удобна при обработке фотографий, ведь накладывая маску мы производим все изменения на новом слое и не затрагиваем оригинальное изображение. Кроме этого очень помогает возможность в любой момент исправить ошибку просто переключившись на другой цвет и вернув обратно случайно спрятанное или наоборот показанное.
Хочу добавить, что у масок есть один негативный эффект – увеличение размера выходного файла, причем в некоторых случаях даже в несколько раз. Чтобы этого избежать, в конце работы с маской щелкните по ней правой кнопкой мыши и выберите в меню “Apply Layer Mask” (“Применить маску“).
В следующих статьях я расскажу о других способах использования масок.
Поделиться в соц.сетях
Похожие записи
Мне нравится! | ||
| Нравится | ||
51 comments
Екатерина says:
Окт 28, 2009
Отличный получился пост! Очень все доступно написано. Понравилось про прозрачный шарик, через который видно лапу котовью. Так можно поменять фактуру шариков и они из непрозрачных пластмассовых могут стать стеклянными. Очень любопытно.
галина says:
Ноя 2, 2009
Очень хорошая статья!Думаю она поможет мне разобраться в премудростях фотошопа!
xela says:
Ноя 5, 2009
to Екатерина, спасибо, я стремлюсь сделать блог интересным и простым, здорово, что нравится!
to галина, заглядывайте, буду стараться писать про photoshop чаще.
Artem says:
Ноя 9, 2009
Здравствуйте. Скажите, а вы Photoshop изучали самостоятельно или проходили какой-то курс обучения?
галина says:
Ноя 9, 2009
Я ещё большущий ЧАЙНИК!
xela says:
Ноя 10, 2009
to Artem книжки, видео-ролики.
to галина на самом деле все просто, главное не бояться
Azazella says:
Дек 16, 2009
Спасибо огромное, я наконец поняла зачем они – эти маски)))
xela says:
Дек 16, 2009
Приятно, что помогло.
Alina says:
Май 18, 2010
Хорошая статья, очень доступно изложено для начинающих.
Lesya says:
Июнь 4, 2010
Очень хорошая статья))большое спасибо))
с ее помощью я наконец-то начала постигать чудеса шопа)))
gord says:
Июнь 12, 2010
Отличный урок, по пробывал, но получилось не то что хотел…
xela says:
Июнь 12, 2010
gord, а что хотели и что получилось?
саня says:
Июнь 29, 2010
привет.слушайте помогите поменять цвет (вместо белого на черный) маски слоя
xela says:
Июнь 29, 2010
нажмите на иконку маски в панели слоев справа, затем выберите заливку и черный цвет и просто залейте непосредственно само изображение. После этих действий маска поменяет цвет на черный. Не забудьте потом, если нужно поправить изображение, уйти с маски на обычный слой.
саня says:
Июнь 29, 2010
xela
спасибо
но я уже нашел жругой спосбо,просто когда создаешь маску слоя нажми “ALT”
xela says:
Июнь 30, 2010
саня, можно и так, я думал не при создании, а уже в процессе работы нужно поменять. При создании маски можно же выбрать тип “показать все”- белая или “скрыть все”- черная.
Елена says:
Авг 15, 2010
Прочитала все несколько раз. Повторила каждый шаг, но всё равно не получается! Почему-то кисть не рисует по маске. Если щелкаю дважды по маске, то выскакивает окно “Опции маски слоя” Цвет почему-то красный и непрозрачность 50%. Изменяю цвет на чёрный, но все равно кисть рисует красным полупрозрачным. Ничего не могу сделать. Подскажите пожалуйста, что я делаю не так? Где нужно менять цвет и как рисовать на маске? В вашем примере я вижу, что все что нарисовано на маске видно в белом прямоугольнике, а у меня ничего не видно. Заранее спасибо.
xela says:
Авг 16, 2010
Дважды щелкать на маску не нужно, это совсем не то.
Посмотрите внимательно, на панели справа должена быть “выделена” не иконка слоя на который наложена маска, а именно иконка маски. В противном случае вы просто рисуете на слое, а не на маске. Я думаю вся проблема в этом.
Елена says:
Авг 20, 2010
Спасибо, я разобралась. Просто у меня цвета кисти стояли наоборот. Я поменяла на черный и все получилось.
Алексей says:
Авг 30, 2010
C этим все понятно, спасибо! Но мне нужно сделать немного по другому. Уже есть готовый слой с узорами, фон белый, узоры черные, а граница плавная (серая). И надо этот слой сделать в виде маски… не получается. Подскажи, как это можно сделать? Фотошоп на английском.
xela says:
Авг 30, 2010
Алексей, не понял, что именно нужно сделать. У вас есть узор, и?
Алексей says:
Сен 3, 2010
Постараюсь выразиться по-другому
В твоем уроке мы применили маску к нужному слою, и на этой маске нарисовали то, что нам нужно, то есть мы вручную нарисовали те области, которые нужно сделать прозрачными. Но я не смогу кисточкой нарисовать нужный мне узор в маске, я хочу вставить в эту маску уже готовый черно-белый узор, который бы указал, какие области слоя сделать прозрачными. По этому мне нужно либо слой с узорами применить в виде маски для другого слоя, либо как-то вставить в маску нужный мне рисунок.
Уж объяснил как мог, извиняюсь, если не доходчиво. Задача не к спеху, вот до сих пор и ковыряюсь на одном месте.
xela says:
Сен 7, 2010
Алексей, если еще актуально. У вас узор черно-белый? Можно выделить его, например волшебной палочкой, и сделать маской, нажав на третью иконку внизу “Add a mask”, потом наложить эту маску на нужный слой.
Алексей says:
Сен 7, 2010
Да, черно-белый, но граница между черным и белым не четкая, то есть там есть такой плавный переход, но не большой. Попробую пока так, спасибо.
вишня says:
Дек 21, 2010
Спасибо огромное, просто и понятно.
Вы очень помогли.
Ольга says:
Янв 16, 2011
Спасибо огромное за урок.Долго не могла понять элементарного, как рисовать по маске, благодаря Вам, получилось. Успехов, новых уроков и еще раз спасибо!
Татьяна says:
Янв 21, 2011
Уменьшаем елочные шарики до нужного размера и накладываем новым слоем сверху на фотографию кота
Все понятно, но для меня невозможно сделать, т.к. я не знаю как открыть сразу 2 фото и наложить один слой на другой. Если Вам не сложно, объясните. Думаю, что есть такие же новички как и я, но стесняются спросить. Заранее благодарю.
xela says:
Янв 21, 2011
Татьяна, это уже основы основ работы с компьютером, а не с Фотошопом. Чтобы открыть два фото, используйте меню File-Open в Фотошопе, чтобы что-то куда-то перенести выделите соответствующим инструментом нужную область, затем ctrl+c, на второй картинке, куда переносите ctrl+v.
Kate says:
Март 4, 2011
Если чесно не поняла. я например нигде с этим не сталкивалась поэтому для меня это больше знание фотошопа
xela says:
Март 4, 2011
Kate, значит вам пока просто не нужно работать с масками, я тоже не сразу к ним пришел.
Евгений says:
Март 5, 2011
Занимаюсь освоением фотошопа самостоятельно и ваши статьи в доступной форме очень помогают. Спасибо!
Раиса says:
Июнь 3, 2011
А если мне надо загрузить несколько готовых масок на 1 фон для нескольких изображений? Они в jpg, черно-серо-белые. Не могу понять как.
xela says:
Июнь 3, 2011
не совсем понял в чем вопрос. У вас есть jpg файлы, которые вы хотите сделать масками?
Соня says:
Июль 11, 2011
Спасибо за урок, но у меня не получается. Я делаю первую фотку фоном а вторую фотку как накладывать????
xela says:
Июль 13, 2011
Просто копируете ее и вставляете новым слоем: Ctrl+A, Ctrl+C, переходите на вкладку с вашим фоном и Ctrl+V.
9190 says:
Июль 18, 2011
Неплохой пост, но содержащий чудовищную ошибку и вводящую новичков в заблуждение. Вы пишете: “В палитре слоев справа около верхнего слоя появился белый прямоугольник, это и есть маска. Если продолжать аналогию, то сейчас она одета, т.е. скрывает под собой полностью желтый слой”. Всё наоборот! Белый прямоугольник означает, что сейчас маска полностью открыта! Поэтому мы и видим полностью зелёный слой, который находится поверх жёлтого! Даже само название меню (“Показать всё”) говорит об этом. А водя чёрной кистью по открытой (белой маске) мы начинаем закрашивать её, и поэтому на зелёном слое мы начинаем видеть жёлтый слой, потому что маска обретает свои очертания, скрывая верхний слой, из-за которого становится виден жёлтый – тот, что ниже. Соответственно, когда маска (иконка маски) полностью чёрная, в этом случае можно говорить, что маска полностью “одета” (даже в меню чёрная маска называется (Скрыть всё”). А у вас всё наоборот написано. Из-за такого подхода пользователь будет некорректно понимать принцип работы со слоями и масками.
Цитата: “Если продолжать аналогию, то сейчас она одета, т.е. скрывает под собой полностью желтый слой”. Кошмар! Не маска скрывает жёлтый слой, а зелёный слой, который и без маски скрыл бы нижний слой!
xela says:
Июль 21, 2011
Я не вижу в таком объяснении чудовищной ошибки. Когда я писал статью, то старался провести аналогию с реальностью. В жизни надевание маски – это два слоя – лицо и непосредственно маска. Несмотря на то, что ваше объяснение может казаться более логичным, понять его сложнее, например: “когда маска полностью черная, маска полностью одета”, в реальности, когда маска полностью одета, мы видим маску, а не лицо под ней, а по-вашему выходит, что мы видим именно лицо.
Спасибо за ваш вариант объяснения, возможно он кому-то поможет понять принцип лучше.
9190 says:
Июль 21, 2011
В реальности не бывает два лица из двух слоёв (как в примере с жёлтым и зелёным слоем: два лица + маска), поэтому аналогии с реальностью я бы не стал проводить. Хотя, давайте проведём. Возьмём ОДИН жёлтый слой (как в реальности, лицо), и маску. Добавим к слою “белую” маску. Что вы видите? Жёлтый слой (лицо) или ничего (маску)? Я вижу жёлтый слой (лицо). Значит маска не одета. Закрасьте маску чёрым. Мы ничего не видим, жёлтый слой скрылся под маской. Маска надета.
xela says:
Июль 24, 2011
да, вы надели маску, а если под желтым слоем есть еще один, то, когда маска черная (одета) вы видите что, кости? Я вижу так, вы видите по-другому, суть маски можно объяснить и так и так.
9190 says:
Июль 25, 2011
Вот в этом ваша ошибка – вы рассматриваете маску не как самостоятельный элемент, а в привязке к слою (поэтому вам всё время хочется добавить к связке слой+маска ещё один слой, хотя это вовсе необязательно, чтобы понять принцип работы маски). То есть для вас
• Слой (зелёный) + маска = МАСКА;
• Слой (жёлтый) = Слой.
Словно это одна маска и один слой. На самом деле есть два слоя и одна маска:
• Слой (зелёный) + маска = Слой + маска;
• Слой (жёлтый) = слой.
И чтобы понять принцип работы маски, нам вообще не обязателен ещё один слой кроме того, к которому применили маску. Когда добавится второй и т.д. слой – это уже вступают в действие правила работы со слоями.
Если под жёлтым слоем есть ещё один, то при одетой на жёлтом слое маске мы видим не кости, а тот слой, который располагается ниже жёлтого слоя. Это уже особенности работы со слоями в Photoshop. Ещё пример. Представьте просто зелёный слой без маски, и под ним жёлтый слой (всё без масок). Кликните значок глаза, чтобы СКРЫТЬ отображение верхнего (зелёного слоя). Мы увидим нижний (жёлтый слой), потому что СКРЫЛИ отображение верхнего (зелёного) слоя. Так и маска, когда скрывает зелёный слой (чёрная), мы видим нижний (жёлтый) слой.
Ну и ещё раз напомню, что даже в самОм Photoshop белая маска называется “Показать всё”, а чёрная – “Скрыть всё”. И этим всё сказано. Снимая маску мы показываем слой, к которому она применена. Надевая маску мы скрываем слой: надели на верхний слой, скрыли его, и увидели слой под ним.
xela says:
Июль 26, 2011
Еще раз повторяю, если вам удобно ваше описание, то это хорошо, мне такой принцип не нравится, я не вижу никакой ошибки в данном случае, более того, подобное описание проще именно для новичков. Если вы считаете, что оно содержит фундаментальную ошибку
, вы можете предложить свое, и я с удовольствием опубликую вашу статью на сайте. В противном случае мы и дальше будем переливать одну и ту же воду из стакана в стакан.
9190 says:
Июль 27, 2011
Ну хорошо, на том и остановимся. Просто по-секрету скажу, что я сам, можно сказать, новичок (при этом понимаю суть проблемы
), поэтому и вышел на вашу статью. Но до этого ещё статей 10 прочёл на эту тему, и нигде такого подхода не встретил.
xela says:
Июль 27, 2011
Вот видите, какая классная программа Фотошоп, одно и тоже можно сделать подчас тремя-четырьмя методами и объяснить разными способами
.
Да, кстати, а зачем нужна просто маска на один слой из вашего предыдущего комментария, для решения какой задачи можно применить такой сценарий?
9190 says:
Июль 28, 2011
Цитата: “Да, кстати, а зачем нужна просто маска на один слой из вашего предыдущего комментария, для решения какой задачи можно применить такой сценарий?”
Вот как раз такой сценарий очень хорошо подходит, например, для тех ситуаций, когда необходимо ПРАВИЛЬНО понять принцип работы маски.
Разные способы – это не всегда хорошо, так как это не гарантирует того, что все они корректны. В данном случае я больше имею в виду способы объяснения, а не саму реализацию чего-либо.
Ну что же, мне пора удалиться, есть дела, а отслеживание и комментирование на этой страничке занимало определённое время, хоть и не много. Поэтому заранее извиняюсь, если на что-то не отвечу, поэтому счёл нужным предупредить, так как в эту тему уже вряд ли буду заглядывать. Ещё раз спасибо за статью.
xela says:
Авг 1, 2011
Чтобы понять принцип действия молотка не нужен гвоздь, однако в жизни вторая часть необходима. Так и с маской, правильно в отрыве от реальности – это не всегда хорошо, а вы упорно пытаетесь, да еще и БОЛЬШИМИ БУКВАМИ навязать свое видение, тем более, что мое описание работает не хуже вашего, а для многих даже понятнее.
Давайте действительно закончим дискуссию, толку от нее мало. Удачного вам освоения Фотошопа!
talich says:
Сен 4, 2011
Вы оба правы, и в тоже время не правы. Маска является маской пока она красная,т.е. пока мы видим саму маску.Не снимая маску мы переходим в слои и что мы видим??? Маска “прорезала” слой и поэтому мы увидели ниж лежащий, а то что оставалось не прекрытое маской может быть обработано…
xela says:
Сен 5, 2011
А вот и третий вариант объяснения принципа масок
!
PanteraAlexa says:
Окт 18, 2011
Очень нравиться, постоянно седа захожу за подсказками!
Тоха says:
Дек 21, 2011
здравствуйте! у меня проблема, почему то не получается рисовать на маске, почему? вылазит ошибка: “применение инструмента “архивная кисть” невозможно: выделенное состояние не содержит соответствующего слоя”
xela says:
Дек 21, 2011
А зачем вам архивная кисть, нужна обычная?!
Тоха says:
Дек 22, 2011
блин, точно)) что то я ступил)) спасибо большое! значок спутал))