Вырезаем волосы - инструмент Уточнить край в Photoshop

В программе Photoshop CS3 компания Adobe представила новый инструмент - Уточнить край (Refine Edge), облегчающий выбор мелких деталей в изображении, таких как волосы, шерсть и т.п. Но в той версии программы инструмент был несовершенен и практически не применялся пользователями. Но, начиная с версии Photoshop CS5, и, конечно, в новом CS6, инструмент подвергся серьёзной доработке, так сказать, капитальному ремонту, появилось достаточное количество улучшений и новых возможностей, позволяющих облегчить выбор мелких деталей на фотографии.

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

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

волосы фотошоп CS6

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

vyrezaem

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

vyrezaem-volosy

Шаг 1: Предварительное выделение объекта

Для начала откройте документ в Фотошопе, затем переместите на него изображение с будущим фоном и расположите его в палитре слоёв под слоем с рисунком с вырезаемым объектом:

vyrezaem

Теперь нам понадобится сделать грубое выделение области, предназначенной для вырезания. Для этого воспользуемся инструментом "Прямолинейное лассо" polygonal (Polygonal Lasso Tool).

Я начну выделения с нижней части фотографии в районе плеча, точнее, руки женщины. Обратите внимание, я провожу контур по внутреннему краю ее руки. Инструмент "Уточнить край" работает лучше, если Вы создаёте контур несколько внутри вырезаемой фигуры:

vyrezaem

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

vyrezaem-volosy

Закончите обводку и завершите контур, при этом он превратится в выделение.

Шаг 2: Работа с инструментом "Уточнить край" (Refine Edge)

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

vyre

Для активации данного инструмента Photoshop следует пройти по вкладке главного меню Выделение --> Уточнить край (Select --> Refine Edge). Но, т.к. у меня на данный момент активен инструмент "Прямолинейное лассо", то кнопка "Уточнить край" отображена панели параметров, и мне достаточно её нажать:

vyrezaem

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

Режимы отображения (View Mode)
После активации инструмента Вы видите, что изображение изменилось. Выделенная область осталась, но под ней появился белый фон (это отображение задано по умолчанию). Все зависит от того, какой режим просмотра в данный момент выбран в верхней части диалогового окна. Справа от слова "Вид" (View) имеется иконка, отображающая активный на данный момент режим просмотра.

Если нажать на саму иконку либо на маленькую стрелку справа неё, откроется список различных режимов просмотра. Для дальнейшей работы я выберу режим "На слоях" (On Layers), и мой документ примет следующий вид:

vyrezaem-volosy

Шаг 3: Увеличить значение радиуса

Прямо под опцией Режимы отображения (View Mode) в диалоговом окне инструмента "Уточнить Край" находится раздел под названием "Обнаружение краев" (Edge Detection). Это просто волшебный инструмент. Чтобы добавить обрезанные волосы к выбранной области, переместите ползунок вправо:

vyrezaem

Как только Вы начнёте перемещать ползунок, то сразу увидите, что начала появляться часть волос, которая была за пределами вашего первоначального выделения:

vyrezaem-volosy

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

Так что же здесь происходит? Какое значение следует задавать радиусу при выборе? Попытаемся разобраться. Справа от иконки выбора режима просмотра эскизов вы увидите опцию "Показать радиус" (Show Radius), которая по умолчанию отключена. Кликните по флажку, чтобы включить её:

vyr

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

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

выбор радиус

Умный Радиус (Smart Radius)

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

vyrezaem-volosy-v-photoshop15.jpg

Попросту говоря, область волос нуждается в широком радиусе, а в других областях он должен быть значительно меньше.
Именно здесь приходит на помощь Умный Радиус или Smart Radius, переключатель которого находится прямо над главным ползунок радиуса. По умолчанию, Smart Radius выключен. Я кликнуть на его флажок для включения:

vyrezaem

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

vyrezaem

Прежде чем мы продолжим, маленькое замечание об Умном радиусе. В зависимости от вашего изображения и типа края, с которым Вы работаете, Smart Radius может помочь, но также и может сделать хуже. Смарт-радиус следует применять для выделения, которое содержит различные типы краёв, как в моем случае. Если же, к примеру, выбрать только одни волосы, и больше ничего, или выбрать только гладкие края и ничего больше, то вы, вероятно, обнаружите, что в данных случаях лучше оставить Умный радиус отключённым.

Для изменения размера радиуса имеются и другие способы, и мы их сейчас рассмотрим.

Скачать исходные материалы для урока:

Помощь сайту

Понравился сайт? Уроки оказались полезными? Вы можете поддержать проект, просто если скачаете и установите приложение "Фонарик" для Андроид. Приложение написал автор сайта и рассчитывает в дальнейшем публиковать свои приложения. Фонарик управляет светодиодом вспышки фотокамеры телефона, а также включает подсветку экраном на полной яркости.

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

Если приложение наберёт популярность, это даст стимул автору на создание новых приложений с учётом пожеланий посетителей сайта.

Установить с Google Play.

Заранее благодарен, Дмитрий.

QR-код для установки:

Если Вам понравился материал, скажите свое "спасибо", поделитесь ссылками с друзьями в социальных сетях! Спасибо!

Похожие материалы:

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

Комментарии


Аватар пользователя DREDDY
Автор комментария: DREDDY (не проверено)от: 13/06/2013 - 18:17

В режиме "Показать радиус" слева вверху на панели есть Кисть и Ластик - первая добавляет поле копируемого фона (от этого на примере фото "круговые следы") второй стирает ненужные участки.