Как сделать векторную маску в фотошопе
Перейти к содержимому

Как сделать векторную маску в фотошопе

  • автор:

Как использовать векторную маску в Photoshop

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

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

Выбор фото

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

Как использовать векторную маску в Photoshop

Рисуем контур

Хорошо, давайте приступим. Здесь можно рисовать любую форму, используя инструменты Rectangle Tool (Прямоугольник), Ellipse Tool (Эллипс), Custom Shape Tool (Произвольная фигура) или что-то другое, чем можно нарисовать контур. Я буду использовать инструмент «Эллипс», так как с ним довольно легко работать.

Выберите его на панели инструментов слева, затем перейдите на верхнюю панель параметров в выпадающем списке установите Path (Контур). Это важно. Нам нужен именно контур, а не фигура.

Как использовать векторную маску в Photoshop

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

Как использовать векторную маску в Photoshop

Копирование контура

Можно закончить урок на этом, добавить маску и изображение обрежется по созданной форме. Но я решил немного усложнить процесс. Я хочу продублировать эту форму дважды и расположить их так, чтобы получилось нечто похожее на уши Микки Мауса. Чтобы дублировать путь, выберите инструмент Path Selection Tool (Выделение контура).

Как использовать векторную маску в Photoshop

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

Как использовать векторную маску в Photoshop

Объединение форм

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

Теперь, когда у нас есть три формы, их необходимо объединить в одну фигуру. Для этого снова активируйте инструмент «Эллипс» и перейдите на панель параметров. Кликните по раскрывающемуся списку Path Operations (Операции с контуром) и выберите Merge Shape Components (Объединить компоненты фигуры).

Как использовать векторную маску в Photoshop

После этого формы будут объединены в одну.

Как использовать векторную маску в Photoshop

Применение векторной маски

На этом этапе мы замаскируем всё изображение, за исключением области внутри формы. Перейдите во вкладку Layer > Vector Mask > Current Path (Слои – Векторная маска – Активный контур).

Как использовать векторную маску в Photoshop

После проделанных действий изображение за пределами фигуры исчезнет.

Как использовать векторную маску в Photoshop

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

Ссылка на источник урока.

Маски в Фотошопе – Работа с маской [ч.3]

Маски в Фотошопе – Работа с маской [ч.3]

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

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

В Фотошопе слой может иметь несколько масок сразу. Из первой части статьи мы разобрали растровую маску, а из второй части векторную. Пришла пора объединить обе маски в одном слое.

Зачем использовать две маски сразу?

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

Использование растровой и векторной маски

Обе маски скрывают. Растровая маска может скрывать частично. С другой стороны у векторной маски свои преимущества. Например, в Фотошопе обычное дело создавать выделения инструментом Pen Tool. Вначале мы создаем векторный контур, затем переводим его в выделение. Инструмент Pen Tool крайне удобен для создания действительно качественных и гладких выделений. Но зачем преобразовывать кривые в выделение, если можно сразу создать векторную маску?

Создаем векторную маску

  • Выберите инструмент Pen Tool
  • В панели Options выберите режим Path
  • Если у вас нет панели Options включите её Windows > Path
  • Подробнее о режиме Path можно прочитать в моей статье Shape Layer, Path и Fill Pixels в Фотошопе
  • Используя Pen Tool аккуратно обведите девушку. Работа с векторными инструментами требует сноровки. Область волос обводить не нужно. Захватите в этой части немного лишнего пространства. Там мы поработаем с растровой маской.

  • Выделите контур инструментом Path Selection Tool
  • В панели Options должен стоять режим Add to Shape Area (+)
  • Подробно о работе этих режимов можно прочитать в моей статье Add, Subtract, Intersect и Exlude в Фотошопе
  • Теперь зайдите в Layer > Vector Mask > Current Path
  • Если у вас ничего не получилось, скорее всего ваш слой является основным и заблокирован. Layer > New > Layer from Background решит проблему.

Создаем растровую маску

Мы специально обогнули область волос, так как вектор не способен выделить их так как это может растр.

  • Выберите инструмент Lasso Tool и выделите область волос и девушку целиком. Главное, чтобы в выделение не попала та часть, которую мы хотим скрыть.
  • Не обязательно стараться выделить точно, поэтому я и предлагаю использовать Lasso Tool вместо Polygonal Lasso.

  • В панели Options нажмите кнопочку Refine Edge
  • Подробно о работе Refine Edge можно прочитать в моей статье Refine Edges в Фотошопе
  • Настройте маску Refine Edge так, чтобы в выделение попали только волосы.
  • Установите разумное значение радиуса, выберите кисть и обработайте волосы.

  • Не снимайте выделение.
  • Выберите Layers > Layer Mask > Reveal Selection

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

Двойная маска при создании сайта в Фотошопе

В отличие от примера выше, существуют ситуации, при которых использование двух масок сразу продиктовано здравым смыслом. На картинке ниже шапка сайта, над которым я как раз работаю. Создание сайта процесс творческий, а творчество сложно измерить в часах и минутах. Творчество похоже на маленькую мышь, которая бегает по комнате. Порой, чтобы поймать её понадобится 5 минут, в другой раз она будет носиться от одного угла до другого 5 часов. И сколько бы ты ни ловил её, сколько бы не менял дизайн сайта, все равно не можешь придти к конечному результату. Вот почему я придаю такое большое значение возможности легко видоизменять графику в Фотошопе, иметь возможность откатить настройки назад, иметь контроль за цветом.

В моем примере панель с меню уже векторная. Она состоит из заливки с векторной маской. То есть это обычный прямоугольник, который я нарисовал инструментом Rectangle Tool и применил стили. В определенный момент работы я решил, что часть панели необходимо скрыть. Пусть она как бы выступает из ниоткуда постепенно. Я бы мог легко растрировать слой и просто стереть часть панели резинкой. Но знаете, я не хочу превращать легко настраиваемую, масштабируемую без потери качества панель в мертвый кусок пиксельной графики. Это же не пиксель-арт в конце концов. Я хочу иметь полный контроль за изображением и возможность все изменить завтра или после завтра, без необходимости опять с нуля рисовать эту панель. А через час мне покажется лучшим вариантом расширить панель, а через два часа я решу что частичное скрытие не было такой хорошей идеей.

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

  • Выберите слой заливки Layer > New Fill Layer > Solid Color Это специальная категория слоев, создающих слой, заливающий рабочую область спец материалом: одним цветом, градиентом или паттерном. Эти слои специально созданы для работы с масками, в том числе все векторные фигуры в фотошопе основаны на слоях заливки.
  • О работе с векторными примитивами можно прочесть в моей статье Векторные примитивы в Фотошопе
  • Выберите Layer > Vector Mask > Reveal All. Это добавит к слою с заливкой слой с векторной маской. Таким образом панель со слоями должна выглядеть вот так:

  • Кликните по иконке векторной маски в палитре слоев Layes. Чтобы на маске можно было рисовать, она должна быть выделена.
  • Выберите инструмент Pen Tool, нажмите SHIFT и нарисуйте прямоугольник. Зажатая клавиша SHIFT позволит создавать ровные перпендикулярные линии.
  • На панели Options должен стоять режим Add to Shape Area (+) Этот режим оставляет видимым все, что внутри фигуры, и скрывает все, что снаружи.
  • Я понимаю, что проще всего выбрать инструмент Rectangle Tool, в дальнейшем вы так и будете делать. В этом же уроке мы начинаем с истоков векторной и растровой маски, с самого нуля.

  • Как видите мы получили самую обычную векторную фигуру. Точно такую же, как если бы мы воспользовались инструментом Rectangle Tool. Усложним её.
  • Кликните по иконке с маской. Вы должны увидеть контуры фигуры. Или выберите фигуру инструментом Path Selection Tool
  • Выберите инструмент Pen Tool и дорисуйте над фигурой волнистое продолжение баннера.
  • На панели Options должен стоять режим Add to Shape Area (+)

  • Выберите инструмент Gradient Tool. В панели Options настройте градиент следующим образом:

  • Выберите вторую растровую маску в палитре слоев Layers. Иконка маски должна быть выделена чтобы с ней можно было работать.
  • Растровая маска работает по простому принципу: черный цвет — полное скрытие, белый цвет — то что мы видим, серый цвет — полускрытие, частичная невидимость. На маске можно рисовать кистью, использовать инструмент градиент, заливать, можно пользоваться инструментами выделения и заливать выделенные участки, но только в градации от черного к белому.
  • Нажмите SHIFT и протяните градиент у основания фигуры сверху вниз.

Использовать, то что у нас получилось можно любым способом. Я могу сделать Clipping Mask и вставить внутрь картинку, применить стили, использовать фигуру как баннер или панель с кнопками, или использовать её так, как я сделал это в сайте, шапку которого вы уже видели.

На этом все, успехов в освоении Фотошопа.

Похожие записи:

  1. Refine Edges в Фотошопе
  2. Маски в Фотошопе – Панель слоев [ч.4]
  3. Инструменты Лассо в Фотошопе
  4. Slice tool в Фотошопе

Маски в Фотошопе — векторная маска [ч.2]

Маски в Фотошопе — векторная маска [ч.2]

В первой части моей статьи о масках в Фотошопе мы разобрали самые простые варианты создания маски слоя. В этой части речь пойдет о векторной маске. По правде говоря, я затрагивал векторные маски в очень многих статьях. Ведь весь представленный в Фотошопе вектор, суть, заливка с векторной маской. Зачем нужна векторная маска если есть обычная растровая? По тем же причинам, по которым вектор вообще используется в Фотошопе и других программах. Векторная маска не теряет в качестве при масштабировании, с её помощью можно создать очень гибкие и эластичные линии, о которых можно лишь мечтать, пользуясь инструментами выделения Select. Векторная маска очень удобна в использовании, в частности, именно векторную маску чаще всего используют для создания растровых клип-артов в каком нибудь EPS. Причины по которым векторная маска имеет право жить не выходят за рамки моей заметки Зачем в Фотошопе нужен вектор.

  • Маски в Фотошопе – Layer Mask [часть 1]
  • Маски в Фотошопе – Работа с векторной и растровой маской [часть 3]
  • Маски в Фотошопе — Панель Слоев [часть 4]

Что нужно знать, чтобы работать с векторными масками?

Для полноценной работы с векторными масками вам конечно придется освоить работу с контурами. Логично, для создания обычной маски надо освоить инструменты выделения или работу с кистью, а для работы с векторными масками Инструменты векторного рисования в Фотошопе. Неплохо было бы также разобраться с режимами Shape Layer, Path и Fill Pixels в Фотошопе и, пожалуй, самое главное — Add, Subtract, Intersect и Exlude в Фотошопе. Но не пугайтесь, если у вас нет лишнего времени на чтение, вся необходимая информация будет дана в этой части статье, а если её будет не хватать, обращайтесь к вышеупомянутым ссылкам. Если вы до сих пор настроены скептически, приведу конкретный пример, того, на что способна векторная маска в отличие от растровой, с которой подобные эффекты практически не выполнимы.

векторная маска в Фотошопе

Маски слоя в Фотошопе (Vector Mask)

Векторные маски слоя в Фотошопе создаются точно так же как и растровые маски, только вместо инструментов выделения используются инструменты векторных контуров Pen Tool, Freeform Pen Tool или любым из инструментов примитивов вроде Rectangle Tool и прочих. Все эти инструменты работают в трех режимах, которые настраиваются в панели настроек Options. Если по каким-то причинам вы её не видите, нажмите Windows > Options. Больше информации об этих режимах, с доступными примерами вы найдете в статье Shape Layer, Path и Fill Pixels в Фотошопе, а сейчас, разберем их работу в общих чертах.

векторная маска в Фотошопе

Создаем векторную маску в Фотошопе

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

Solid Color, Gradient и Pattern

Фотошоп имеет 3 специальных слоя заливки Layer > New Fill Layer > Solid Color / Gradient / Pattern Пощелкайте по ним и посмотрите как они работают и что создают. Создают они, как не трудно догадаться, специфические сплошные слои, залитые определенным эффектом. На примере ниже я выбрал все из слоев заливок, и создал растровые маски, каждая из которых скрывает часть слоев заливки. Таким образом на рабочей области видны все три слоя.

векторная маска в Фотошопе

Режимы Shape Layer и Path

Подробности работы этих режимов вы найдете в моей статье Shape Layer, Path и Fill Pixels в Фотошопе, а сейчас практика.

  • Режим Shape Layer создает готовую заливку Solid Color вместе с векторными контурами.
  • Режим Path создает только контуры, которые попадают на рабочую область палитры Path включить которую можно через Windows > Path

Создание векторной маски через режим Shape Layer

Выберите инструмент Rectangle Tool и нарисуйте совершенно обыкновенный квадрат. В настройках инструмента на панели Options установите режим Shape Layer. Если все правильно, на рабочей области у вас появится заливка Layer > New Fill Layer > Solid Color и готовая векторная маска. Все. Вы создали самую простую векторную маску. По умолчанию все векторные инструменты в режиме Shape Layer создают заливку с векторной маской.

векторная маска в Фотошопе

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

Создание векторной маски в Фотошопе с нуля

Я подготовил подходящую картинку логотипа Бэтмена. Бесчисленное количество изгибов говорят сами за себя — здесь нужен вектор, тут нужны кривые, инструменты выделения не годятся. Хорошо, я выбрал инструмент Pen Tool и установил в настройках режим Path. Затем приблизил логотип и аккуратно сделал контур поверх него. Если вы не знаете как рисовать инструментом Pen Tool прочитайте мою статью Инструменты векторного рисования в Фотошопе. На крайний случай сделайте маску любым другим инструментом примитивом.

векторная маска в Фотошопе

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

векторная маска в Фотошопе

Переходим непосредственно к созданию маски. Зайдите в Layer > Vector Mask. Перед нами небольшое меню, практически идентичное тому, что мы уже разобрали в прошлой части статьи.

Reveal All — создает пустую незаполненную маску. Такая маска ничего не скрывает. Зачем это нужно? Маску можно создавать с любого конца. Например, вначале создать пустую маску, а затем на ней нарисовать нужные нам контуры. Ниже я покажу как это работает.

Hide All — создает заполненную маску. Маска сразу скрывает всю рабочую область. На практике вы можете создать заливку Solid Color, затем скрыть её такой маской, а затем нарисовать на ней нужную вам фигуру. Хотя в этом не много смысла, но вы можете. В общем, в крайне редких случаях подобная опция нужна.

Current Path — наш пациент. Создает маску по нарисованному заранее контуру. При этом, понятно, контур должен быть выделен в палитре Path, или инструментом Path Selection Tool на рабочей области.

Итак, контур выделен, переходим к Layer > Vector Mask > Current Path. Если все правильно, мы получим маскированный логотип. Я создал ещё один заливочный слой через Layer > New Fill Layer > Solid Color чтобы логотип не лежал на прозрачном фоне, а к заливке применил стили слоев Pattern.

векторная маска в Фотошопе

Создание маски через слои заливок Fill Layers

Создавать подобные маски ещё проще чем обычные. Выберите подходящий вам векторный инструмент и нарисуйте контуры. Не забудьте, контуры должны быть выделены. Я создал два таких контура, крест и ряд сгруппированных окружностей.

векторная маска в Фотошопе

Выделяем нужный контур и открываем Layer > New Fill Layer > Gradient Для второй фигуры я создал заливку из паттерна Layer > New Fill Layer > Pattern

векторная маска в Фотошопе

Создание маски через цветокорректирующие слои Adjustment Layers

Точно таким же образом создаются маски для цветокорректирующих слоев. Создайте контур, сохраните контур, выделите контур, зайдите в Layers > New Adjustiment Layer и выберите нужный вам цветокорректирующий слой. Настраивать эффекты цветокоррекции нужно в палитре Windows > Adjustiment

векторная маска в Фотошопе

В моем самопальном примере я создал маску для кривых Curves. И раз уж мы заговорили о заливочных и цветокорректирующих слоях, не лишним будет заметить, что растровые маски создаются точно так же как и векторные. Создаем область выделения инструментами вроде Lasso, нажимаем Layers > New Adjustiment Layer или Layers > New Fill Layer и все. Получаем заливку с растровой маской.

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

Похожие записи:

  1. Инструмент Move Tool в Фотошопе
  2. Инструменты выделения в Фотошопе: примитивы
  3. Маски в Фотошопе – Работа с маской [ч.3]
  4. Slice tool в Фотошопе

Обтравочная маска в Photoshop

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

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

Обтравочная маска использует прозрачность и содержимое слоя, чтобы установить, какие участки оставить видимыми, а какие нет. Это может показаться вам запутанным, но прочитав урок до конца, вы убедитесь, что использовать такие маски довольно легко. В работе обтравочная маска намного проще, нежели маска слоя.

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

Для этого урока я буду использовать Фотошоп версии CS6, но и последние версии данной программы так же подойдут.

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

Обтравочная маска в Photoshop

Обратите внимание на панель слоев, фотография расположена на фоновом слое.

Обтравочная маска в Photoshop

Чтобы показать, как же работает обтравочная маска, необходимо создать новый слой ниже фотографии. На данный момент Фотошоп не позволяет нам этого сделать, так как фоновый слой (Фон) заблокирован, об этом говорит значок замочка, решение проблемы – его необходимо переименовать. Зажмите клавишу Alt и дважды кликните мышкой по названию слоя, Фотошоп автоматически присвоит ему название Слой 0. Конечно это не идеальное название, но для наших целей подойдет.

Обтравочная маска в Photoshop

Теперь, когда Фон разблокирован, мы можем добавить под ним новый пустой слой. Зажмите Ctrl и щелкните по специальному значку внизу панели слоев.

Обтравочная маска в Photoshop

Обычно Фотошоп добавляет новые слои выше активного слоя, но благодаря зажатой клавише Ctrl, новый слой будет добавлен ниже активного под названием Слой 1.

Обтравочная маска в Photoshop

Давайте внимательнее рассмотрим новый слой. На некоторое время уберите видимость исходного изображения, нажав на значок глаза.

Обтравочная маска в Photoshop

Скрыв исходное изображение, мы увидим в документе только что добавленный слой. Фотошоп создает его пустым, иными словами на нем ничего нет. На слоях может содержаться много интересного, но не в данный момент. Если на слое ничего нет, то он прозрачный. Фотошоп показывает прозрачность слоя в виде повторяющегося узора сетки.

Обтравочная маска в Photoshop

Как я уже говорил, обтравочная маска использует прозрачность и содержимое слоев, чтобы определить, какие участки нужно оставить видимыми. Как же это работает?

Если на нижележащем слое находится какое-либо изображение (фото, фигуры или текст), то оно станет видимым участками вышележащего слоя. В то время как прозрачные области нижележащего слоя скроются областями вышележащего слоя.

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

Для начала верните видимость исходной фотографии, нажав на значок глаза.

Обтравочная маска в Photoshop

Как и прежде изображение появилось в окне документа.

Обтравочная маска в Photoshop

Убедитесь что вы находитесь на слое с фото. При использовании обтравочной маски выбирается слой, который будет «обрезаться» слоем, расположенным ниже.

В данном случае нам нужно выбрать Слой 0, чтобы он стал активным (он окрасится в синий цвет). Слой 1 будет служить обтравочной маской для слоя 0.

Обтравочная маска в Photoshop

Чтобы создать обтравочную маску пройдите в меню Layer (Слои) и выберите Create Clipping Mask (Создать обтравочную маску).

Обтравочная маска в Photoshop

Обратите внимание на панель слоев, Слой 0 передвинулся немного вправо, и слева от миниатюрки появилась маленькая стрелочка, которая указывает на Слой 1. Тем самым Фотошоп говорит о том, что Слой 0 «обрезан» нижележащим слоем. Слой 1 превратился в обтравочную маску.

Обтравочная маска в Photoshop

Всё, чего мы добились – это создали одну из самых неинтересных обтравочных масок, так как Слой 1 на данный момент пустой. Он полностью прозрачный и в документе ничего не отразилось.

Фотошоп использует прозрачные участки маски, чтобы определить, какие из них будут скрыты. В итоге наше изображение скрылось целиком.

Обтравочная маска в Photoshop

Результат получился неинтересным, поэтому отмените обтравочную маску. Для этого опять зайдите в меню Layer (Слои) и выберите Release Clipping Mask (Отменить обтравочную маску).

Обтравочная маска в Photoshop

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

Обтравочная маска в Photoshop

Панель слоёв выглядит как и прежде.

Обтравочная маска в Photoshop

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

Обтравочная маска в Photoshop

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

Обтравочная маска в Photoshop

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

Обтравочная маска в Photoshop

Полученное выделение нужно залить цветом. Перейдите в раздел Edit (Редактирование) и выберите Fill (Выполнить заливку).

Обтравочная маска в Photoshop

В результате откроется диалоговое окно, в котором необходимо изменить следующие настройки:

Обтравочная маска в Photoshop

Нажмите OK, и Фотошоп сразу же заполнит выделенную область черным цветом. Теперь на пустом слое появилась небольшая область с фактическим изображением, но остальная область так же осталась прозрачной.

Обтравочная маска в Photoshop

Снимите выделение нажатием клавиш Ctrl + D.

Обтравочная маска в Photoshop

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

Обтравочная маска в Photoshop

Как же будет работать в этом случае обтравочная маска? Перейдите на слой с изображением.

Обтравочная маска в Photoshop

Добавьте обтравочную маску также, как и раннее.

Обтравочная маска в Photoshop

Верхний слой обрезался нижним, слева появилась стрелочка и миниатюра Слоя 0 переместилась вправо. Пока все так же, как в прошлый раз.

Обтравочная маска в Photoshop

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

Обтравочная маска в Photoshop

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

Обтравочная маска в Photoshop

Выбранным инструментом нажмите на фотографию и переместите в нужную сторону внутри маски.

Обтравочная маска в Photoshop

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

Обтравочная маска в Photoshop

Вернем слою с фото видимость.

Обтравочная маска в Photoshop

Появится фото, которое мы поместим в рамку.

Обтравочная маска в Photoshop

Снова на время скройте его.

Обтравочная маска в Photoshop

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

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

Выберите нужный инструмент.

Обтравочная маска в Photoshop

Убедитесь, что вы находитесь на слое с рамкой, кликните мышкой по черной области, чтобы выделить её.

Обтравочная маска в Photoshop

Продублируйте Ctrl + J выделенную область. Можно сделать это, зайдя в меню Layer > New (Слои – Новый) и выбрав Layer Via Copy (Скопировать на новый слой).

Обтравочная маска в Photoshop

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

Обтравочная маска в Photoshop

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

Обтравочная маска в Photoshop

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

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

Обтравочная маска в Photoshop

Верхний слой будет обрезан нижележащим слоем.

Обтравочная маска в Photoshop

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

Обтравочная маска в Photoshop

Теперь вы знаете, что при помощи инструмента Перемещение можно перемещать изображение внутри самой обтравочной маски. А команду Свободное трансформирование можно использовать не только для перемещения, но и для изменения размера изображения.

Выбранную мной фотографию молодой пары нужно немного уменьшить соответственно до размеров рамки. Убедитесь, что вы находитесь на слое с парой, перейдите в меню Edit (Редактирование) и выберите Free Transform (Свободное трансформирование).

Обтравочная маска в Photoshop

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

Чтобы изменить размер фото, выберите любой угловой маркер и потяните, как вам нужно. При этом зажимайте Shift для сохранения пропорций. Для подтверждения трансформации нажмите OK.

Обтравочная маска в Photoshop

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

Обтравочная маска в Photoshop

Внизу панели слоев кликните по значку fx.

Обтравочная маска в Photoshop

Из списка стилей выберите Внутреннее свечение.

Обтравочная маска в Photoshop

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

Обтравочная маска в Photoshop

В открытой палитре цветов выберите черный цвет и нажмите OK.

Обтравочная маска в Photoshop

Так же внесите следующие изменения в окне настроек стиля.

Обтравочная маска в Photoshop

Нажмите OK, чтобы закрыть диалоговое окно. Мы закончили!

Обтравочная маска в Photoshop

Благодаря легкости и удобству использования обтравочной маски у нас получился такой результат:

Обтравочная маска в Photoshop

Ссылка на источник урока.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *