Как вырезать волосы с фона изображения в фотошоп. Три способа ретуши растрёпанных волос

Самая проблемная часть, с которой можно столкнуться, вырезая из фотографий людей – это волосы. Так как часто сквозь волосы просвечивается задний фон. К счастью, в этом уроке мы рассказываем, как вырезать волосы девушки, парня, собаки, кота, или другого животного при помощи Photoshop, используя инструменты Select and Mask, Dodge & Burn и выделение через синий канал. Если понравится урок, оставляйте свой комментарий внизу статьи.

1. Открываем Фотографию

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

Примечание: Если хотите идеально вырезать человека с мелкими волосинками, у вас должно быть фото в 3600 px разрешение.

2. Начинаем вырезать

Шаг 1

Идём на вкладку Channel / Каналы и сделайте активным только Blue / Синий канал.

Примечание:

Наиболее контрастное затемнение фотографии, лучше всего получится сделать в Blue / Синим канале.
В зависимости от освещения, от яркости или бледности фотографии поэкспериментируйте с каналами.

После того, как выберите Blue / Синий канал, фотография окрасилась в Черно / Белые тона.

Шаг 2

Нам нужно скопировать Blue / Синий канал, так как работа с оригиналом повлияет на цвет фото. Просто перетягиваем его мышкой на листок (как показано на примере).

Нам нужно сделать так чтобы Актриса стала полностью чёрной , а фон полностью белым . Это может сделать Кривыми, или например зайти level / Уровни (Ctrl+L) и лёгкими манипуляциями добиться нужного нам эффекта.

Примечание:

Двигая, правый ползунок в ←левую сторону, мы делаем насыщенней белые цвета на фото.
Двигая, левый ползунок в правую→ сторону, мы затемняем четкие контуры на фотографии.
Двигая, центральный ползунок в ↔ стороны, мы регулируем концентрацию Черного / Белого.

Настраивайте так чтобы контуры мелких деталей были видны.

Шаг 3

Теперь нам нужно взять Кисточку с границей Hardness / Жесткости 100% .

Оставаясь на скопированном Blue / Синим канале, закрашиваем все детали, не выходя за пределы границ.

После завершения, нам нужно нажать комбинацию клавиш (Ctrl+I ). Таким образом сделаем инверсию изображения (Инверсия (Inverse) - изменение тона или цвета на противоположный).

Шаг 4

Теперь нажимаем во вкладке Channel / Каналы на кнопку выделение или (Ctrl+ ЛКМ ) . Выключаем скопированный Blue / Синий канал и идем на канал RGB .

Видим, что актриса и её волосы выделены, без каких-либо изменений в качестве и цвете.

Шаг 5

Теперь нам нужно выбрать инструмент Marquee Tool / Прямоугольная область (M) и применим .

Примечание: Добраться до которой можно из панели параметров любого инструмента выделения выбрав соответствующую кнопку. Кому совсем лень шарить по интерфейсу могут нажать комбинацию (Alt+Ctrl+R ).

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

Первое что нам нужно сделать это в подпункте Edge Detection / Обнаружение краев:

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

Теперь нам нужно в подпункте Global Refinements / Глобальное уточнение:

Уменьшить радиус границ при помощи Shift Edge / Сместить края , увидите ползунок в ←левую сторону до (-3% ) сильно уводить ненужно.

Последние что нужно сделать это в подпункте Output Settings / Настройки экспорта:

Активировать галочку на Decontaminate Colors / Очистить цвета , этим мы автоматически уберем фон между волосинками.

Результат, это ещё не Конец

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

3. Дополнительная доработка

Мы не будем затрагивать повторно действия с Blue / Синим каналом, их просто нужно повторно сделать.

Мы сразу перейдем к использованию инструментов Dodge Tool / Осветлитель и Burn Tool / Затемнитель . Которые помогут нам подчеркнуть мелкие волосинки и выделить контур девушки.

Примечание: Когда будете использовать инструмент Burn Tool / Затемнитель включите в меню тип затемнения Shadows / Тени , а в инструменте Dodge Tool / Осветлитель ставим Highlights / Подсветка .

Также повторяем действия, как и в первый раз (зайдём level / Уровни (Ctrl+L) и настроем ползунки).

После того как повторили выделение и зашли в Select and Mask / Выделение и маска , повторили все действие с активацией галочек.

Дополнительно можно сделать Contrast / Контрастность (4%) , также поможет вытянуть мелкие детали.

Если фон между волос, после этих манипуляций до сих пор не пропал! Берем инструмент Refine Edge / Уточнить края «Кисть» и проходимся по участкам, где виднеется старый фон.

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

Рассмотрим один из распространенных способов выделения волос в Фотошопе.

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

Исходный снимок для урока:

Работа с каналами

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

Палитра теперь выглядит вот так:
Далее нам необходимо добиться максимальной контрастности волос. В этом нам помогут «Уровни» , вызвать которые можно, нажав сочетание клавиш CTRL+L . Работая ползунками под гистограммой, добиваемся нужного результата. Особое внимание стоит обратить на то, чтобы как можно больше мелких волос остались черными.
Нажимаем ОК и продолжаем. Нам понадобится кисть.
Включаем видимость канала RGB , нажав на пустой квадратик рядом с ним. Обратите внимание на то, как изменится фотография.

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

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

Однократно (не отпуская кнопку мыши) красим весь контур, уделяя особое внимание тем зонам, на которых находятся мелкие волоски, не попавшие в красную область.
Снимаем видимость с канала RGB .
Инвертируем зеленый канал, нажав сочетание клавиш CTRL+I на клавиатуре.
Зажимаем CTRL и кликаем по копии зеленого канала. В результате получаем вот такое выделение:
Снова включаем видимость RGB , а копию отключаем.
Переходим в слои. На этом работа с каналами завершена.

Уточнение выделения

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

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

Получаем следующий результат работы функции:

Доработка маски

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

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

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

Способ также отлично подходит для выделения других сложных объектов.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Первая техника: Изображение с однородным фоном
Лучшими являются фото, сделанные в профессиональной студии, в которых в качестве фона используется белый цвет. Эти снимки делают намного легче работу с определением краев субъекта, но вырезание тонких прядей по-прежнему может оставаться небольшой проблемой. В данном примере мы будем использовать распространенную технику с использованиемChannels (Каналов), чтобы вырезать эту прекрасную леди.

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

Перейдите к палитре Channels (Каналов) и просмотрите каждый из них: Red (Красный), Green (Зеленый) и Blue (Синий) channels (каналы). Каждый канал будет состоять из нескольких разных тонов, выберите тот, в котором будет больший контраст между передним и задним фоном (чаще всего это канал Blue (Синий)). Перетащите этот канал на значок создания new channel (нового канала), чтобыдублировать его.

К выделенному новому каналу (прим. у вас должен быть выделен только этот канал) примените Levels (Уровни) (Ctrl+ L), чтобы значительно увеличить контраст между светлыми и темными участками. Тем не менее, не заходите слишком далеко, как только вы заметите появление ужасных пикселей в тонких участках.

В связи с незначительным изменением тона заднего плана проявился серый цвет в темных участках. Используйте инструмент Dodge (Осветлитель), установленный на низкой opacity (Непрозрачности) в режиме highlights (яркость), и закрашивайте фоновый участок, чтобы до конца осветлить его.

Переключитесь на инструмент Burn (Затемнитель) и установите его в режиме shadows (тени), чтобы значительно затемнить внутренние участки изображения до чисто черного.

Используйте инструмент Brush (Кисть), чтобы завершить работу с черным цветом, закрасив оставшиеся участки во внутренней части изображения.

Инвертируйте изображение, чтобы поменять местами белые и черные участки (Ctrl+I), и просмотрите изображение, нет ли на нем участков, которые могли быть пропущены кистью.

Ctrl + клик по значку channel (канала) ,чтобы загрузить выделение, затем снова сделайте видимыми все каналы. Перейдите обратно в панель слоев и скопируйте выделение. Вставьте его на новый слой и спрячьте оригинал, чтобы увидеть вырезанное изображение на прозрачном фоне.

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

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

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

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

У волос стремитесь включить только четкие участки, которые не сливаются с фоном, иначе потом яркие тона все испортят.

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

Вот, где начинается веселье! Используйте инструмент Smudge (Размазывание ), чтобы нарисовать в участках новые волосы, используя в качестве образца оригинал изображения. Начните с кисти диаметром 4px, чтобы создать густую основу для волос и замаскируйте зубчатые линии контура. Планшет Wacom очень пригодится здесь для ускорения процесса и поможет добавить линии различной толщины.

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

Используйте кисть размером 2px у инструмента Smudge (Размазывание), чтобы нарисовать тонкие линии волос в различных направлениях для придания реалистичности изображению.