Как использовать рамку маску в фотошопе. Работа с маской слоя в Photoshop

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

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

1. Откройте фото в фотошопе комбинацией клавиш CTRL + O;

2. Теперь сверху этого слоя нам требуется разместить нашу маску. Сделать это можно с помощью инструмента «поместить»

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


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


Нажимаем Enter;

3. Слой требуется растрировать. Для этого щелкаем правой кнопкой мыши по слою с маской и выбираем «растрировать слой»;

4. Переходим во вкладку каналы и нажимаем на значок выделения


Выделение требуется инвертировать. Нажимаем Shift + CTRL + I;

5. Теперь щелкаем по клавише Delete, снимаем выделение комбинацией Ctrl + D и получаем фото с интересно обработанными краями.


Маске можно придать цвет, добавить градиент.
Например, можно сделать это с помощью цветового баланса.

6. Создадим новый корректирующий слой «цветовой баланс»


Сделаем его обтравочной маской, нажав на соответствующий значок отсечения


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

type="text/javascript">yandex_partner_id = 66431;yandex_site_bg_color = "FFFFFF";yandex_ad_format = "direct";yandex_font_size = 1;yandex_direct_type = "horizontal";yandex_direct_border_type = "block";yandex_direct_limit = 2;yandex_direct_title_font_size = 3;yandex_direct_header_bg_color = "FEEAC7";yandex_direct_bg_color = "FFF9F0";yandex_direct_border_color = "FBE5C0";yandex_direct_title_color = "0000CC";yandex_direct_url_color = "006600";yandex_direct_text_color = "000000";yandex_direct_hover_color = "CC0000";yandex_direct_favicon = true;yandex_no_sitelinks = false;document.write(" ");

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

(Снимите маски, господа…)

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

Маска своей формой обычно повторяет человеческое лицо и имеет прорези для глаз, рта и носа. Слово «маска» происходит от французского masque, от итальянского maschera или испанского mascara.

Возможными предками являются латинские mascus, mascao, обозначающие «призрак», и арабские maskharah‎ («шут», «человек на маскараде») – не находите ли, что все они так созвучны, хотя их корни находились так далеко друг от друга в пространстве и времени.

Маски использовались в церемониальных, эстетических, и практических целях.

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

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

Я решил сделать её из простой фотографии. Попробуем что-нибудь креативное.

Например, снять маску с лица или наоборот одеть её.

Блуждая по фотостокам, наткнулся на интересные работы:

«Я на людей смотрю с опаской,
И сомневаюсь без конца:
Мне страшно, что под чьей-то маской
Вдруг не окажется лица…»

Горбунов Александр

«… а вообще бывает кто-нибудь или что-нибудь нормальным? У людей за лицами иногда сплошная жуть…»

(Стивен Кинг. Сердца в Атлантиде).

Чем-то они меня зацепили. А, заодно, и воодушевили на новую работу, которую я и представляю Вам в качестве урока «Как сделать маску из фото в Фотошопе ».

Вот что у нас получится в итоге:

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

Прежде всего, как всегда, делаем копию слоя (Ctrl + J).

Далее я выделил весь объект, чтобы поместить его на новый фон. В качестве инструмента выделения я выбрал «Магнитное лассо». В тех местах, где фон и объект не очень контрастны (возле рук и плеч), доработал инструментом «Прямолинейное лассо», меняя режимы на «Добавить к выделенной области» и «Вычитание из выделенной области». Это удобно делать зажимая клавишу Shift при активном инструменте выделения. Яблоко я исключил из области выделения. Можете вырезать объект инструментом «Перо» или любым другим, удобным для Вас в данном случае. После выделения перейдите в меню «Выделение > Модификация > Сгладить» и поставьте значение 2-3 пикс. Затем там же выберите «Сжать» и сожмите на 1-2 пикс., чтобы исключить светлые кромки от фона.

Или поработайте с выделением в окне «Выделение и маска» (в версиях Фотошопа CS –«Обнаружение краёв»). Как вырезать объекты с фона есть много уроков на нашем сайте, поищите.

Чтобы убрать фон, инвертируйте выделение (меню «Выделение > Инверсия» или Shift + Ctrl+ I) и нажмите Delete (только скройте видимость нижнего фонового слоя, а то ничего не увидите). Снимите выделение, нажав Ctrl + D.

C большим пальцем руки я особо не старался - он будет скрыт маской в руке.

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

Теперь займёмся созданием маски. Инструментом «Перо» в режиме «Контур» нарисуйте контур на лице в виде театральной маски.

Нажмите внутри контура ПКМ и выберите «Выделить область».

Сделайте активным любой из инструментов выделения, например «Лассо», и щёлкните внутри выделения ПКМ, выберите «Скопировать на новый слой».

Инструментом «Перемещение (V)» расположите новый слой с маской лица в руке нашего персонажа, а применив свободную трансформацию, разверните и выровняйте его по своему усмотрению. Назовите слой «Лицо-маска».

Обратите внимание на руку – её скрыла наша маска. Чтобы это исправить есть несколько способов. Можно к слою «Слой 1» добавить слой-маску и на нём чёрной кистью обрисовать пальцы руки, которые должны быть сверху. Второй способ – инструментом «Перо» или любым из инструментов выделения вырезать нужные части руки и скопировать на новый слой.

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

Подвигайте слой с лицом-маской, расположите его наиболее реалистично. После этого скопируйте слой «Рука», назовите его «Рука-тень» и расположите под слоем с рукой. Дважды щёлкните по строке слоя в палитре слоёв, что вызовет окно «Стиль слоя». Здесь добавьте стиль «Тень» с настройками как показано ниже:

Добавьте слою «Рука-тень» маску, нажав на соответствующий значок внизу палитры слоёв и чёрной, мягкой кистью небольшого диаметра скройте лишнюютень там, где она быть не должна. Объедините слои «Рука» и «Рука-тень» в группу (Ctrl+ G).

Мы добавили тень от руки на маску, но и от маски на руку должна падать тень тоже. Проделайте подобную операцию со слоем «Лицо-маска». Или ещё проще – создайте новый слой над «Слой 1», возьмите мягкую круглую кисть, цвет выберите пипеткой (нажмите Alt и наведите на тень под рукой) и нарисуйте тень под маской на руке. Назовите этот слой «Тень маски на руке».

Либо изменить саму маску – это я проделал со вторым фото:

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

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

Для удобства скройте пока все верхние слои, кроме тёмного фона и «Слой 1». Инструментом «Прямолинейное лассо» выделите внутреннюю часть глаз и губы. В меню «Выделение >Модификация» сгладьте выделение на пару пикселей. Нажмите Delete.

Затем инструментом «Лассо» выделите грубо овал лица, растушуйте выделение примерно на 5 пикс. Скопируйте выделение на новый слой и назовите его «Размытие». Перейдите в меню «Фильтр > Размытие > Размытие по Гауссу» и поставьте радиус 3 пикс.

Снимите выделение (Ctrl + D) и создайте новый слой- назовите его «Кожа». На этом слое мы закрасим брови и ресницы, подкорректируем некоторые участки кожи лица. Возьмите инструмент «Кисть» мягкую, непрозрачность 20-25%. Начните с бровей – подберите размер кисти чуть больше толщины бровей, нажатием клавиши Alt (появится пипетка), выберите цвет кисти рядом с бровью. Короткими мазками закрашивайте бровь, постоянно берите образец цвета то с одной стороны брови, то с другой, меняйте диаметр кисти (квадратные скобки [ и ]). Проделайте то же самое с ресницами верхними и нижними (не забывайте менять диаметр кисти, возможно и её непрозрачность, чаще берите образец краски).

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

Создайте ещё один слой выше слоя «Кожа» - назовите «Тени-свет». На нём мы усилим светотеневой рисунок. Залейте слой 50% серого. Для этого заходим в меню «Редактирование – Выполнить заливку», в окне «Заполнить» в строке «Содержание» выбираете «50% серого».

Слой зальётся серым. Измените режим наложения слоя на «Перекрытие», и картинка станет прежней.

Далее используем, так называемую, технику «dodge and burn». Сначала выбираем инструмент «Затемнитель (О)», Экспонирование - 10-12%, диапазон – средние тона, жёсткость кисти – 0%, поставьте галочку «Защитить тона». Пройдите кистью там, где должны быть тени – на щёках, под подбородком, крылья носа, тени на глазах, лоб. Я примерно обвёл эти участки. Чаще меняйте диаметр кисти в соответствии с участком, возможно где-то и экспонирование.

Затем берёте инструмент «Осветлитель (О)» в той же группе инструментов, настройки те же или просто зажимаете клавишу Alt (инструмент «Затемнитель» изменяется на «Осветлитель», отпускаете – возвращается обратно, очень удобно и настройки менять не надо). Пройдите кистью по светлым участкам кожи. При необходимости, если получилось очень сильно, уменьшите непрозрачность слоя до 70-80%.

Сделаем тень от маски на лице. Создайте новый слой поверх слоя «Тени-свет», назовите «Тень от маски на лице» (всегда старайтесь давать имена слоям, чтобы в последующем и Вам и другим было ясно для чего этот слой). Инструментом кисть (мягкая, цвет возьмите пипеткой (Alt) под подбородком или как на рис. ниже) нарисуйте тень. Добавьте маску слоя и чёрной, мягкой, большой кистью сотрите лишнее. Уменьшите непрозрачность слоя до 80%.

И ещё - не бойтесь размывать и разукрашивать лицо - ведь мы делаем маску, а значит - куклу.

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

Теперь, как заключительный штрих, добавим резкости лицу-маске. Встаньте на этот слой и перейдите в меню «Фильтр >Усиление резкости > Контурная резкость».

На этом, я думаю, можно остановиться.

Итоговая картинка:

Давайте перейдём к другому варианту .

Откройте изображение «С украшениями» (скачайте его по ссылке внизу).

Создайте, как обычно, дубликат слоя. Инструментом «Перо» обрисуйте контур маски и, стоя внутри контура, щёлкните ПКМ – выберите «Выделить область». Возьмите любой из инструментов выделения и нажмите ПКМ – выберите «Скопировать на новый слой». Назовите слой «Маска».

30 Инструментом «Перемещение» переместите слой «Маска» в район руки, разместите его по своему разумению.

Давайте поработаем с маской лица. Для начала вырежем глазницы маски и рот. Инструментом выделения (например «Прямолинейное лассо») или пером обрисуйте контуры глаз и рта. В меню «Выделение» выберите «Модификация > Сгладить», сгладьте на 2-3 пикс. и нажмите Delete.

Снимите выделение (Ctrl + D).

Добавьте новый слой «Маска-копия». Нам надо проявить пальцы руки, которые держат маску. Для этого добавьте слою «Маска-копия» маску слоя, нажав соответствующую кнопку внизу панели слоёв. Стоя на маске слоя (она должна быть выделена рамкой), обрисуйте аккуратно инструментом «Кисть» с жёсткими краями и 100% непрозрачностью пальцы руки. Чтобы было видно, что обрисовывать, уменьшите непрозрачность слоя до 30-40%. А чтобы было более аккуратно, обрисуйте пальцы инструментом выделения «Прямолинейное лассо» и смело работайте кистью внутри выделения.

Сделайте активным сам слой «Маска-копия» (не маску слоя). Сейчас мы с Вами закрасим волосы, брови, ресницы и усилим светотеневой рисунок. Возьмите инструмент «Кисть» - непрозрачность 20-25%, жёсткость – 0%, цвет – берёте образец пипеткой (при зажатой клавишей Alt) почаще непосредственно возле закрашиваемого участка. Меняйте размер кисти квадратными скобками в соответствии с областью закрашивания.

Здесь же возьмите инструмент «Затемнитель» (экспонирование - 9-11%, жёсткость – 0%, защитить тона) и пройдитесь слегка по теням (скулы, лобные выступы, подбородок, тени над и под носом, крылья носа, бровные дуги и пр.). Так же инструментом «Осветлитель» с теми же настройками пройдитесь по светлым участкам кожи. Если получилось слишком ярко – уменьшите непрозрачность слоя до 80-85%. На картинке ниже я фиолетовым обвёл области для «Затемнитель», а жёлтым – для «Осветлитель».

Добавьте к слою «Маска копия» корректирующий слой «Сочность» с настройками, как показано ниже, уменьшите его непрозрачность до 60%.

И ещё один корректирующий слой «Яркость/Контрастность» (настройки на скриншоте), уменьшите непрозрачность до 80%.

Добавьте новый слой поверх всех слоёв. Настройте инструмент «Кисть» - диаметр 6-8 пикс. (в зависимости от размера фотографии), жёсткость – 100%. Инструментом «Перо» нарисуйте изогнутую линию вдоль переносицы.

Щёлкните ПКМ по контуру и выберите «Выполнить обводку контура», в выпадающем окне – «Кисть» и включите галочку «Имитировать нажим».

Продублируйте этот слой (Ctrl + J) и примените к нему фильтр «Размытие по Гауссу» с радиусом в 2 пикс. Слейте эти два слоя вместе (выделяете два слоя и в меню «Слои > Объединить слои» или Ctrl + E). Назовите этот слой «Свечение» и, если надо, уменьшите немного его непрозрачность.

Продублируйте этот слой и инструментом «Перемещение» переместите его влево под правый глаз. Используя свободную трансформацию (Ctrl + T), поверните горизонтально и расположите под нижним веком (слой «Свечение копия 2»).

Проделайте такую же операцию для левого глаза:

Для реалистичности надо добавить тень на лицо от маски. Создайте новый слой поверх слоя «Фон копия» и мягкой кистью с большим диаметром нарисуйте тень. Цвет выберите пипеткой (Alt) в районе под подбородком или в тени под пальцами руки. Чтобы подправить её и стереть лишнее, добавьте слою маску слоя и чёрной кистью по маске сотрите лишнее. Слой таки назовите «тень на лице».

Остался последний штрих – нарисуем подвязку – резинку. Добавьте ещё один слой под слоем "Маска". Настройте инструмент «Кисть» - диаметр 5 пикс., жёсткость 100%, цвет - чёрный. Инструментом «Перо» нарисуйте контур верёвочки-резинки.

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

Затем, чтобы убрать контур, щёлкните в панели «Контуры» ЛКМ (если данной панели у Вас нет, откройте её в меню «Окно»). Назовите слой «Подвеска».

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

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

В этом уроке я постарался не просто показать как сделать маску из фото в фотошопе, но и «снять маски» с некоторых приёмов Фотошопа – приёмов выделения, трансформации, цветокоррекции, маскирования и некоторых других.

Надеюсь, урок придётся Вам по душе.

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

Удачных Вам творческих работ! Назад

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Пример 1.

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

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

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

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

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

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

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

Пример 2.

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

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

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

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

Пример 3.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Для затравки я покажу несколько примеров использования масок в фотошопе:

Планета добавлена с помощью простейшей маски.

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

Тут всё тоже самое — я взял 3 изображения с феррари и с помощью маски скрыл фон.

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

Фотошоп позволяет работать с 4 видами масок — маски слоя (Layer Mask), векторные маски (Vector Mask), Обрезающая маска (Clipping Mask) и быстрая маска (Quick Mask), которая не совсем маска… но об этом позже 🙂

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

Взаимодействие с масками производится посредством инструментов , Gradient (Градиент), Paint Bucket Tool (Заливка). Также можно использовать Mixer Brush Tool и Pecil (Карандаш), но это из разряда экзотики, и работает по тому же самому принципу.

Стоит отметить, что маска не удаляет часть изображения, а скрывает его. В этом есть свои плюсы и минусы. Плюс в том, что вы всегда можете сменить цвет на белый, и вернуть скрытую часть изображения. А минус — увеличивается размер файла, поэтому перед сохранением делайте Layer (Слой) -> Layer Mask (Маска слоя) -> Apply (Применить)

Маски слоя в фотошопе

Начнём рассмотрение маски слоя в фотошопе на конкретном примере. Я нашёл в интернете фотографию мыльного пузыря:

Нужно поместить этот пузырь на другой фон. Например на этот:

Скопируйте фотографию мыльного пузыря на фото пейзажа, и с помощью свободной деформации (Ctrl+T) чуть уменьшите пузырь:

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

За управление масками в фотошопе отвечает раздел в меню Layer:

Сейчас я расскажу о способах создания маски слоя в фотошопе:

— Reveal All создаёт открытую маску. Это значит, что маска заполнена белым цветом, т.е. изображение абсолютно непрозрачно. Для того, чтобы скрыть часть изображения нужно начать рисовать по ней чёрным цветом. Давайте попробуем.

Итак, нажимаем Layer -> Layer Mask -> Reveal All. Обратите внимание, что в панели слоёв справа от миниатюры изображения появился белый прямоугольник. Это и есть маска слоя:

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

Берем мягкую чёрную кисть и начинаем зарисовывать ей фон фотографии с мыльным пузырём:

Результат получился не слишком аккуратным, но главное чтобы вы поняли принцип. Если вам всё же хочется получить качественный результат, тогда выделите сначала пузырь, затем инвертируйте выделение (Shift+Ctrl+I) и смело закрасьте фон, не боясь скрыть края мыльного пузыря:

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

Давайте теперь посмотрим, что будет, если закрасить пузырь серым цветом (я взял #a1a1a1):

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

— Способ создания маски слоя Hide All скрывает всё изображение за чёрной маской. «Проявлять изображение» на слое с маской вы будете с помощью белой кисти.

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

— Reveal Selection скрывает всё, кроме выделенной области:

— Hide Selection напротив, прячет выделенную область:

— From Transparency создаёт маску без учёта невидимых областей.

Есть также кнопка в панели слоёв для создания маски слоя способом Reveal Selection:

Заливка маски в фотошопе градиентом

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

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

Векторные маски в фотошопе

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

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

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

Здесь мы видим новый пункт Current Path — он создаёт маску по уже имеющемуся векторному пути. Давайте остановимся на этом подробнее. Я взял изображение татуировки, и обвёл его контуром с помощью Pen Tool:

И применил Layer — Vector Mask -> Current Path:

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

Две маски в фотошопе

Фотошоп даёт возможность пользоваться двумя масками сразу — растровой и векторной. Это нужно в первую очередь для удобства пользователя.

Посмотрите на следующий пример:

я создал векторный путь, обводящий морскую звезду. Затем преобразовал его в векторную маску, и одновременно создал растровую маску. Как видите, в панели слоёв теперь находятся 2 маски слоя. Слева растровая, а справа соответственно векторная. Теперь если я захочу сделать середину и края звезды немного прозрачными, я переключусь на растровую маску и разрисую нужные места серой кистью:

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

Сlipping Mask в фотошопе

Следующий тип маски в фотошопе — Clipping Mask. Она обрезает изображение, к которому применена по контуру или маске нижележащего:

На представленном примере на нижнем слое создана обычная векторная фигура с помощью Ellipse Tool (Эллипс), поверх неё изображение с лошадью, к которому применена Clipping Mask. Попробуйте сделать что-то похожее, и подвигайте фигуру на нижнем слое — изображение будет «проявляться» в том месте, в котором находится фигура.

Действия с масками в фотошопе

Маски в фотошопе можно перемещать вне привязки к изображению. Сейчас я покажу как это сделать. Возьмите любое изображение и примените к нему какую-нибудь маску:

Теперь нажмите на иконку цепи между маской и миниатюрой слоя. Теперь вы можете перемещать маску с помощью обычного Move Tool.

Маски в фотошопе можно также копировать на другой слой. Создайте новый слой (Shift+Ctrl+N), залейте его каким-нибудь цветом, зажмите Alt и перетащите миниатюру маски на только что созданный слой:

Быстрая маска в фотошопе

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

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

Сейчас мы попробуем выделить с помощью быстрой маски выделить вот эту шикарную собаку 🙂

Нажмите Q, возьмите жёсткую непрозрачную кисть и начните закрашивать:

Обратите внимание, что основной цвет у вас должен быть чёрный. Если вы ошиблись и закрасили что-то лишнее, выберите белый цвет (нажмите X при стандартной цветовой раскладке) и сотрите таким образом ненужный участок маски. Когда закончите закрашивать, вновь нажмите Q. Всё, выделение готово:

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

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

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

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

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

Слой-маска

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

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

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

Заключение

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