Слой-маска - это один из самых важных и необходимых приёмов в Фотошопе. Научившись правильно его применять, вы сможете значительно лучше работать с изображениями. Поэтому освоить принципы использования слой-маски необходимо каждому пользователю. Разобраться с этим вопросом будет полезно не только тем, кто планирует регулярно работать с Adobe Photoshop , но и тем, кто только иногда применяет его для редактирования своих фотографий. Так или иначе, работать в программе будет сложнее, если вы не владеете этим приёмом. Разберёмся, как сделать маску в Фотошопе.
Продолжаем уроки по базовому функционалу
Главные задачи слой-маски - маскирование участка картинки и создание ограничений для какого-нибудь инструмента, также она может использоваться вместо ластика. Вы можете работать с любыми фильтрами и эффектами . Единственное условие - разрешается пользоваться только чёрным и белым цветами, хотя допускается использование серого.
Начнём с того, как создать маску в Фотошопе. Стоит отметить, что её можно применить к любому имеющемуся слою или их группе. Перейдите к Layers Panel. Она, как правило, расположена в правой части окна. Затем выберите в списке нужный вам слой и нажмите на иконку Add Layer Mask. На самой картинке никаких изменений вы не увидите. Также существует другой способ. Откройте меню Layer и перейдите к разделу Layer Mask. Там можно выбрать один из двух типов масок: белую (Reveal All), проявляющую изображение, и чёрную (Hide All), маскирующую изображение. В разных случаях применяется один или другой тип.
Через кнопки или через меню
Чтобы залить маску чёрным цветом, щёлкните по Add Layer Mask, а затем воспользуйтесь комбинацией клавиш Ctrl+Backspace. В соответствующей иконке вы увидите, как белый цвет сменился чёрным.
С помощью кисти можно в режиме маски выделить фон либо его часть
Разобравшись с добавлением слой-маски, перейдём к тому, как и в каких случаях её использовать. Если вы хотите поменять фон объекта на фотографии, создайте новый слой с нужным фоном, а затем щёлкните по иконке Add Layer Mask. Кликните по миниатюрной иконке маски, чтобы начать работать с ней. Выберите кисть (Brush Tool) чёрного и начните аккуратно закрашивать фон вокруг объекта, пока не получите желаемый результат. Чёрная кисть позволяет легко справиться с заменой фона фотографии .
Черно-белый градиент наложен
Также можно применить градиент, чтобы получить аккуратный переход между парой изображений . Делается это очень просто. Расположите одну фотографию над второй и создайте маску для первого слоя. Затем воспользуйтесь градиентом (Gradient Tool). Выберите чёрно-белый цвет градиента. Теперь нажмите на миниатюру слой-маски в Layers Panel. Нарисуйте линию градиента таким образом, чтобы закрасить картинку справа чёрным. Всё это можно сделать и в другую сторону. В итоге получится аккуратный переход между одной и другой фотографиями. Такой приём может не раз вам пригодиться.
Полученный результат: осень и зима вместе
Кроме этого, вы можете использовать слой с текстом . Для этого выберите инструмент «Текст» (Text Tool) и напишите какое-нибудь слово или словосочетание. Далее выделите текст, щёлкнув по миниатюре слоя с текстом, держа зажатой клавишу Ctrl на клавиатуре. Перейдите к основному фото и кликните по иконке Add Layer Mask. Обратите внимание, что слой с текстом должен располагаться под основной картинкой. Подобного результата можно достичь благодаря так называемой Clipping Mask.
Использование масок слоев в «фотошопе» может понадобиться в разных ситуациях, например, при замене схожих элементов. Скажем, человеческих лиц. Однако в самом начале работы потребуется покрасить маску в черный цвет, т.е. сделать ее непрозрачной.
Вам понадобится
- - Русифицированная версия Adobe Photoshop СS5
Инструкция
В сегодняшнем руководстве, посвященном ретушированию фотографий, мы научимся корректировать глаза, делая их выразительнее и ярче. Это делается с помощью корректирующего слоя, режима наложения и простой кисти! Мы будем использовать Photoshop CS5 , но более свежие версии редактора тоже подойдут:
Оригинальный снимок
А вот как он будет выглядеть после нашей обработки в Photoshop :
Финальный результат
Этап 1: добавляем корректирующий слой «Уровни»
Перед тем как начать, давайте быстренько взглянем на нашу панель слоев:
Панель слоев
Чтобы сделать глаза девушки ярче, необходимо добавить корректирующий слой «Уровни ». Кликните по кнопке «Новый корректирующий слой » (New Adjustment Layer ), расположенной в нижней части панели слоев:
Кликаем по кнопке создания нового корректирующего слоя
Из появившегося меню выбираем пункт «Уровни » (Levels ):
Выбираем «Уровни» из списка
С этим слоем мы ничего не будем делать. Все что нам нужно, это добавить его в документ, и если вы используете Photoshop CS3 или более ранние версии, просто нажмите «ОК » в правом верхнем углу окна «Уровни ». Если вы используете Photoshop CS4 и выше, то опции настройки корректирующего слоя появятся в новом разделе «Свойства ».
Независимо от того, какую версию Photoshop вы используете, важно убедиться, что новый корректирующий слой находится прямо над фоном:
Корректирующий слой находится прямо над фоном
Этап 2: изменяем режим наложения слоя на «Экран» (Screen)
Изменим режим наложения корректирующего слоя. Этот параметр доступен для настройки в левом верхнем углу на панели слоев. По умолчанию, режим будет выставлен на «Нормальный » (Normal ). После нажатия на надпись нужно открыть выпадающий список и выбрать значение «Экран » (Screen ):
Изменяем режим наложения слоя на «Экран» (Screen)
Этот режим просто осветляет изображение и накладывается он сразу на всю фотографию, а не только на глаза, но вскоре мы исправим это:
Режим наложения «Осветление» сразу же осветляет весь снимок
Этап 3: заливаем маску слоя черным цветом
Одно из главных свойств корректирующих слоев в Photoshop заключается в том, что каждый из них имеет собственную маску, которую можно использовать для определения области редактирования. Иконка маски находится рядом с корректирующим слоем «Уровни ». По умолчанию, маски заливаются белым цветом, то есть редактирование применяется ко всему изображению, расположенному под ним.
Именно поэтому светлым становится сразу все изображение:
Маска корректирующего слоя по умолчанию заполнена белым цветом
Давайте скроем эффект корректирующего слоя, чтобы он ничего не затрагивал на фотографии. И сделать это можно очень просто: залить маску слоя черным цветом. Откройте меню «Редактирование » (Edit ), и найдите там пункт «Выполнить заливку » (Fill ):
Меню Редактирование > Выполнить заливку …
После этого откроется окно «Заполнить ». Измените опцию «Содержание » (Use ) на «Черный » (Black ), а затем нажмите «ОК »:
Изменяем параметр «Содержание» на «Черный»
Если снова посмотреть на миниатюру маски слоя на панели слоев, то теперь она залита черным цветом:
Маска корректирующего слоя «Уровни» теперь залита черным цветом
Так как мы залили маску черным цветом, эффект корректирующего слоя вообще не сказывается на исходном изображении. Сейчас корректирующий слой все еще осветляет изображение. Мы просто не можем видеть этот эффект, так как его скрывает маска слоя.
На следующем этапе нам нужно вернуть действие корректирующего слоя, но в этот раз ограничиться только глазами девушки:
Мы вернулись к исходному изображению
Этап 4: используем «Кисть» (Brush)
Выберите инструмент «Кисть » (Brush Tool ) на панели инструментов:
Выбираем «Кисть» на панели инструментов
Этап 5: наносим белый цвет на глаза
Чтобы вернуть действие корректирующего слоя в области глаз девушки, нужно закрасить их белой кистью. Учтите, что мы рисуем не на самой фотографии, а на маске корректирующего слоя.
Белый цвет позволяет отобразить эффект корректирующего слоя сквозь маску. Сейчас Photoshop использует для кисти основной цвет, поэтому можно нажать клавишу D , чтобы сбросить настройки на цвета по умолчанию (белый и черный ). Также это можно сделать вручную, воспользовавшись панелью инструментов:
Выбираем белый в качестве основного цвета
Теперь, взяв кисть и установив белый цвет, закрасьте радужку глаза. Для этого нужно сначала выставить соответствующий размер кисти. Сделать это можно как при помощи верхней панели Photoshop , так и нажав клавишу левой прямой скобки ([ ).
Противоположная скобка (] ) позволит увеличить размер кисти. По мере того как вы наносите цвет кистью, на снимке будет проступать эффект корректирующего слоя:
Наносим белый цвет на левый глаз девушки на фотографии
Если вы случайно вышли за предполагаемую область (а это всегда случается ), просто нажмите клавишу X , которая поменяет местами основной и фоновый цвета, и вновь закрасьте ненужные фрагменты. После этого нажмите X и продолжайте работу с белым цветом.
Часть 1 – Основные понятия о маске
Краткий обзор масок в Photoshop
В реальной жизни все люди знают, что такое маска. Она скрывает некоторые вещи и люди не видят, что находится за ней. Маски в Photoshop работают по такому же принципу.
Существует 2 типа масок: Слой-маска (пиксельная) и векторная маска.
По определению (из Центра поддержки Adobe):
Слой-маска – зависимые от разрешения карты, которые можно редактировать при помощи инструментов выделения или заливки.
- Векторная маска – независима от разрешения и создаётся при помощи инструмента Перо (
- Обе маски не разрушаются. Это значит, вы можете отменить изменения и заново что-то отредактировать без потери пикселей оригинального изображения.
В этом уроке мы разберём слой-маску (пиксельную).
Где найти функции маски
В Photoshop есть много способов добавления маски к слою. Один из способов это меню Слой»Слой-маска (Layer > Layer Mask). Там есть значения Показать все (Reveal All) и Скрыть все (Hide All). Я объясню эти два параметра.
Откройте любое изображение в Photoshop, сделайте копию слоя (Ctrl+J) и залейте фоновый слой каким-нибудь цветом (например, чёрным). Потом выберите копию и перейдите в меню Слой»Слой-маска»Показать все:
Вы увидите, что рядом с иконкой слоя появилась иконка маски белого цвета.
Теперь кликните правой кнопкой на иконке маски и выберите Удалить слой-маску (Delete Layer Mask):
Теперь перейдите в меню Слой»Слой-маска»Скрыть все:
В результате вместо белой маски появится чёрная, и ваше изображение не будет видно. Точнее вам будет видно то, что находится на нижнем слое.
На практике, если вам нужно будет скрыть небольшие участки изображения, то можете выбирать вариант Показать все (Reveal All) и чёрной кистью зарисовывать ненужные области. Если же вы хотите скрыть большие области изображения, то выбирайте другой вариант и работайте белой кистью, чтобы сделать нужные объекты видимыми.
Также слой-маску можно добавить при помощи иконки в низу палитры слоёв, показанной ниже.
Дополнительные параметры маски
У маски есть также дополнительные параметры. Чтобы их открыть, нужно перейти в меню Окно»Маски (Window > Masks) (в CS3 нет такой возможности).
У вас появятся дополнительные настройки маски. Можете изменить параметры и посмотреть, что получится.
Использование мягкой и жёсткой кисти на маске
Один из самых простых способов скрытия или проявления изображения через маску это использование инструмента Кисть (
Чтобы рисовать на маске, нужно чтобы её иконка в палитре слоёв была активна. Вы можете просто водить по вашему изображению и скрывать какие-то области. Но бывают и случаи, когда вам чётко нужно видеть как обрисовать маску. Для этого, удерживая Alt, кликните на иконке маски, и вместо вашего изображения у вас появится маска (белый или чёрный фон).
Я сделал одиночный клик мягкой кистью. В палитре слоёв это выглядит так:
А на холсте:
Результат:
А это результат от применения жёсткой кисти:
Как вы видите, результат не один и тот же. Нет никаких запретов на использования какой-либо кисти, ведь суть в том, чтобы заполнить некоторую область чёрным или белым цветом.
Часть 2 – Быстрая, обтравочная маски и маска корректирующих слоёв
Сейчас я объясню, что такое быстрая маска. Она не похожа на предыдущие маски и используется для создания выделений. Её можно использовать в тех случаях, когда вы хотите вырезать одну часть изображения, но пользоваться другими инструментами выделения не очень удобно.
Откройте в Photoshop. Перейдите в режим Быстрой маски (Q):
Цвет заливки – чёрный.
Выберите кисть и настройте её размер:
Обрисуйте чайку. Я уделял внимания аккуратному закрашиванию птицы, так как всего лишь хочу показать принцип работы:
Вернитесь в нормальный режим (Q или кликните на иконке быстрой маски ещё раз) и закрашенная область превратится в выделенную:
Теперь можете делать с этим выделение всё, что угодно. Во режиме быстрой маски также можно использовать белую кисть, чтобы уменьшать границы выделения, или инструмент Ластик (
",this,event,"320px");">Eraser Tool).Обтравочная маска
Это одна из самых полезных вещей в Photoshop. Она упрощает процесс работы со слоями и их границами. Давайте рассмотрим принцип работы этой маски на примере. Создайте новый документ размером 600х600 пикселей с белым фоном. Напишите какой-нибудь текст.
Приветствую вас, друзья. В сегодняшнем уроке я расскажу про маски в фотошопе . Что такое маска в фотошопе, и как она работает? Чтобы ответить на этот вопрос достаточно представить, что происходит, когда человек надевает маску? Верно, маска закрывает собой лицо. Примерно по такому принципу и работает маска в фотошопе — закрывает все нижележащие слои, оставляя видимыми только те участки, где она прозрачна.Это позволяет добиваться плавных переходов между разными частями одного или нескольких изображений. Маски широко применяются в создании коллажей и обработке фотографий.
Для затравки я покажу несколько примеров использования масок в фотошопе:
Планета добавлена с помощью простейшей маски.
А здесь всего 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 много нового, и отныне работа с масками в фотошопе не вызовет у вас никакого затруднения.
Задавайте вопросы в комментариях, делитесь своими впечатлениями и делитесь этим уроком с друзьями. Я прощаюсь с вами до новых встреч на нашем сайте и желаю творческих успехов 😉
