Как вырезать волосы в фотошопе

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

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

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

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

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

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

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

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

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

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

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

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

Шаг 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 может помочь, но также и может сделать хуже. Смарт-радиус следует применять для выделения, которое содержит различные типы краёв, как в моем случае. Если же, к примеру, выбрать только одни волосы, и больше ничего, или выбрать только гладкие края и ничего больше, то вы, вероятно, обнаружите, что в данных случаях лучше оставить Умный радиус отключённым.

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

Как вырезать волосы в Фотошопе (даже на сложном фоне)

Вырезание объекта — одна из базовых процедур, необходимых во многих Photoshop-макетах. Я уже рассказывал о лучших методах выделения объектов для различных ситуаций в видео под названием «How To Cut Anything Out in Photoshop» , но вырезание волос остается самой сложной задачей, особенно на темном или детализированном фоне, когда нет значительного контраста между кусочком, который вы хотите вырезать и той областью, которую надо оставить. В сегодняшнем уроке я покажу вам продвинутые техники вырезания волос на примере реальных жизненных сценариев, когда объект снят не на ровном студийном фоне.

Вырезание коротких волос и меха

Если у вас есть объект с шерстью или относительно короткими волосами, которые контрастируют с фоном, как на фото Айо Огансейнде, надежный инструмент для обтравки — это Выделение и маска (Select and Mask). Начните оконтуривание с помощью инструмента Быстрого выделения (Quick Selection). Следуйте контуру объекта максимально точно, чтобы маску можно было привязать к границам.

Корректируйте любые ошибки, удерживая клавишу ALT и добавляя пропущенные кусочки с помощью инструмента Быстрого выделения (Quick Selection). Если для Быстрого выделения недостаточно контраста, воспользуйтесь инструментом Прямолинейное Лассо (Polygonal Lasso).

Сделайте из выделенной области Слой-маску (Layer Mask), затем щелкните правой кнопкой мыши по миниатюре маски и нажмите Выделение и маска (Select and Mask), чтобы открыть дополнительные параметры улучшения обтравки.

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

Вырезание длинных волос на ровном фоне

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

На панели Каналы (Channels) найдите канал с максимальным контрастом. В данном примере «Счастливый парень в очках» с Shutterstock, волосы наиболее темные в Голубом канале. Создайте дубликат канала, перетащив его на значок «Новый» (‘New’).

Используйте инструмент Уровни (Levels) или Кривые (Curves) в меню Изображение > Коррекция (Image > Adjustments), чтобы сделать фон чисто белым. Тени можете обтравить, чтобы затемнить волосы, но не заходите слишком далеко, иначе останется белый край по контуру выделения волос.

Чтобы маска произвела полное выделение, надо создать силуэт объекта. Выберите инструмент Затемнитель (Burn) и переключите диапазон на Тени (Shadows) в верхней панели инструментов. Обрисуйте объект, чтобы безопасно затемнить границы лица и тела без необходимости точно обводить контур.

Оставшуюся часть объекта можно быстро закрасить черной кистью, чтобы сделать черно-белую маску.

Удерживайте клавишу CMD (или CTRL на Windows), нажимая на новую миниатюру канала, чтобы загрузить выделение. Активируйте канал RGB, чтобы вернуть цвет изображению и скопировать/вставить его на новый слой или применить слой-маску.

Вырезание волос на детализированном фоне

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

Используйте инструмент Перо (Pen) или Прямолинейное Лассо (Polygonal Lasso), чтобы обвести объект вручную. Дойдя до волос, просто сделайте грубое выделение основной их части. Выполнив выделение, скопируйте/вставьте на новый слой.

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

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

Вырезание длинных волос на детализированном фоне

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

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

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

Каждую кисть можно калибровать по размеру [и] с помощью клавиш и поворачивать, регулируя угол на панели Настройки Кисти. Используйте также опцию Flip X, чтобы рисовать по направлению естественного роста волос.

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

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

Измените режим смешивания слоя волос на Цветовой тон (Hue), чтобы оригинальный объект оставался видимым. Продолжайте добавлять новые волосы для создания совершенно нового контура.

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

Вырезание других стилей волос

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

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

На этом фото «Красивого Афро Бизнесмена» с Shutterstock запечатлена прическа, похожая на ту, которую можно выделить с помощью метода Каналов (Channels).

Обрежьте холст, чтобы он содержал силуэт волос, затем перейдите в Редактирование > Определить кисть (Edit > Define Brush).

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

Переключите новый слой волос в режим Цветовой фон (Hue) так, чтобы объект оставался видимым. Кисть также можно использовать для стирания жесткого контура с первоначальной обтравки. Жесткие кудри смешаются с новым контуром.

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

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

Выделяем волосы в Фотошопе

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

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

Выделение волос

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

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

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

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

Палитра теперь выглядит вот так:

и закрашиваем область, о которой говорили выше.

Однократно (не отпуская кнопку мыши) красим весь контур, уделяя особое внимание тем зонам, на которых находятся мелкие волоски, не попавшие в красную область.

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

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

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

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

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

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

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

1. Создаем новый слой, заливаем его белым цветом и помещаем под нашу модель.
2. Переходим на маску и активируем «Кисть». Кисть должна быть мягкая, непрозрачность у нас уже настроена (50%).

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

Продвинутые техники для выделения волос

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

В тренировочных файлах содержатся ресурсы Adobe Stock, которые вы можете использовать для отработки знаний, полученных в этом уроке. Если вы хотите использовать тренировочные файлы в иных целях, вы можете приобрести лицензии на веб-сайте Adobe Stock. В папке содержится файл ReadMe. Ознакомьтесь с ним, чтобы узнать условия использования тренировочных файлов.

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

Выделение модели

• Откройте фото модели и выберите слой, который содержит ее изображение (портретный слой).
• На панели «Свойства» выберите «Быстрые действия» и нажмите «Удалить фон». Это действие автоматически создаст слой-маску, которая скроет фон вокруг модели.
• Также можно выбрать «Выделение» > «Объект» или инструмент «Быстрое выделение», чтобы выделить модель. Затем нажмите кнопку «Добавить слой-маску» в нижней части панели «Слои», чтобы применить маску к выделению.

Точная настройка слоя-маски

1. Выделите миниатюру слоя-маски на портретном слое, а затем выберите «Выделение» > «Выделение и маска».
2. В рабочей среде «Выделение и маска» используйте ползунки, чтобы настроить границы слоя-маски. Выберите «Режим просмотра» > «На черном». Затем переместите ползунок «Сглаживание» вправо, чтобы уменьшить неровности на краях маски.
3. Сделайте переход на краях маски более плавным, переместив ползунок «Растушевка» вправо.
4. Выберите «Вывод в» > «Слой-маска» и нажмите «ОК».
5. Вернитесь в рабочую среду «Выделение и маска», чтобы сосредоточится на маскировании волос. Еще раз нажмите кнопку «Выделение и маска».
6. Выберите инструмент «Уточнить край» и проведите кистью по границе волос.
7. Переместите ползунок «Сместить край» вправо, чтобы сместить край маски внутрь и скрыть несовершенства.
8. Нажмите «ОК», чтобы закрыть среду «Выделение и маска». Не волнуйтесь, если маска не идеальна. Если нарисовать дополнительные волоски, результат будет выглядеть более реалистично.

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

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

1. Обрежьте фото с помощью инструмента «Рамка» таким образом, чтобы видимой осталась только та область фотографии, которая содержит волосы, с помощью которых вы хотите создать кисть.
2. Удалите цвет, выбрав «Изображение» > «Коррекция» > «Снизить насыщенность».
3. Выберите «Изображение» > «Коррекция» > «Уровни» и переместите ползунки «Входные значения», чтобы фон стал белым, а волосы — черными.
4. Выберите инструмент «Осветлитель», установите «Светлые области» в качестве значения параметра «Диапазон» и закрасьте белым серые области на фоне.
5. Выберите инструмент «Затемнитель», установите «Тени» в качестве значения параметра «Диапазон» и закрасьте волосы темным.
6. Выберите «Редактирование» > «Определить кисть», чтобы создать кисть с помощью черно-белого изображения с волосами.

Рисование волос с помощью новой настраиваемой кисти

1. Вернитесь к исходному портрету и нажмите кнопку «Создать новый слой».
2. Перетащите новый слой поверх портретного слоя.
3. Пока инструмент «Кисть» еще активен, нажмите и не отпускайте Alt (Windows) или Option (macOS), чтобы временно переключиться на инструмент «Пипетка». Щелкните волосы, чтобы выбрать образец цвета волос.
4. Используйте клавиши со скобками ([]) на клавиатуре, чтобы настроить размер кончика кисти для рисования на портрете.
5. Щелкните один раз, чтобы нарисовать на новом слое.
6. Нажмите сочетание Control+T (Windows) или Command+T (macOS) для преобразования и изменения волос, чтобы придать волосам естественность.
7. Повторяйте эту процедуру до тех пор, пока не будете довольны результатом.

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