Выделение волос с помощью команды «Уточнить края» в Photoshop CS5

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

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

Выделение волос при помощи команды «Уточнить края» в Photoshop CS5
Оригинальное фото

Я хочу заменить исходный серый фон иным изображением. Если вы посмотрите на мою панель «Слои», то увидите, что под слоем оригинальной фотографии у меня располагается другой снимок. Я нажму на иконку видимости исходной фотографии, чтобы временно отключить верхний слой. Таким образом, вы сможете видеть изображение под ним:

Выделение волос при помощи команды «Уточнить края» в Photoshop CS5
Нажмите на иконку видимости верхнего слоя

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

Выделение волос при помощи команды «Уточнить края» в Photoshop CS5
Фото для замены фона

А вот, как будет выглядеть конечный результат благодаря команде Photoshop CS5 «Уточнить края»:

Выделение волос при помощи команды «Уточнить края» в Photoshop CS5
Окончательный результат

Шаг 1: Нарисуйте приблизительный контур выделения вокруг объекта

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

Выделение волос при помощи команды «Уточнить края» в Photoshop CS5
Выберите инструмент «Многоугольное лассо»

При помощи инструмента «Многоугольное лассо» я начинаю выделять руку и плечо женщины, проставляя точки, которые составят контур выделения. Обратите внимание, что я провожу границу выделения внутри области руки. Команда «Уточнить края» работает лучше, если исходное выделение проходит по внутреннему краю нужной области:

Выделение волос при помощи команды «Уточнить края» в Photoshop CS5
При выбранном инструменте «Многоугольное лассо» кликните пару раз мышью по внутреннему краю руки и плеча, чтобы создать контур выделения

Когда я дошел до области волос, я также стараюсь проводить контур максимально близко к краю, чтобы внутрь выделения не попали участки серого фона. Теперь мне необходимо только выделить основную часть волос, обо всем ином позаботится команда «Уточнить края»:

Выделение волос при помощи команды «Уточнить края» в Photoshop CS5
Нарисуйте контур, оставляя за его пределами области, в которых фон просматривается сквозь волосы

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

Выделение волос при помощи команды «Уточнить края» в Photoshop CS5
Сейчас женщина на фото обведена предварительным контуром выделения

Шаг 2: Выберите команду «Уточнить края»

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

Выделение волос при помощи команды «Уточнить края» в Photoshop CS5
Убедитесь, что у вас активен нужный слой

После этого нам необходимо вызвать команду «Уточнить края». Для этого можно либо перейти в меню «Выделение» в верхней части экрана и выбрать пункт «Уточнить края», или(если активен инструмент «Многоугольное лассо») мы можем просто нажать на кнопку «Уточнить края» в панели настроек.

Чтобы кнопка «Уточнить края» появилась в панели настроек, у вас должен быть выбран инструмент выделения:

Выделение волос при помощи команды «Уточнить края» в Photoshop CS5
Нажмите на кнопку «Уточнить края» в панели настроек(при активном инструменте выделения)

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

Выделение волос при помощи команды «Уточнить края» в Photoshop CS5
Окно документа, в котором выделенная область показана на белом фоне

Режимы просмотра

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

Выделение волос при помощи команды «Уточнить края» в Photoshop CS5
Небольшая миниатюра выводит текущий режим просмотра

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

Выделение волос при помощи команды «Уточнить края» в Photoshop CS5
Выберите из списка режим просмотра «На черном»

Сейчас выделение выводится на сплошном черном фоне:

Выделение волос при помощи команды «Уточнить края» в Photoshop CS5
После выбора режима просмотра «На черном» выделение выводится на черном фоне

Если я выберу режим просмотра «Черный и белый»:

Выделение волос при помощи команды «Уточнить края» в Photoshop CS5
Выбор режима «Черный и белый»

Изображение в окне документа будет выводиться так, как будто я смотрю на маску слоя. Белый цвет покрывает выделенную область, а черный – все остальное. Серый цвет будет представлять частично выделенные области:

Выделение волос при помощи команды «Уточнить края» в Photoshop CS5
При режиме просмотра «Черный и белый» изображение выводится так, как будто это маска слоя

Режим просмотра «По слоям»:

Выделение волос при помощи команды «Уточнить края» в Photoshop CS5
Выбор режима просмотра «По слоям»

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

Если вы работаете с документом, содержащим всего один слой, то область за границами выделения будет заполнена шахматным узором, который в Photoshop обозначает в полном объеме прозрачные участки:

Выделение волос при помощи команды «Уточнить края» в Photoshop CS5
Изображение с выбранным режимом просмотра «По слоям»

Я намеренно пропустил первые два режима просмотра – «Муравьиные линии» и «Наложение», так как ни один из них нам не пригодится. Режим «Муравьиные линии» обозначает выделенную область стандартным контуром выделения, а режим «Наложение» отображает невыделенную область полупрозрачным красным цветом подобно тому, как выделение выводится в режиме «Быстрой маски». Последний в списке режим просмотра «Показать слой» мы рассмотрим чуть позже.

Основная задача данных режимов просмотра — оценка, насколько качественно задана область выделения. В некоторых картинках выделение проще оценить, если оно отображается на белом фоне, для иных — на черном, и так далее. Часто возникает необходимость переключаться между разными режимами просмотра. Именно так что рядом с каждым из режимов просмотра в списке расположена буква(справа от его названия).

Она обозначает клавишу для быстрого переключения между режимами. Например, можно переключиться в режим «На белом», нажав на клавиатуре клавишу W, «На черном» — нажав клавишу B, «По слоям» — нажав клавишу L и так далее. Вы также можете без труда нажать клавишу F, чтобы переключаться между режимами просмотра по кругу.

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

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

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

Выделение волос при помощи команды «Уточнить края» в Photoshop CS5
Нажмите и перетащите вправо ползунок слайдера «Радиус»

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

Выделение волос при помощи команды «Уточнить края» в Photoshop CS5
Некоторые из прядей волос за пределами первоначального выделения сейчас видны

Если я перетащу ползунок ещё дальше вправо, чтобы увеличить значение «Радиуса»:

Выделение волос при помощи команды «Уточнить края» в Photoshop CS5
Перемещение ползунка «Радиус» ещё дальше вправо

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

Выделение волос при помощи команды «Уточнить края» в Photoshop CS5
Изображение после увеличения значения «Радиуса»

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

Выделение волос при помощи команды «Уточнить края» в Photoshop CS5
Включите настройка «Показать радиус»

Если эта опция включена, то в окне документа виден сам радиус. Принцип работы команды «Уточнить края» заключается в том, что она ищет области документа за пределами контура, которые ещё необходимо включить в выделение. А значение «Радиуса» определяет, как далеко за пределами первоначального выделения Photoshop будет «искать» такие области.

Этот поиск осуществляется только в пределах того радиуса, который мы указали. Если мы устанавливаем значение «Радиуса» в 50 пикселей, тогда Photoshop будет проверять область на 50 пикселей в любом направлении от края первоначального выделения.

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

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

Выделение волос при помощи команды «Уточнить края» в Photoshop CS5
«Радиус» представляет собой зону между областями сплошного черного цвета

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

Выделение волос при помощи команды «Уточнить края» в Photoshop CS5
«Радиус» в режиме просмотра «Черное и белое»

Я снова возвращаюсь к режиму просмотра «По слоям». Для этого необходимо нажать на клавиатуре клавишу L.

«Умный» радиус

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

Выделение волос при помощи команды «Уточнить края» в Photoshop CS5
Для волос нужен более широкий радиус, но для иных областей нет

Здесь пригодится «Умный радиус». Он расположен над слайдером «Радиус». Я устанавливаю флажок, чтобы включить его:

Выделение волос при помощи команды «Уточнить края» в Photoshop CS5
Включите «Умный радиус»

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

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

Выделение волос при помощи команды «Уточнить края» в Photoshop CS5
При включенной опции «Умный радиус» Photoshop автоматом настраивает ширину радиуса в разных областях

Иногда «Умный радиус» может нам помочь, иногда он только все испортит. Его следует применять в тех случаях, когда выделение имеет в себя различные типы краев. Если же вы захотите выделить только волосы, или только руку и плечи, то не следует использовать эту опцию. Проще всего сначала попробовать выключить опцию, а далее включить, и после этого решать выглядит все лучше или хуже.

Шаг 4: Ручная параметр радиуса при помощи уточняющих кистей

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

Выделение волос при помощи команды «Уточнить края» в Photoshop CS5
Нажмите и удерживайте иконку кисти, после чего откроется всплывающее меню для выбора инструментов(кистей) уточнения

«Уточнить радиус» работает как «добавить к радиусу«, «Стереть уточнение» — как «вычесть из радиуса«. С их помощью запросто закрашивать области картинки, которые мы хотим добавить или вычесть из существующего радиуса.

Для переключения между кистями нажмите клавишу Alt(Win) / Option(Mac) на клавиатуре. Когда вы отпустите клавишу Alt / Option, вы снова вернетесь к инструменту «Уточнить радиус».

Теперь я использую инструмент «Убрать уточнение», чтобы удалить ненужные области, попавшие в пределы выделения по правому и нижнему краю картинки. При этом мы не добавляем выделенные участки, а настраиваем размер области, которую анализирует Photoshop. И программа сама определяет, какие пиксели выделять, а какие игнорировать.

Теперь я нажимаю клавишу Alt(Win) / Option(Mac), чтобы временно переключиться с инструмента «Уточнить радиус» на «Стереть уточнение». При активации инструмента в центре курсора кисти появляется маленький значок минуса(-). А при активном инструменте «Уточнить радиус» появляется значок плюса(+).

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

Выделение волос при помощи команды «Уточнить края» в Photoshop CS5
Удерживая нажатой клавишу Alt(Win) / Option(Mac) закрасьте область вдоль нижнего края картинки

Я отпускаю клавишу Alt(Win) / Option(Mac), чтобы вернуться к инструменту «Уточнить радиус», и сейчас могу добавить иные пряди волос женщины в выделение. Я также уберу флажок «Показать радиус», чтобы мы снова могли видеть фактическое фото поверх фонового картинки(при помощи режима просмотра «По слоям»):

Выделение волос при помощи команды «Уточнить края» в Photoshop CS5
Отключив опцию «Показать радиус», мы снова видим в окне документа изображение

Чтобы добавить оставшиеся локоны волос, мне необходимо зарисовать область, где они должны бы находиться. Но как мне узнать, где рисовать, если я не могу реально видеть оставшуюся часть волос? Режим просмотра «Показать слой» — может сделать это.

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

Выделение волос при помощи команды «Уточнить края» в Photoshop CS5
Выберите пункт «Показать слой» в нижней части списка режимов просмотра

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

Выделение волос при помощи команды «Уточнить края» в Photoshop CS5
Режим просмотра «Показать слой» выводит исходное изображение без выделения

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

При нажатии клавиши левой квадратной скобки([) размер кисти уменьшается, а при нажатии правой квадратной скобки( ]) — увеличивается:

Выделение волос при помощи команды «Уточнить края» в Photoshop CS5
При нажатии кнопки мыши в данной области проявляется серый фон из исходного картинки

Когда вы отпустите кнопку мыши, исходное изображение пропадет, и мы увидим только результат — большее число локонов добавленных в выделение. При помощи инструмента «Уточнить радиус» вы можете зарисовать иные области, чтобы добавить из них локоны. Если вы допустили ошибку, нажмите и удерживайте клавишу Option /(Mac) Alt(Win), чтобы перейти к инструменту «Убрать уточнение», и зарисуйте области, которые вы планируете убрать из зоны радиуса:

Выделение волос при помощи команды «Уточнить края» в Photoshop CS5
После того, как мы зарисовали дополнительные области при помощи инструмента «Уточнить радиус», поверх фонового картинки проявилось больше локонов женщины

Опции параметра краев

Ниже в диалоговом окне «Уточнить края» находятся опции параметра краев: «Сглаживание», «Растушевка», «Контраст» и «Сместить край».

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

Единственная опция, которую вам следует попробовать, это «Сместить край». Если мы переместим ползунок параметры вправо от центра, то края будут сдвигаться наружу от границы выделения, и мы сможем захватить больше локонов волос. Если сдвинуть ползунок влево от центра, края выделения будут сдвигаться внутрь. Я хочу перетащить ползунок вправо, чтобы увеличить значение до + 20%:

Выделение волос при помощи команды «Уточнить края» в Photoshop CS5
Увеличьте значение «Сместить край», чтобы расширить границы области выделения

Таким образом, я расширю область выделения, и к нему будут добавлены более мелкие, еле заметные локоны волос:

Выделение волос при помощи команды «Уточнить края» в Photoshop CS5
Увеличив значение «Сместить край», мы добавили дополнительные детали волос

Шаг 5: Удалите цветные каемки при помощи очистки цветов

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

Выделение волос при помощи команды «Уточнить края» в Photoshop CS5
Включите опцию «Очистить цвета»

Сейчас я могу очистить каемку, перемещая ползунок слайдера «Число» вправо. Его значение по умолчанию составляет 50%. Если вы перемещаете ползунок вправо, Photoshop удаляет каемки, изменяя цвет пикселей вокруг локонов, чтобы они соответствовали цвету самих волос, а не цвету исходного фона.

Я увеличил значение параметры до 75%:

Выделение волос при помощи команды «Уточнить края» в Photoshop CS5
Увеличьте значение «Число» для опции «Очистить цвета», чтобы удалить каемку вокруг волос

Волосы сейчас выглядят темнее, особенно тонкие пряди, которые раньше были светло-серыми, а каемка в полном объеме удалена:

Выделение волос при помощи команды «Уточнить края» в Photoshop CS5
Изображение после удаления каемки при помощи опции «Очистить цвета»

Шаг 6: Отображение выделения

Сейчас необходимо указать Photoshop преобразовать выделение в «маску слоя», чтобы не удалять пиксели исходного картинки. Установите для параметры «Отображение в». Значение «Новый слой со слоем-маской»:

Выделение волос при помощи команды «Уточнить края» в Photoshop CS5
Установите для параметры «Отображение в» значение «Новый слой со слоем-маской»

Нажмите кнопку «ОК» в правом нижнем углу диалогового окна «Уточнить края», чтобы закрыть его. Если вы сейчас посмотрите на палитру «Слои», то увидите, что Photoshop создал копию оригинального картинки и преобразовал выделение в маску для нового слоя.

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

Выделение волос при помощи команды «Уточнить края» в Photoshop CS5
В палитре «Слои» сейчас выводится маска слоя для копии исходного картинки

Шаг 7: Доработайте маску слоя

Чтобы просмотреть маску слоя на наличие проблемных зон, удерживая нажатой клавишу Alt(Win) / Option(Mac), нажмите на иконку маски слоя в палитре слоев:

Выделение волос при помощи команды «Уточнить края» в Photoshop CS5
Удерживая нажатой клавишу Alt (Win) / Option(Mac), нажмите на иконку маски слоя

Таким образом, вы выберете маску слоя и сделаете ее видимой в окне документа. Если вы заметили какие-либо области, которые должны быть закрашены, выберите инструмент «Кисть» и зарисуйте их белым или черным цветом:

Выделение волос при помощи команды «Уточнить края» в Photoshop CS5
Зарисуйте области маски белым цветом (при помощи стандартной кисти), чтобы очистить их

Когда вы закончите, вернитесь к нормальному выведению, нажав на миниатюру слоя в панели «Слои»:

Выделение волос при помощи команды «Уточнить края» в Photoshop CS5
Нажмите на миниатюру слоя слева от миниатюры маски

Вот что у меня получилось после корректировки маски слоя:

Выделение волос при помощи команды «Уточнить края» в Photoshop CS5
Окончательный результат

Вот и все! Таким образом, вы можете выделять волосы на фото при помощи команды «Уточнить края» в Photoshop CS5 !

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

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