Как сделать клиппинг маск
Clipping Mask в фотошопе
Про маски в фотошопе я уже писал, однако есть один вид масок, заслуживающий отдельного рассмотрения — это Clipping Mask. Эта функция позволяет наносить содержимое верхнего слоя точно внутри контура нижнего, не выходя за его края. Это очень удобная вещь и на практике может очень пригодиться и сэкономить кучу времени. А теперь посмотрим, как это работает.
Проведем простой эксперимент. Откройте фотошоп, создайте новый документ (размер не важен), затем новый слой сочетанием клавиш Shift+Ctrl+N. С помощью инструмента Ellipse Tool (Эллипс) нарисуйте круг:
Сейчас понадобится ещё один слой (Shift+Ctrl+N). Берем любую кисть и рисуем несколько линий:
Всё как обычно, верно? А теперь удалим слой с линиями, и создадим новый. Удерживая клавишу Alt нажмите на линию, разделяющую 2 слоя:
После этого попробуйте ещё раз нарисовать линии:
Замечаете разницу? Как бы вы не старались, выйти за рамки круга не получится. Это и есть принцип работы Clipping Mask.
Маску можно легко отменить, нажав по слою с маской правой кнопкой мыши и выбрав Release Clipping Mask:
В таком случае вы вновь увидите свои штрихи полностью:
Clipping Mask ещё называют иногда «Альт-клик», по способу создания этой маски. Такое название видимо появилось в виду того, что отсутствует внятный перевод этой функции.
К слову, использовать эту маску можно и для корректирующих слоёв:
В таком случае эффекты будут применяться только к тому слою, для которого создана маска:
Удобно, не правда ли? А дальше вы сами можете представить, какие перспективы открывает эта функция. Вот и всё, надеюсь урок оказался вам полезен.
Это очень удобный инструмент программы, обеспечивающий влияние на конкретный элемент изображения путем придания этому элементу необходимой формы, цвета, коррекции.
Теоретически это довольно сложно понять, так что мы рассмотрим инструмент Обтравочной маски (Clipping Mask) на практических примерах данного урока.
Часто, при создании какого-либо дизайна мы хотим, чтобы один слой приобрел очертания (форму) другого. На примере ниже мы видим, как фотография обычного формата преобразовалась в форму прямоугольника со скругленными углами.
Вы могли бы данный эффект сделать, создав выше изображения слой прямоугольника со скругленными углами и снизив его непрозрачность (Opacity) до 0% для видимости основного изображения внутри него. Но если бы вдруг вам захотелось изменить форму фото с прямоугольной на любую другую? Тогда пришлось бы начинать все сначала, расходуя драгоценное время.
1. Основной слой (базовый), который обеспечивает форму (в данном случае прямоугольник со скругленными углами);
2. Второй слой, «обрезанный» по форме предыдущего слоя и находящийся внутри него.
Это довольно удобный метод, который будет неотъемлемой частью вашего творчества.
Создание Обтравочной маски.
Для создания обтравочной маски, сначала убедитесь, что базовый (формовой) слой находится под слоем, который вы хотите обрезать. Удерживая клавишу Alt, наведите курсор между двумя этими слоями. Курсор изменит свою форму на значок двух соединенных кружков со стрелочкой слева. Нажмите кнопку мыши.
Сразу же, в основном окне программы, вы увидите, что ваше изображение вырезалось точно по форме низлежащего слоя (формового).
В панели слоев тоже произошли изменения. От верхнего слоя с изображением появилась стрелочка, указывающая на слой под ним. Это означает, что изображение теперь находится только внутри фигуры нижнего слоя, не выходя за его рамки.
Вы можете добавить насколько слоев Обтравочной маски, повторяя аналогичный процесс ее создания. Просто, удерживая Alt, нажмите между теми слоями, которые вы хотите добавить в маску. Ниже на скриншоте пример обтравки для двух слоев изображения.
Удалить обтравочную маску можно также, удерживая Alt и кликнув между ее слоями.
Преимущества использования Обтравочной маски.
Существуют два преимущества использования Обтравочной маски перед деструктивным (разрушающим) редактированием.
Во-первых, внутри обтравочной маски вы всегда можете изменить композицию слоев, меняя их порядок построения, положение. Активируйте инструмент «Перемещение» (Move Tool) и внутри маски передвигайте нужные слои в любом направлении.
Во-вторых, вы всегда можете изменить базовый слой, корректируя его форму. Просто активируйте инструменты редактирования векторных фигур («Стрелка» и «Выделение контура»), нажмите ими для активации контура фигуры и регулируйте кривые, выходящие из опорных точек контура, изменяя форму маски.
Какие слои можно использовать в качестве формы для обтравочной маски?
Любой тип слоя может быть применен как базовый (формовой) для обтравочной маски, будь он векторным или растровым. Давайте рассмотрим некоторые примеры использования разных слоев.
Пример 1. Текстовой слой.
Здесь базовым слоем является Текст. Изображение, которое расположено выше текстового слоя, находится только в пределах букв слова. Очень удобно то, что даже, являясь маской, данный текст можно редактировать. То есть, в панели этого инструмента (Window- Character) позволительно вносить изменения для слова, как то: смена шрифта, межбуквенного пространства, цвета, стиля написания и т.д.
В первом примере урока мы уже видели векторную фигуру (прямоугольник со скругленными углами), использованную в качестве обтравочной маски. Теперь из палитры инструментов векторной группы выберем инструмент «Произвольная фигура» (Custom Shape) и используем ее в виде маски обтравки.
Очень удобно использовать прозрачность любого растрового (RGB) слоя в качестве обтравочной маски. В примере ниже базовым слоем является черное пятно, сделанное Кистью (Brush) с мягкими краями большого размера. Внутри такой маски прекрасно смотрится фотография.
Кроме этого, для каждого обтравленного слоя возможна настройка режима смешивания сугубо индивидуально. Такой способ хорош для создания интересного, детального изображения.
Стили слоя (Layer Style).
Стили слоя, добавленные к базовому слою обтравочной маски, также воздействуют на слои, находящиеся внутри нее. Двойным щелчком по миниатюре базового слоя вызовите окно «Стилей слоя» (Layer Style) и попробуйте применить к нему различные параметры. Вот несколько примеров ниже:
Обратите внимание, что вы также можете добавить Стили слоя на слои, находящиеся внутри Обтравочной маски. Данные слой-эффекты будут размещаться внутри формы базового слоя.
Наконец, если вы хотите увидеть использование Обтравочной маски на практике, взгляните на дизайн шапки сайта, расположенный ниже.
Векторные фигуры (прямоугольник со скругленными углами) применены в качестве базового слоя для меню и заголовка сайта, а также промо-области справа. Еще я добавил в «Стилях слоя» параметр «Внутренняя тень» (Inner Shadow) для базовых слоев сайта.
Итак, из всего вышесказанного можно сделать вывод, что серьезная практическая работа в Фотошоп невозможна без применения инструмента Обтравочная маска. Очень легко создаются изменения на изображении без страха разрушить что-либо важное. Экспериментируйте с Обтравочными масками в своих работах, и вы поймете, как они удобны!
Категория: Уроки Фотошопа
Источник: Ссылка на источник скачиваний/переходов: 64
Записки микростокового иллюстратора
Микростоки: рисуем и зарабатываем на своем творчестве
23 окт. 2009 г.
Adobe Illustrator за 30 дней. День 26: Создаем обтравочную маску и непрозрачную маску (Clipping Path / Opacity Mask)
Чтобы Ваши иллюстрации выглядели чистеньким и аккуратненькими, Tony предлагает воспользоваться либо обтравочной, либо непрозрачной маской.
Если при прохождении этого курса у вас возникают какие-либо затруднения с обучением, то вы можете взять онлайн консультацию по Adobe Illustrator через Skype.
В сегодняшнем уроке на Marovaki design blog Вы как раз сможете поподробнее узнать про эти два инструмента, а также научиться применять их на практике (по многочисленным просьбам читателей копия перевода урока также опубликована на этом блоге).
С обтравочной маской и маской непрозрачности Вы можете легко выделить и убрать области, которые не должны быть видны. Давайте разберемся, как это работают.
В этой иллюстрации у нас 3 слоя. Задний фон, эффект лучей и солнце. Нужно поместить солнечные лучи в квадрат.
Сначала выделяем, солнечные лучи и задний фон, и группируем их вместе.
Выделите их с помощью инструмента «Выделение» и нажмите Ctrl+G чтобы сгруппировать их.
Нарисуйте прямоугольник, чтобы определить область, которую вы хотите показать. Убедитесь, что он находится сверху других объектов.
Выберите фон и контур который Вы нарисовали. Щелкните правой клавишей и выберите Объект > Обтравочная маска > Образовать (Object > Clipping Mask > Make).
После этого переместите фон на задний план нажав Ctrl+Shift+[
Редактируем обтравочную маску
Чтобы внести изменения в обтравочную маску, идем в панель слои (layers), выбираем подслой «обтравочный контур» (Clipping Path). Теперь Вы можете перемещать и изменять размеры маски. Если вы хотите отменить маску выберите Объект > Обтравочная маска > Отменить (Object > Clipping Mask > Release).
Маска непрозрачности
Непрозрачность позволяет создать прозрачность для вашего слоя. Интенсивность черного определяет прозрачность слоя. Черный будет прозрачным, а белый соответственно непрозрачным.
В отличие от рисования квадрата из предыдущего примера, мы нарисуем круг и заполним его градиентом.
Теперь выделим обе фигуры и выберем маску непрозрачности (Opacity Mask), щелкнув на иконке опций (Options icon) в углу палитры Прозрачности (Transparency Palette).
После этого Вы получите маску, края которой будут размыты. Маска непрозрачности хороши способ размыть края и сделать переход в цвет фона для ваших иллюстраций.
Несколько нюансов для тех, кто планирует в дальнейшем рисовать для микростоков:
— Маску непрозрачности использовать вообще не стоит. Помните, что по правилам микростоков все эффекты, содержащие прозрачности, не допускаются. Разобрать корректно маску непрозрачности не получится (на настоящий момент на микростоках уже разрешены прозрачности, для этого сохраняйте свой вектор в формате EPS-10).
— Обтравочной маской можно воспользоваться, если Вы хотите оставить покупателям возможность редактировать объекты, выходящие за область изображения. Но некоторые микростоки (например Istockphoto) требуют не просто прятать лишние элементы, а полностью их обрезать. Так что если Вы готовите файл сразу для нескольких стоков, учитывайте этот момент!
Не пропустите следующий урок: Сохраняемся и печатаем
Подпишитесь на нашу рассылку, чтобы не пропустить ничего нового:
Работа с масками
Механизм маскирования — чрезвычайно продуктивный способ создания сложных графических композиций. Его эффективность заключается в том, что можно компоновать объекты без кадрирования (обрезки) их вручную. Достаточно поместить их в маскирующий объект требуемой формы — обтравочную маску (clipping mask), и компонуемые объекты будут иметь запланированный вид (рис. 6.64). Маскируемыми объектами могут быть как простые контуры, так и составные (compound paths).
Рис. 6.64. Исходные объекты и полученный маскированный объект
При активной работе с масками следует иметь в виду, что достаточно сложные маски могут вызывать проблемы при распечатке документов. Простейшее решение проблемы, как и для сложных (составных) контуров, — всемерное упрощение.
Для того чтобы выяснить количество масок в документе, необходимо выполнить команду Document Info (Информация о документе) меню Window (Окно), которая выводит на экран одноименное диалоговое окно.
В разделе Objects (Объекты) диалогового окна приводится информация об имеющихся объектах, в том числе о количестве масок (рис. 6.65).
Рис. 6.65. Строка Clipping Masks в диалоговом окне Document Info
Для того чтобы узнать, является ли данный объект маской, необходимо его выделить и выполнить команды Selection Only (Только выделенные объекты) и Objects (Объекты) меню палитры.
Кроме того, для выделения всех масок в документе существует специальная команда Clipping Masks (Обтравочные маски) меню Select | Object (Выделение | Объект).
Для создания маски необходимо выделить соответствующие объекты, причем маскирующий объект (форма которого маскирует все остальные объекты) должен занимать самое верхнее положение. В том случае, если маскируемые объекты располагаются на разных слоях, этот факт следует иметь в виду при отключении слоев или при перемещении объектов на слоях.
Затем выполняется команда Make (Образовать) меню Object | Clipping Mask (Объект | Обтравочная маска), которая удаляет параметры контура и заливки маскирующего объекта (он «скрывается», выполнив свою миссию).
Для «извлечения» объектов «из-под маски» требуется выделить маскирующий объект и выполнить команду Release (Отменить) меню Object | Clipping Mask (Объект | Обтравочная маска). При этом следует не забывать, что у маскирующего объекта сохранился контур, который при отсутствии параметров продолжает оставаться невидимым. Для исправления такого положения необходимо выделить этот ‘объект и присвоить ему параметры контура (или заливки) или удалить его.
Созданную обтравочную маску можно в любой момент отредактировать: взыскательный художник всегда найдет, что поправить.
Рис. 6.67. Векторная маска и пиксельное изображение, полученное из нее
How to Create a Clipping Mask in Photoshop
Today, we have a handy little quick tip for you that’s as powerful as it is simple! Let’s take a look at how to how to create a clipping mask in Photoshop!
Follow along with us over on our Envato Tuts+ YouTube Channel:
What You Will Need
Find more resources on Envato Elements!
1. What Are Clipping Masks in Photoshop?
A clipping mask, or Photoshop mask, is essentially a layer clipped inside another layer or group.
A clipped layer will only be visible within the boundaries of the layer it’s clipped into, also known as the «base» layer. A layer will become underlined, indicating that it is a base layer, once a separate layer in clipped into it.
Let’s get to learning how to create a mask in Photoshop!
2. How to Make a Clipping Mask in Photoshop
Step 1
Create two New Layers.
Step 2
Hold down Alt.
Position the pointer over the line dividing «Layer 1» and «Layer 2». You will notice the mouse change to two overlapping circles.
Now click! «Layer 2» will then clip into «Layer 1».
How to Use Clipping Masks in Photoshop
You can clip any kind of layer into any other kind of layer, such as text layers, shape layers, image layers, blank layers to paint on, etc.
Step 1
First, create a background using the Baby girl digital paper pack.
Make a heart using the Shape Tool.
Now clip the happy girl image inside the heart!
Step 2
Let’s make a second clipping mask to create a scrapbook effect and see how we might layer clipping masks!
Create another heart using the Shape Tool. Make it slightly bigger than the first, and place it below the first heart as well.
Step 3
Create and clip the heart shape pattern from the Baby girl digital paper pack into the large heart.
Step 4
You can clip infinite layers into a single layer and adjust their layer mode and opacity as normal; however, all layers clipped into the base layer will be affected by the base layer’s opacity and layer mode.
Below, I lowered the Opacity of the smaller heart to 50%, which then lowered the opacity of the little girl image to 50% as well.
Step 5
Finally, you can also clip layers into groups, but you cannot clip groups into layers, nor can you group clipped layers. You have to group the base layer with its clipped layers.
Let’s go ahead and bring our heart’s Opacity to 100%
Group all of your heart layers together, everything but the background, naming the group «Heart».
Create a New Layer and clip it into the «Heart» group, setting the layer to Screen.
Using a round Brush, paint in a soft pink #facccf light all around the heart. Notice how the color stays within the boundaries of the largest heart!
There You Have It!
We’ve learned how to make a mask in Photoshop. Clipping masks are one of the most powerful tools Photoshop has to offer, believe it or not, with the possibilities being endless!
So, as always, keep experimenting with different techniques, and don’t forget to post your version below, along with any questions, comments, or critiques!
Looking to learn more? Why not check out the following excellent photo manipulation tutorials: