12. Маски

Еще один обязательный и очень важный раздел по работе с Photoshop это маски слоев. Давайте разберемся что такое маски и как с ними работать

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

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

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

Применение маски – характерная стрела вниз слева от слоя и немного смещенный слой вправо.

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

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

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

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

После этого мы увидим наше исходное изображение без маски