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

Быстрая маска

В Фотошопе маска имеет две функции: быстрая маска и слой-маска. Рассмотрим сначала одну из них. В программе Фотошоп быстрая маска включается нажатием горячей клавиши - Q. Основная функция этого средства заключается в формировании выделенной области. Например, нам нужно отделить фон от основной части изображения. Включаем режим быстрой маски и выбираем инструмент «кисть». Обводим необходимую нам область, при этом палитра должна стать черно-белой. Первый цвет наносит выделение, а второй удаляет. Как только мы завершили эту операцию, выходим из режима быстрой маски еще одним нажатием клавиши Q. У нас появилась выделенная область. Такая маска в Фотошопе позволяет быстро произвести изменения в нужной части изображения. Необязательно работать именно с кистью, можно использовать, например, карандаш. Когда мы находимся в режиме быстрой маски, выделенная область окрашивается в красный цвет.

Слой-маска

Куда более обширный функционал имеет слой-маска. Чтобы создать ее, нужно выбрать в панели слоев иконку кружка в квадрате с названием «добавить слой-маску». После нажатия на эту иконку возле названия появится дополнительный пустой лист. В программе Фотошоп маска слоя получила применение во многих случаях. Например, ее используют для точного выделения, когда не могут определить ту или иную область. Особенно когда нужно изменить цвет волос. Нецелесообразно выделять каждую волосинку по отдельности, а слой-маска позволяет нам быстро создать необходимую область. Также эта функция позволяет нам производить последовательные изменения без страха, что они станут необратимыми. Если мы работаем со слой-маской, то область изображения, которая будет подвергаться каким-либо изменениям, будет сохраняться. К примеру, нам нужно удалить глаза с фотографии лица. Для этого создадим слой-маску и просто закрасим необходимую нам область при помощи инструмента «кисть». С основного изображения глаза пропадут, а в слой-маске они появятся. Конечно, данный пример не может продемонстрировать весь функционал этого средства. Но смысл должен быть понятен.

Дополнительные сведения

Слой-маска в Фотошопе имеет гибкие настройки, которые позволяют максимально возможно приблизиться к желаемому эффекту. Вернемся к примеру со сменой цвета волос. Мы создали слой-маску, где при помощи кисти создали выделение. Полученный результат нас не устраивает, так как чаще всего челка у человека не всегда идеально уложена. А обвести каждый волос просто невозможно. И здесь нам поможет параметр «край маски». Именно так маска в фотошопе ускоряет весь процесс. Приведенный пример разбирается в отдельной статье. И этим функционал этого средства не исчерпывается.

Заключение

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

В этом уроке мы научимся использовать обтравочные маски (clipping masks), чтобы скрывать из вида отдельные нежелательные области слоя. Обтравочные маски похожи на маски слоя (слой-маски) (layer masks) программы Photoshop тем, что оба вида масок позволяют нам отображать и скрывать отдельные участки слоя, но принцип работы обтравочных масок в отличие от масок слоя иной.

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

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

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

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

Для того чтобы понять, как работают обтравочные маски, нам нужно сначала убедиться, что мы четко представляем себе разницу между прозрачными областями на слое и областями с фактическим содержимым. Для этого мы воспользуемся помощью моего маленького друга, который также по-своему пытается понять, для чего нужна вся эта процедура (прим. пер.: автор статьи в данном случае обыгрывает слово clipping ) (изображение собаки взято из фотобанка Shutterstock):

Обтравочные маски…ножницы для собаки…посмотрите на меня…да-да, и собаку тоже не сильно впечатлит мой внешний вид

Если мы посмотрим на панель слоев, то увидим, что изображение собаки размещено на слое заднего фона (Background):

На панели слоев видно, что изображение находится на слое заднего фона

Для того чтобы показать, как работают обтравочные маски, я собираюсь добавить новый пустой слой под слой с изображением. В данный момент программа не позволяет нам добавлять другие слои под слой «Задний фон» (Background), и, чтобы обойти эту проблему, мы переименуем слой «Задний фон» и дадим ему любое другое название. Самый простой способ сделать это - удержав нажатой клавишу Alt (Win) / Option (Mac), дважды щелкнуть кнопкой мыши по названию слоя на панели слоев. Программа Photoshop тотчас переименует слой заднего фона, присвоив ему имя «Слой 0»(Layer 0) , которое возможно не является слишком информативным, но вполне подходит для наших целей:

Слой заднего фона переименован в «Слой 0»

Теперь слой заднего фона стал обычным слоем, и мы можем добавить под него новый слой. Для этого я нажму клавишу Ctrl (Win) / Command (Mac) и, удержав ее нажатой, кликну по значку нового слоя в нижней части панели слоев:

Удерживая нажатой клавишу Ctrl (Win ) / Command (Mac ), кликните по значку нового слоя

Как правило, программа добавляет новые слои поверх активного слоя, но, удержав нажатой клавишу Ctrl (Win) / Command (Mac) при выборе значка нового слоя, я пошел на небольшую хитрость, в результате чего программа добавит новый слой под активный слой, а не поверх него. Таким образом, под изображение, размещенное на Слое 0, программа добавила новый слой под названием «Слой 1» (Layer 1) :

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

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

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

В окне документа отображен вновь добавленный пустой слой

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

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

Вновь отображаем слой с изображением в окне документа

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

Изображение снова становится видимым

Далее мне нужно убедиться, что на панели слоев выбран нужный слой. При создании обтравочной маски мы выбираем слой, который будет «обрезаться» нижележащим слоем, таким образом, в нашем случае, я нажму на слой с изображением («Слой 0»), чтобы сделать его активным (выбранный слой подсвечивается голубым цветом). Нижележащий «Слой 1» в свою очередь станет обтравочной маской для слоя с изображением:

Выбираем слой с изображением, делая его активным

Для создания обтравочной маски мы выбираем пункт «Слои» (Layer) в строке меню в верхней части экрана и переходим в раздел «Создать обтравочную маску» (Create Clipping Mask):

Выбираем «Слои» > «Создать обтравочную маску»

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

На панели слоев видно, что верхний слой «обрезан» нижележащим слоем

Однако на самом деле, все, чего нам удалось добиться - это создать одну из самых неинтересных обтравочных масок, поскольку «Слой 1» в настоящий момент не имеет содержимого. Поскольку он совершенно прозрачен, то в окне документа ничего не отразилось, так как программа Photoshop использует прозрачные области маски для того, чтобы определить какие области вышележащего слоя следует скрыть из вида. Изображение на «Слое 0» теперь скрыто из вида целиком:

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

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

Выбираем «Слои» > «Отменить обтравочную маску»

Теперь мы можем видеть, что слой с изображением больше не обрезан нижележащим слоем, так как он больше не сдвинут вправо на панели слоев:

Больше не панели слоев нет признаков обтравочной маски

Мы вернулись к тому, что изображение опять появилось в окне документа:

Отменив обтравочную маску, мы вернули изображение на документ

Давайте добавим какое-либо содержимое на наш пустой слой. Я снова спрячу слой с изображением из вида, нажав на иконку видимости слоя, чтобы было видно, что мы делаем, а затем я выберу пустой слой, нажав на него на панели слоев:

Скрываем из вида верхний слой и выбираем нижний слой

Далее на панели инструментов я выберу инструмент «Овальная область» (Elliptical Marquee Tool), нажав на иконку инструмента «Прямоугольная область» (Rectangular Marquee Tool) и удержав ее до тех пор, пока не появится всплывающее меню с перечнем других инструментов, доступных в данном разделе. Из появившегося перечня я выберу инструмент «Овальная область»:

Выбираем инструмент «Овальная область»

После выбора инструмента «Овальная область», я кликну в центре документа и, удерживая кнопку мыши нажатой, нарисую пунктирный контур овальной формы. Для меня не было важно использовать именно этот инструмент выделения. Главное в данном случае - добавить на слой какое-нибудь содержимое:

С помощью инструмента «Овальная область» рисуем пунктирный контур

Для того чтобы слой стал содержать что-либо, мне нужно залить овальный контур, поэтому я перейду в раздел меню «Редактирование»(Edit ) в верхней части экрана и выберу команду «Выполнить заливку»(Fill ) :

Выбираем «Редактирование» > «Выполнить заливку»

Это действие приведет к открытию диалогового окна команды «Выполнить заливку». В разделе «Использовать» (Use ) в верхней части диалогового окна я выберу слово «Черный»(Black ) , режим наложения (Mode ) в нижней части окна должен быть установлен «Нормальный»(Normal ) и в разделе «Непрозрачность» (Opacity ) должно стоять 100%. И снова я повторюсь, что мы просто добавляем на слой содержимое. Поэтому нет никакой особой причины в том, почему я выбрал черный в качестве цвета заливки - просто черный цвет хорошо видно на рисунках (скриншотах):

Диалоговое окно команды «Выполнить заливку»

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

Овальный контур заполнился черным цветом

Сам пунктирный контур овала все еще виден, поэтому, поскольку он мне больше не нужен, я уберу его, перейдя в раздел «Выделение» (Select ) в верхней части экрана и выбрав команду «Отменить выделение»(Deselect ) :

Для удаления пунктирного контура выбираем «Выделение» > «Отменить выделение»

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

На миниатюре слоя видно, что заполненная черным область расположена прямо под частью изображения

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

Возвращаем видимость «Слою 0» и выбираем его

Я добавлю обтравочную маску, опять выбрав пункт «Слои» (Layer) в строке меню в верхней части экрана и перейдя в раздел «Создать обтравочную маску» (Create Clipping Mask):

Опять выбираем «Слои» > «Создать обтравочную маску»

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

На панели слоев опять видно созданную обтравочную маску

Но если мы посмотрим на сам документ, то увидим, что там произошли значительные изменения. В то время как большая часть изображения опять скрыта из вида, поскольку она расположена над прозрачными областями нижележащего слоя, часть изображения, расположенная над овальным содержимым «Слоя 1», теперь нам видна:

Часть изображения над областью с содержимым осталась в документе видимой

Конечно, результат можно было бы улучшить, поместив изображение собаки прямо по центру овала. К счастью, благодаря свойствам обтравочных масок, перемещать изображение внутри них достаточно легко. Все, что мне нужно сделать - на панели инструментов выбрать инструмент «Перемещение»(Move Tool ):

Выбираем инструмент «Перемещение»

Затем, после выбора инструмента «Перемещение» и выделения слоя с изображением на панели слоев, я могу просто нажать на изображение и переместить его в нужное место внутри обтравочной маски:

Нажимаем на изображение и передвигаем его с помощью инструмента «Перемещение» в нужное место внутри обтравочной маски

Давайте рассмотрим типичную ситуацию для применения обтравочной маски. Я открыл еще один документ, содержащий две фотографии. На нижнем слое (слой заднего фона) изображена фоторамка (старинная фоторамка взята из фотобанка Shutterstock):

Изображение старинной деревянной рамки

А если я верну видимость вышележащему слою, нажав на иконку видимости слоя:

Кликаем по иконке видимости «Слоя 1»

То мы увидим фотографию, которую я хочу поместить внутрь фоторамки (изображение молодой пары из фотобанка Shutterstock):

Изображение, которое нужно поместить внутрь фоторамки

Я снова временно скрою верхний слой, нажав на соответствующую иконку:

Скрываем из вида верхний слой

Для того чтобы поместить изображение молодой пары внутрь фоторамки, используя обтравочную маску, мне сначала нужно выделить внутри рамки определенную область. Так как область внутри рамки залита сплошным черным цветом, я с легкостью выделю ее инструментом «Волшебная палочка» (Magic Wand Tool), который расположен на панели инструментов. Для выбора данного инструмента, я кликну по значку инструмента «Быстрое выделение» (Quick Selection Tool) и удержу его до тех пор, пока не появится всплывающее меню, где я выберу инструмент «Волшебная палочка»:

Инструмент «Волшебная палочка» расположен в одном месте с инструментом «Быстрое выделение»

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

Кликаем курсором внутри фоторамки, чтобы выделить область с помощью инструмента «Волшебная палочка»

Следующим действием мне нужно скопировать выделенную область на отдельный слой. Для этого я перейду в раздел «Слои» (Layer ) в строке меню в верхней части экрана, выберу пункт «Новый»(New ) и далее - «Скопировать на новый слой» (Layer via Copy ) (или для большего удобства я мог просто нажать сочетание клавиш Ctrl + J (Win) / Command + J (Mac)):

Выбираем «Слои» > «Новый» > «Скопировать на новый слой»

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

Область внутри фоторамки скопировалась на новый слой

Я верну видимость верхнему слою, нажав на иконку видимости слоя. Затем я выберу этот слой, сделав его активным, чтобы мы могли добавить обтравочную маску. Не забывайте, что мы всегда выбираем тот слой, который хотим «обрезать» нижележащим слоем:

Возвращаем видимость «Слою 1» и выбираем его

Давайте пойдем далее и создадим обтравочную маску. На этот раз, вместо того чтобы выбрать пункт «Создать обтравочную маску» из раздела «Слои», мы воспользуемся более быстрым способом, который поможет нам создать маску прямо в пределах панели слоев.
Все что нам потребуется - это нажать и удержать клавишу Alt (Win) / Option (Mac) и при этом провести курсором мышки над горизонтальной линией, разделяющей два слоя, которые мы хотим соединить маской. Когда курсор превратится в значок обтравочной маски, нажмите на кнопку мышки:

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

Верхний слой немедленно станет «обрезан» нижележащим слоем, в результате чего на панели слоев верхний слой сдвинется вправо:

«Слой 1» теперь «обрезан» нижележащим «Слоем 2»

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

Благодаря обтравочной маске изображение теперь размещено внутри фоторамки
Ранее мы изучили, что с помощью инструмента «Перемещение» (Move Tool) можно передвигать изображение внутри обтравочной маски. Мы можем использовать и команду «Свободное трансформирование» (Free Transform ) для этой цели, а также с помощью данной команды мы можем изменять размеры изображения. В моем случае, я хочу сделать изображение молодой пары поменьше, чтобы внутри фоторамки оно выглядело более естественно. Таким образом, после того, как я сделаю слой с изображением пары активным, кликнув по нему на панели слоев, я перейду в раздел меню «Редактирование» в верхней части экрана и выберу пункт «Свободное трансформирование» (Free Transform ):

Выбираем « Редактирование » > « Свободное трансформирование »

Это действие приведет к появлению вокруг фотографии рамки свободной трансформации со специальными маркерами. Обратите внимание, что когда мы изменяем размеры изображения внутри обтравочной маски, рамка транформации появляется вокруг всего исходного изображения, в том числе и скрытых маской частей, а не только вокруг видимых нам областей. Просто кликните по любому угловому маркеру рамки и потяните его, чтобы изменить размер изображения, как вам требуется. Нажмите и удержите нажатой клавишу Shift по мере перемещения маркера, чтобы сохранить исходные пропорции изображения и случайно не нарушить соотношение сторон. Когда вы будете довольны результатом, нажмите клавишу Enter (Win) / Return (Mac) для окончательного подтверждения транформации:

Используя команду «Свободное трансформирование», изменяем размер изображения внутри обтравочной маски

Для того чтобы изображение внутри фоторамки выглядело еще более реалистичным, необходимо добавить завершающий штрих - затемнить внутренние углы рамки. Для этого мы применим к обтравочной маске определенный стиль слоя.
Мне нужно добавить тень прямо на слой-обтравочную маску, поэтому на панели слоев я нажму на «Слой 2» для его выбора:

Делаем слой-обтравочную маску активным

Выбрав слой-обтравочную маску, я кликну по иконке стилей слоя в нижней части панели слоев:

(Blend Mode ) эффекта с «Экрана» (Screen) на «Умножение»(Multiply ) и затем уменьшу непрозрачность (Opacity ) до 25%. Также я увеличу размер (Size ) свечения (тени) до 10 пикселей:

Настройка оставшихся параметров стиля «Внутреннее свечение»

Далее я нажму ОК для выхода из диалогового окна, и всё - мы закончили! Если мы посмотрим последний раз на панель слоев, то увидим, что на слой-обтравочную маску (Слой 2) добавился только что созданный стиль слоя «Внутреннее свечение»:

На панели слоев под слоем появляются все стили, которые мы к нему добавляем

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

Конечный результат

И вот мы закончили! Мы с вами рассмотрели основы работы с обтравочными масками в программе Photoshop! Изучите наш урок «Как вставить изображение в текст», чтобы познакомиться с еще одним способом применения обтравочной маски. Или посетите наш раздел «Основы программы Photoshop» для изучения других полезных навыков работы в программе!

Перевод: Ксения Руденко

type="text/javascript">yandex_partner_id = 66431;yandex_site_bg_color = "FFFFFF";yandex_ad_format = "direct";yandex_font_size = 1;yandex_direct_type = "horizontal";yandex_direct_border_type = "block";yandex_direct_limit = 2;yandex_direct_title_font_size = 3;yandex_direct_header_bg_color = "FEEAC7";yandex_direct_bg_color = "FFF9F0";yandex_direct_border_color = "FBE5C0";yandex_direct_title_color = "0000CC";yandex_direct_url_color = "006600";yandex_direct_text_color = "000000";yandex_direct_hover_color = "CC0000";yandex_direct_favicon = true;yandex_no_sitelinks = false;document.write(" ");

Как сделать маску из фото в фотошопе

(Снимите маски, господа…)

Маска (личина) - предмет, накладка на лицо, который надевается, чтобы не быть узнанным, либо для защиты лица.

Маска своей формой обычно повторяет человеческое лицо и имеет прорези для глаз, рта и носа. Слово «маска» происходит от французского masque, от итальянского maschera или испанского mascara.

Возможными предками являются латинские mascus, mascao, обозначающие «призрак», и арабские maskharah‎ («шут», «человек на маскараде») – не находите ли, что все они так созвучны, хотя их корни находились так далеко друг от друга в пространстве и времени.

Маски использовались в церемониальных, эстетических, и практических целях.

В древности маски использовались как защита и оборона от злых духов. И мне подумалось - а часто ли человек в наше время снимает с себя маску? Дома, наедине с собой, во сне?

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

Я решил сделать её из простой фотографии. Попробуем что-нибудь креативное.

Например, снять маску с лица или наоборот одеть её.

Блуждая по фотостокам, наткнулся на интересные работы:

«Я на людей смотрю с опаской,
И сомневаюсь без конца:
Мне страшно, что под чьей-то маской
Вдруг не окажется лица…»

Горбунов Александр

«… а вообще бывает кто-нибудь или что-нибудь нормальным? У людей за лицами иногда сплошная жуть…»

(Стивен Кинг. Сердца в Атлантиде).

Чем-то они меня зацепили. А, заодно, и воодушевили на новую работу, которую я и представляю Вам в качестве урока «Как сделать маску из фото в Фотошопе ».

Вот что у нас получится в итоге:

Для работы я взял исходное фото с фотостока. Можете позаимствовать его (скачайте внизу по ссылке) или найти что-то похожее.

Прежде всего, как всегда, делаем копию слоя (Ctrl + J).

Далее я выделил весь объект, чтобы поместить его на новый фон. В качестве инструмента выделения я выбрал «Магнитное лассо». В тех местах, где фон и объект не очень контрастны (возле рук и плеч), доработал инструментом «Прямолинейное лассо», меняя режимы на «Добавить к выделенной области» и «Вычитание из выделенной области». Это удобно делать зажимая клавишу Shift при активном инструменте выделения. Яблоко я исключил из области выделения. Можете вырезать объект инструментом «Перо» или любым другим, удобным для Вас в данном случае. После выделения перейдите в меню «Выделение > Модификация > Сгладить» и поставьте значение 2-3 пикс. Затем там же выберите «Сжать» и сожмите на 1-2 пикс., чтобы исключить светлые кромки от фона.

Или поработайте с выделением в окне «Выделение и маска» (в версиях Фотошопа CS –«Обнаружение краёв»). Как вырезать объекты с фона есть много уроков на нашем сайте, поищите.

Чтобы убрать фон, инвертируйте выделение (меню «Выделение > Инверсия» или Shift + Ctrl+ I) и нажмите Delete (только скройте видимость нижнего фонового слоя, а то ничего не увидите). Снимите выделение, нажав Ctrl + D.

C большим пальцем руки я особо не старался - он будет скрыт маской в руке.

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

Теперь займёмся созданием маски. Инструментом «Перо» в режиме «Контур» нарисуйте контур на лице в виде театральной маски.

Нажмите внутри контура ПКМ и выберите «Выделить область».

Сделайте активным любой из инструментов выделения, например «Лассо», и щёлкните внутри выделения ПКМ, выберите «Скопировать на новый слой».

Инструментом «Перемещение (V)» расположите новый слой с маской лица в руке нашего персонажа, а применив свободную трансформацию, разверните и выровняйте его по своему усмотрению. Назовите слой «Лицо-маска».

Обратите внимание на руку – её скрыла наша маска. Чтобы это исправить есть несколько способов. Можно к слою «Слой 1» добавить слой-маску и на нём чёрной кистью обрисовать пальцы руки, которые должны быть сверху. Второй способ – инструментом «Перо» или любым из инструментов выделения вырезать нужные части руки и скопировать на новый слой.

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

Подвигайте слой с лицом-маской, расположите его наиболее реалистично. После этого скопируйте слой «Рука», назовите его «Рука-тень» и расположите под слоем с рукой. Дважды щёлкните по строке слоя в палитре слоёв, что вызовет окно «Стиль слоя». Здесь добавьте стиль «Тень» с настройками как показано ниже:

Добавьте слою «Рука-тень» маску, нажав на соответствующий значок внизу палитры слоёв и чёрной, мягкой кистью небольшого диаметра скройте лишнюютень там, где она быть не должна. Объедините слои «Рука» и «Рука-тень» в группу (Ctrl+ G).

Мы добавили тень от руки на маску, но и от маски на руку должна падать тень тоже. Проделайте подобную операцию со слоем «Лицо-маска». Или ещё проще – создайте новый слой над «Слой 1», возьмите мягкую круглую кисть, цвет выберите пипеткой (нажмите Alt и наведите на тень под рукой) и нарисуйте тень под маской на руке. Назовите этот слой «Тень маски на руке».

Либо изменить саму маску – это я проделал со вторым фото:

Техника здесь примерно одна, только манипуляции производите либо с лицом, либо с маской.

Рассмотрим первый вариант.

Для удобства скройте пока все верхние слои, кроме тёмного фона и «Слой 1». Инструментом «Прямолинейное лассо» выделите внутреннюю часть глаз и губы. В меню «Выделение >Модификация» сгладьте выделение на пару пикселей. Нажмите Delete.

Затем инструментом «Лассо» выделите грубо овал лица, растушуйте выделение примерно на 5 пикс. Скопируйте выделение на новый слой и назовите его «Размытие». Перейдите в меню «Фильтр > Размытие > Размытие по Гауссу» и поставьте радиус 3 пикс.

Снимите выделение (Ctrl + D) и создайте новый слой- назовите его «Кожа». На этом слое мы закрасим брови и ресницы, подкорректируем некоторые участки кожи лица. Возьмите инструмент «Кисть» мягкую, непрозрачность 20-25%. Начните с бровей – подберите размер кисти чуть больше толщины бровей, нажатием клавиши Alt (появится пипетка), выберите цвет кисти рядом с бровью. Короткими мазками закрашивайте бровь, постоянно берите образец цвета то с одной стороны брови, то с другой, меняйте диаметр кисти (квадратные скобки [ и ]). Проделайте то же самое с ресницами верхними и нижними (не забывайте менять диаметр кисти, возможно и её непрозрачность, чаще берите образец краски).

Подобным образом закрасьте ноздри.

Создайте ещё один слой выше слоя «Кожа» - назовите «Тени-свет». На нём мы усилим светотеневой рисунок. Залейте слой 50% серого. Для этого заходим в меню «Редактирование – Выполнить заливку», в окне «Заполнить» в строке «Содержание» выбираете «50% серого».

Слой зальётся серым. Измените режим наложения слоя на «Перекрытие», и картинка станет прежней.

Далее используем, так называемую, технику «dodge and burn». Сначала выбираем инструмент «Затемнитель (О)», Экспонирование - 10-12%, диапазон – средние тона, жёсткость кисти – 0%, поставьте галочку «Защитить тона». Пройдите кистью там, где должны быть тени – на щёках, под подбородком, крылья носа, тени на глазах, лоб. Я примерно обвёл эти участки. Чаще меняйте диаметр кисти в соответствии с участком, возможно где-то и экспонирование.

Затем берёте инструмент «Осветлитель (О)» в той же группе инструментов, настройки те же или просто зажимаете клавишу Alt (инструмент «Затемнитель» изменяется на «Осветлитель», отпускаете – возвращается обратно, очень удобно и настройки менять не надо). Пройдите кистью по светлым участкам кожи. При необходимости, если получилось очень сильно, уменьшите непрозрачность слоя до 70-80%.

Сделаем тень от маски на лице. Создайте новый слой поверх слоя «Тени-свет», назовите «Тень от маски на лице» (всегда старайтесь давать имена слоям, чтобы в последующем и Вам и другим было ясно для чего этот слой). Инструментом кисть (мягкая, цвет возьмите пипеткой (Alt) под подбородком или как на рис. ниже) нарисуйте тень. Добавьте маску слоя и чёрной, мягкой, большой кистью сотрите лишнее. Уменьшите непрозрачность слоя до 80%.

И ещё - не бойтесь размывать и разукрашивать лицо - ведь мы делаем маску, а значит - куклу.

Если Вам, как и мне не нравятся пустые глазницы (согласитесь, смотрятся жутковато), то включите видимость исходного слоя и уменьшите непрозрачность примерно до 10%.

Теперь, как заключительный штрих, добавим резкости лицу-маске. Встаньте на этот слой и перейдите в меню «Фильтр >Усиление резкости > Контурная резкость».

На этом, я думаю, можно остановиться.

Итоговая картинка:

Давайте перейдём к другому варианту .

Откройте изображение «С украшениями» (скачайте его по ссылке внизу).

Создайте, как обычно, дубликат слоя. Инструментом «Перо» обрисуйте контур маски и, стоя внутри контура, щёлкните ПКМ – выберите «Выделить область». Возьмите любой из инструментов выделения и нажмите ПКМ – выберите «Скопировать на новый слой». Назовите слой «Маска».

30 Инструментом «Перемещение» переместите слой «Маска» в район руки, разместите его по своему разумению.

Давайте поработаем с маской лица. Для начала вырежем глазницы маски и рот. Инструментом выделения (например «Прямолинейное лассо») или пером обрисуйте контуры глаз и рта. В меню «Выделение» выберите «Модификация > Сгладить», сгладьте на 2-3 пикс. и нажмите Delete.

Снимите выделение (Ctrl + D).

Добавьте новый слой «Маска-копия». Нам надо проявить пальцы руки, которые держат маску. Для этого добавьте слою «Маска-копия» маску слоя, нажав соответствующую кнопку внизу панели слоёв. Стоя на маске слоя (она должна быть выделена рамкой), обрисуйте аккуратно инструментом «Кисть» с жёсткими краями и 100% непрозрачностью пальцы руки. Чтобы было видно, что обрисовывать, уменьшите непрозрачность слоя до 30-40%. А чтобы было более аккуратно, обрисуйте пальцы инструментом выделения «Прямолинейное лассо» и смело работайте кистью внутри выделения.

Сделайте активным сам слой «Маска-копия» (не маску слоя). Сейчас мы с Вами закрасим волосы, брови, ресницы и усилим светотеневой рисунок. Возьмите инструмент «Кисть» - непрозрачность 20-25%, жёсткость – 0%, цвет – берёте образец пипеткой (при зажатой клавишей Alt) почаще непосредственно возле закрашиваемого участка. Меняйте размер кисти квадратными скобками в соответствии с областью закрашивания.

Здесь же возьмите инструмент «Затемнитель» (экспонирование - 9-11%, жёсткость – 0%, защитить тона) и пройдитесь слегка по теням (скулы, лобные выступы, подбородок, тени над и под носом, крылья носа, бровные дуги и пр.). Так же инструментом «Осветлитель» с теми же настройками пройдитесь по светлым участкам кожи. Если получилось слишком ярко – уменьшите непрозрачность слоя до 80-85%. На картинке ниже я фиолетовым обвёл области для «Затемнитель», а жёлтым – для «Осветлитель».

Добавьте к слою «Маска копия» корректирующий слой «Сочность» с настройками, как показано ниже, уменьшите его непрозрачность до 60%.

И ещё один корректирующий слой «Яркость/Контрастность» (настройки на скриншоте), уменьшите непрозрачность до 80%.

Добавьте новый слой поверх всех слоёв. Настройте инструмент «Кисть» - диаметр 6-8 пикс. (в зависимости от размера фотографии), жёсткость – 100%. Инструментом «Перо» нарисуйте изогнутую линию вдоль переносицы.

Щёлкните ПКМ по контуру и выберите «Выполнить обводку контура», в выпадающем окне – «Кисть» и включите галочку «Имитировать нажим».

Продублируйте этот слой (Ctrl + J) и примените к нему фильтр «Размытие по Гауссу» с радиусом в 2 пикс. Слейте эти два слоя вместе (выделяете два слоя и в меню «Слои > Объединить слои» или Ctrl + E). Назовите этот слой «Свечение» и, если надо, уменьшите немного его непрозрачность.

Продублируйте этот слой и инструментом «Перемещение» переместите его влево под правый глаз. Используя свободную трансформацию (Ctrl + T), поверните горизонтально и расположите под нижним веком (слой «Свечение копия 2»).

Проделайте такую же операцию для левого глаза:

Для реалистичности надо добавить тень на лицо от маски. Создайте новый слой поверх слоя «Фон копия» и мягкой кистью с большим диаметром нарисуйте тень. Цвет выберите пипеткой (Alt) в районе под подбородком или в тени под пальцами руки. Чтобы подправить её и стереть лишнее, добавьте слою маску слоя и чёрной кистью по маске сотрите лишнее. Слой таки назовите «тень на лице».

Остался последний штрих – нарисуем подвязку – резинку. Добавьте ещё один слой под слоем "Маска". Настройте инструмент «Кисть» - диаметр 5 пикс., жёсткость 100%, цвет - чёрный. Инструментом «Перо» нарисуйте контур верёвочки-резинки.

Стоя курсором на контуре, нажмите ПКМ и выберите «Выполнить обводку контура». В выпадающем окне выберите «Кисть».

Затем, чтобы убрать контур, щёлкните в панели «Контуры» ЛКМ (если данной панели у Вас нет, откройте её в меню «Окно»). Назовите слой «Подвеска».

Конечный результат:

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

В этом уроке я постарался не просто показать как сделать маску из фото в фотошопе, но и «снять маски» с некоторых приёмов Фотошопа – приёмов выделения, трансформации, цветокоррекции, маскирования и некоторых других.

Надеюсь, урок придётся Вам по душе.

Не стесняйтесь задавать вопросы в комментариях и, конечно же, хвалить автора и сайт – им очень приятно!

Удачных Вам творческих работ! Назад