Где можно использовать обтравочную маску?
Пример обтравочной маски с текстом. Наложение эффектов стиля слоя на базовый слой, и наложение изображения на слой с текстом как маску.
Пример clipping mask виньетка. Простая виньетка фотография вписанная в фигуру облачка.
Пример использования в рисование. Рассмотрим нарисованный объемный шар при помощи обтравочной маски. На скриншоте ниже можете видеть, как выглядит готовый вариант шара и раскадровку. Слой базы является окружность, все остальное рисуется поверх и заключается в группу clipping mask.
Это простой пример, но несложно понять, что по такому принципу мы можем создавать разные изображения, раскрашивать их, придавать объем, не затрагивая базу и не выходя за ее пределы. Это дает большое пространство для творчества.
Пример использования альт – клик в дизайне. На примере можно видеть как в форму шапки вписан фон, телефоны, которые без этой техники нужно было бы обрезать а так их установил по месту и ненужные элементы не отображаются за границей базового слоя шапки.
Шаг 7: Правка слой-маски при необходимости
Поскольку мы были сосредоточены всецело на выборе волос, на маске могут присутствовать или отсутствовать некоторые элементы. Чтобы проверить маску на проблемные области, нажмите и удерживайте клавишу Alt на клавиатуре и кликните на эскиз маски слоя в палитре слоев:
Это действие выбирает маску слоя и делает её видимой в окне документа. Если вы заметили любые районы, которые должны быть добавлены или удалены, воспользуйтесь стандартной фотошоповской кистью белого цвета для добавления и чёрной для удаления ненужного:
Когда вы закончите, вернитесь в обычный режим просмотра изображения в окне документа, нажав на иконку слоя слева от иконки маски в панели слоев.
Посмотрите на конечный результат, полученный после правки слой-маски:
Ссылки по теме
- Задать вопрос ONLine по покупке программ в интернет магазине ITShop
Как выполнять обтравку в Adobe Photoshop
Способ 1. С помощью простого вырезания объекта
Чтобы просто удалить фон, можно воспользоваться любым инструментом выделения в Photoshop, а затем полностью стереть всё, что не относится к выделенному объекту. Например, чтобы выделить автомобиль на примере ниже, мы применили автоматическое выделение предмета. В данном режиме Photoshop сам определяет объект на фото и выделяет его, создавая пунктирную рамку вокруг.
Выделение предмета в Photoshop
Затем применяем функцию «Скопировать на новый слой» и получаем машину без фона.
Копирование выделенного на новый слой
При этом, если вы захотите восстановить часть фона, придется вернуться к первоначальному изображению, так как на новом созданном слое с машиной фона уже не будет, он будет отсечен навсегда.
Способ 2. С помощью слоя-маски
Слой-маска в Photoshop — это невидимый слой, который помогает скрывать часть изображения (то есть выполнять обтравку) без его полного стирания. Маска — очень удобная функция, так как она позволяет выполнять обтравку на первоначальном слое и в любой момент восстановить часть удаленного изображения.
Выбираем слой, с которым будем работать, затем кликаем на значок прямоугольника с кругом в самом низу панели «Слои».
Добавление слоя-маски
К слою добавится маска, но визуально на картинке ничего не изменится, так как маска невидимая. Возле слоя с машиной на нашем примере появился белый квадрат — это маска.
Вид слоя-маски до работы по ней
Затем, чтобы удалить часть изображения, нам нужно воспользоваться черным цветом (например, просто закрасить ненужные участки фона кистью с черным цветом). Если вдруг понадобится восстановить стертый фрагмент, нужно просто переключить цвет на белый и провести по удаленным участкам. На маске в окне «Слои» при этом будет видно, какие участки мы стерли. Они отмечены черным.
Грубое отсечение лишнего на слое-маске
Способ 3. С помощью обтравочной маски
Важно не путать обтравочную маску с обычной маской слоя, которую мы описывали в предыдущем способе. Обтравочная маска — это группа слоев, в которых один располагается в границах другого, что позволяет скрыть ненужные участки картинки
Например, если мы хотим обрезать нашу машину по форме сердца, нам нужно сначала добавить в Photoshop любую фигуру, имеющую эту форму, например PNG-иконку.
Иконка сердца для обтравки по ней
Затем поверх нее размещаем фото машины, нажимаем правой кнопкой мыши на слое и выбираем «Создать обтравочную маску».
Создание обтравочной маски
Готово: фото машины обрезалось по форме сердца.
Итог применения обтравочной маски
ИСКРА — неделя знакомства с дизайн-профессиями
бесплатно
ИСКРА — неделя знакомства с дизайн-профессиями
7 дней, которые разожгут в вас искру интереса к дизайну. Получайте подарки каждый день, знакомьтесь с востребованными профессиями и выберите ту, которая подойдет именно вам.
разжечь искру
Другие термины на букву «О»
Орнамент
Шаг 5: Удаление остатков фона и окантовки вокруг мелких деталей
На данный момент вырезка выглядит неплохо, за исключением одного одной проблемы. Мы наблюдаем некоторую окантовку вокруг тонких волос и остатки фона с оригинального изображения под ними. Мы можем убрать этот дефект с помощью опции»Очистить цвет»(Decontaminate Colors), расположенной в разделе «Вывод» (Output) диалогового окна инструмента. По умолчанию эта опция отключена. Для включения следует кликнуть на флажок:
В данном примере я передвину ползунок «Эффект» (Amount) до значения 75%
Волосы теперь кажется более темным, особенно тонкие, которые изначально имели светло-серый оттенок, а окантовка и фон были удалены:
Шаг 2: Работа с инструментом «Уточнить край» (Refine Edge)
Перед работой инструментом следует убедиться в том, что в палитре слоев выбран нужный слой, в моем случае, это верхний слой с оригинальным фото:
Для активации данного инструмента Photoshop следует пройти по вкладке главного меню Выделение —> Уточнить край (Select —> Refine Edge). Но, т.к. у меня на данный момент активен инструмент «Прямолинейное лассо», то кнопка «Уточнить край» отображена панели параметров, и мне достаточно её нажать:
Это открывает диалоговое окно данного инструмента, и, перед началом работы давайте рассмотрим некоторые опции и режимы, использующиеся в этом окне.Режимы отображения (View Mode)После активации инструмента Вы видите, что изображение изменилось. Выделенная область осталась, но под ней появился белый фон (это отображение задано по умолчанию). Все зависит от того, какой режим просмотра в данный момент выбран в верхней части диалогового окна. Справа от слова «Вид» (View) имеется иконка, отображающая активный на данный момент режим просмотра.
Если нажать на саму иконку либо на маленькую стрелку справа неё, откроется список различных режимов просмотра. Для дальнейшей работы я выберу режим «На слоях» (On Layers), и мой документ примет следующий вид:
Шаг 3: Увеличить значение радиуса
Прямо под опцией Режимы отображения (View Mode) в диалоговом окне инструмента «Уточнить Край» находится раздел под названием «Обнаружение краев» (Edge Detection). Это просто волшебный инструмент. Чтобы добавить обрезанные волосы к выбранной области, переместите ползунок вправо:
Как только Вы начнёте перемещать ползунок, то сразу увидите, что начала появляться часть волос, которая была за пределами вашего первоначального выделения:
Чем дальше Вы переместите ползунок, тем большее количество волос появится.
Так что же здесь происходит? Какое значение следует задавать радиусу при выборе? Попытаемся разобраться. Справа от иконки выбора режима просмотра эскизов вы увидите опцию «Показать радиус» (Show Radius), которая по умолчанию отключена. Кликните по флажку, чтобы включить её:
При включённой опции в окне документа отображается только этот радиус. Смысл работы инструмента «Уточнить край» заключается в том, что он анализирует вид края нашего первоначальный выделения, чтобы решить, какой еще часть изображения должна быть присоединена к нему, а радиус и определяет значение того, как далеко она будет распространятся от первоначального края выделения. Photoshop не показывает это по всему документу, а отображает только указанную зону. Вот почему значение данного радиуса измеряется в пикселях. Если мы устанавливаем значение радиуса, скажем, в 50 пикселей, то Photoshop покажет 50 пикселов в любом направлении от первоначального края выделения, чтобы мы могли определить, есть ли какие-либо элементы в этой области, которые следует включить в наш выбор.
В рабочем окне документа показывается только сам радиус, остальные области отображены чёрным. На рисунке показан радиус со значение 45 пикс.:
Умный Радиус (Smart Radius)
Далее возникает вопрос, а какое значение следует задать радиусу обнаружения краёв? С одной стороны, он должен быть достаточно велик, чтобы затронуть все нужные участки, но, с другой, слишком большая величина радиуса может привести к проблемам в сопредельных областях. И ещё неприятный нюанс, в данный момент радиус нормальный для участка с волосами, но в то же время он слишком велик для области с рукой и плечом женщины, и, кроме того, он может появляться в областях, где его присутствие мне не нужно вообще:
Попросту говоря, область волос нуждается в широком радиусе, а в других областях он должен быть значительно меньше.Именно здесь приходит на помощь Умный Радиус или Smart Radius, переключатель которого находится прямо над главным ползунок радиуса. По умолчанию, Smart Radius выключен. Я кликнуть на его флажок для включения:
Давайте посмотрим на действие включенного Умного радиуса. Как сказано выше, мне требуется, чтобы в области волос радиус был большим, а в области плеча и руки — маленьким. Если мы посмотрим в моем окне документа, мы видим, что Photoshop сделал именно это. У нас имеется по-прежнему широкий радиус вокруг волос, и в то же время радиус вдоль рук и плеча значительно сузился:
Прежде чем мы продолжим, маленькое замечание об Умном радиусе. В зависимости от вашего изображения и типа края, с которым Вы работаете, Smart Radius может помочь, но также и может сделать хуже. Смарт-радиус следует применять для выделения, которое содержит различные типы краёв, как в моем случае. Если же, к примеру, выбрать только одни волосы, и больше ничего, или выбрать только гладкие края и ничего больше, то вы, вероятно, обнаружите, что в данных случаях лучше оставить Умный радиус отключённым.
Для изменения размера радиуса имеются и другие способы, и мы их сейчас рассмотрим.
Шаг 6: Вывод готовой выделенной области
Теперь, когда мы закончили выделение волос, нам нужно вывести наш выбор, и лучший способ сделать это — конвертировать наше выделение в маску слоя, т.к. при этом не удаляются пиксели исходного изображения. Для этого нам следует выбрать вариант Вывод в: Новый слой со слоем-маской (Output To: New Layer with Layer Mask):
Нажмите кнопку ОК в правом нижнем углу диалогового окна «Уточнить Край». Если мы посмотрим на палитру слоев, то увидим, что Photoshop сделал копию слоя с исходным изображением и преобразовал мою выделенную область в маску слоя на этом новом слое. Видимость оригинального слоя под ним автоматически отключилась, соответственно он больше не отображается в окне документа:
