Главная Мода в одежде Как отделить волосы от фона. Замена фона и выделение волос - SkillsUp - удобный каталог уроков по дизайну, компьютерной графике, уроки фотошопа, Photoshop lessons

Как отделить волосы от фона. Замена фона и выделение волос - SkillsUp - удобный каталог уроков по дизайну, компьютерной графике, уроки фотошопа, Photoshop lessons

Добрый день. Меня зовут Оксана. Мне 23 года. Я занимаюсь компьютерной графикой около 5 лет. Этот урок я решила сделать, так как в сети уроков по Photoshop CS5 на русском языке практически нет. Этот урок подойдет для начинающих, так как я буду рассказывать все очень подробно.

Цель урока : сделать выделение девушки и перенести ее на другой фон за пять минут. Я буду использовать одну из дополнительных возможностей, которая появилась в Photoshop CS5.

Вот изображение девушки:

Итак, время пошло!

Шаг 1. Откройте изображение, с которым вы собираетесь работать.

Шаг 2 . Продублируйте слой Background, нажав сочетание клавиш Ctrl+J . А также на палитре слоев Layers (Слои) уберите глазик с нижнего слоя.

Шаг 3. Первым делом нужно выделить девушку максимально быстро (можно не очень точно). Я буду пользоваться инструментом Quick Selection (Быстрое выделение). Выберите его на панели инструментов или просто нажмите на клавиатуре клавишу W.

Шаг 4. Нажав левую клавишу мыши и удерживая ее постараетесь выделить задний фон. Если что-то получается не так:
сочетание клавиш Ctlr+Z отменяет одно последнее действие;
сочетание клавиш Ctlr+Alt+Z отменяет несколько последних действий.

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

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

Увеличение масштаба - сочетание клавиш Ctrl и «+»
Уменьшение масштаба - сочетание клавиш Ctrl и «-»
Сделать изображение на весь экран - сочетание клавиш Ctrl и 0(ноль)
Инструмент «Рука» удобен, когда изображение не помещается на весь экран. Позволяет сдвигать картинку. Нажмите на пробел и сдвигайте изображение, удерживая левую клавишу мыши и перемещая мышь по столу.
Меняйте размер кисти , которой выделяете, нажатием на клавишу «[» для уменьшения размера кисти и «]» для увеличения.

Шаг 5. Чтобы исключить из выделения ненужные части, на панели опций выберите кнопочку

и осторожненько поводите, удерживая левую клавишу, по тем местам, где имеется лишнее выделение.

Если к выделению нужно еще что-то добавить, то вернитесь к инструменту добавления выделения:

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

Шаг 6. На панели слоев «Layers » (Слои) нажмите на кнопочку маски, чтобы скрыть фон:

Скрылся фон, а не девушка. Все правильно, мы ведь выделяли фон. Чтобы поменять выделение в нашей маске, нам понадобится палитра Mask. Открыть ее можно через меню Windows - Mask (Окно - Маска). В этой палитре нажмите кнопочку Invert (Инвертировать).

Все отлично получилось:

У меня на все это ушло 2 минуты. А у вас?

Шаг 7. Параллельно открываем в Фотошопе изображение, которое вы собираетесь сделать фоном. У меня одна из улочек Парижа.

Шаг 8. Сейчас нам нужно вернуться на предыдущую картинку. Делается очень просто. Просто щелкните по закладке предыдущего изображения.

Шаг 9. Инструментом Move (перемещение) хватаете нашу девушку, удерживая левую клавишу мыши и тянете ее на закладочку второй картинки. Подождите 1 секунду, пока закладка откроется и отпустите нашу девушку на фоновое изображение. Вы можете расположить ее так, как вам захочется, используя инструмент .
У меня получилось так:

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

Отлично, есть над чем поработать. Кстати у меня осталось 2 минуты.

Шаг 10. Вначале на палитре слоев щелкните на маску, находящуюся на верхнем слое:

Шаг 11. Для редактирования маски на палитре Mask (Маска) щелкните на кнопочку Mask Edge.

Шаг 12. В списке View (Просмотр)выберите On Black (На чёрном). Это делается для удобства обработки контуров. Если вы выделяете черные волосы, то, конечно, выбирать черный фон не стоит. Вы можете выбрать вариант On White (На белом).

Сразу стало видно, какое неточное было выделение:

Инструментом Refine Radius Tool , который вы сможете найти в этом же окне, поводите по контуру волос. Если в прошлый раз при выделение вы отрезали некоторую часть волос, само время их вернуть.

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

Уточняем край

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

Функция (Refine Edge) пополнила арсенал инструментов "Фотошопа" начиная с версии CS5 и пристроилась справа вверху на панели настройки инструментов.

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

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

Прежде всего, нужно выбрать "Режим просмотра" (View mode), указав предпочтительный для вас вариант отображения границы между объектом и фоном. Здесь нам предлагаются "Марширующие муравьи" (Marching Ants), "Перекрытие" (Overlay), "На черном" (On Black), "На белом" (On White), "Черно-белое" (Black & White), "На слоях" (On Layers) и "Показать слой" (Reveal Layer). Выбор режима просмотра - сугубо личное дело пользователя, но, поскольку нас интересует, как в "Фотошопе" вырезать волосы, удобнее работать в режиме "Черно-белое".

Для обнаружения краев (Edge Detection) предусмотрены две настройки. Если поставить галочку в чекбоксе "Умный радиус" (Smart Radius), программа определит характер выделения (резкое или мягкое) и сразу подкорректирует его. В нашем случае с волосами рекомендуют использовать эту функцию.

Настройка "Радиус" (Radius) определяет размер области уточнения, то есть ширину (в пикселях) зоны влияния инструмента. Радиус будет зависеть от детальности контура и разрешения изображения.

Далее следует группа настроек края (Adjust Edge). Функция "Сгладить" (Smooth) вряд ли нуждается в комментариях, тем более что в нашем случае она неуместна. Растушевка (Feather) смягчает контур, но это нам тоже ни к чему, а вот настройки "Контрастность" (Contrast) и "Сместить край" (Shift Edge) могут быть очень кстати.

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

Если надо детализировать какой-нибудь участок выделения (а для волос это потребуется), берем кисточку "Уточнить край" (Refine radius tool) и, задав необходимый радиус в главном окне слева вверху, проводим вдоль проблемного отрезка контура. Особой точности здесь не требуется, программа сама разберется, что к чему. Если же нужно упростить излишне детализированные фрагменты, используют инструмент "Стереть уточнение" (ластик).

В выпадающем списке окошка "Вывод в" (Output To) предлагается несколько вариантов представления результата, где можно выбрать "Выделение" (Selection), "Слой-маска" (Layer Mask), "Новый слой" (New Layer), "Новый слой со слоем-маской" (New LayerwithLayer Mask), "Новый документ" (New Document) и "Новый документ со слоем-маской" (New Document with Layer Mask). Если, увлекшись уточнением краев, вы не забыли, что нас интересует, как в "Фотошопе" вырезать волосы, то, конечно, выберите вариант вывода "Выделение", прежде чем нажать OK.

Вот теперь, когда остается только нажать кнопку Delete, чтобы навсегда разлучить объект с родным фоном, самое время обратить внимание на функцию"Очистить цвета" (Decontaminate Color). Этот инструмент применяется (выбирается), если, положив вырезанный объект на новый фон, вы обнаружите бахрому из остатков цветных пикселей вокруг краев выделения. В этом случае "Фотошоп" изо всех сил постарается заменить цвет выделенных пикселей цветом соседних точек, независимо от того, были ли они выделены. Ползунком "Эффект" (Amount) регулируется количество краевых пикселей, которые надлежит "перекрасить".

Используем цветовые каналы

Возможно, кому-нибудь будет полезно узнать, как в "Фотошопе" вырезать волосы, не прибегая к помощи штатных инструментов выделения. Есть такой способ, и зачастую он как раз предпочтителен для использования по отношению к таким сложным объектам, как волосы. Речь идет о цветовых каналах изображения, которые можно увидеть на вкладке "Каналы" (Channels) панели слоев.

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

Выбрав канал, создают его копию, затем, используя одну из функций коррекции яркости и контрастности, добиваются максимального зачернения объекта на осветленном в свою очередь фоне, чтобы проявить как можно больше деталей (волос) в контуре выделяемого объекта. Для этого в зависимости от характера конкретного изображения можно использовать коррекцию яркости/контраста, настройки "Уровень" или "Кривые", но во многих случаях очень хорошие результаты получаются с корректирующим слоем "Микширование каналов" (Channel Mixer).

Понятно, что в диалоговом окне свойств коррекции Channel Mixer предельное затемнение объекта на осветленном фоне достигается регулировкой ползунков красного, зеленого и синего цветов, но для этого нужно не забыть поставить галочку в чекбоксе "Монохромный".

Получив желаемый результат, выделяем (Ctrl + A) изображение и в меню "Редактирование" выбираем команду "Скопировать совмещенные данные" (Shift + Ctrl + C). Далее возвращаемся на вкладку "Каналы" и создаем новый альфа-канал (сохраняем выделенную область в новом канале).

Теперь выделяем (Ctrl + A) сохраненное выделение, вставляем (Ctrl + V) содержимое (у нас с собою было), снимаем выделение (Ctrl + D) и, перейдя в "Изображение > Коррекция", выбираем команду "Уровни". Здесь мы снова трудимся над усилением контраста, затем, если понадобится, подчищаем рисунок, убирая лишнее с помощью черной и белой кистей.

Затем, нажав клавишу Ctrl, щелкаем по миниатюре альфа-канала (выделится все белое), переходим на вкладку "Слои", отправляем в корзину корректирующий слой "Микширование каналов" и, наконец, жмем беспощадную клавишу Delete, удаляя таким образом фон.

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

Извлекаем объект

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

Главный инструмент здесь (потому и расположен слева сверху), напоминающий фломастер, называется Edge Highlighter (выделитель краев). Задав в зависимости от конкретных условий толщину мазка (Brush Size), этим "фломастером" обводят объект, обязательно замкнув контур. Обвести нужно так, чтобы интересующая нас граница со всеми своими кудрями, локонами или прядями оказалась внутри этой жирной каймы. Можно подправить линию ластиком (Eraser Tool), придвинуть/отодвинуть ее поближе/подальше (Ctrl +/-) и даже отменить команду (Ctrl + Z).

Если выбрать режим Smart Highlighting (хитрое и умное выделение), программа поведет себя более интеллектуально, определив границу значительно точнее, что проявится в тонкости линии при обводке "фломастером".

Теперь "Фотошопу" нужно указать, что подлежит удалению, а что должно остаться. Для этого берем ведро с краской (Fill Tool) и "выливаем" ее на объект, щелкнув внутри контура, а если промажем, удалим в итоге сам объект. Подтверждая свою решимость завершить процедуру, нажимаем OK и любуемся результатом.

Используем маску

Для оперативного выделения и вырезания объектов (в том числе и волос) из фоновой основы часто используют Quick selection tool (быстрая маска), иконка которой расположена в самом низу панели инструментов. Выделяемую область на изображении в режиме быстрой маски рисуют черной кистью, регулируя ее размер, жесткость, непрозрачность и силу нажима. При желании можно обрисовать прическу вплоть до волоска, но для этого нужно невероятное терпение, поэтому обычно здесь создают приблизительное выделение, перейдя в обычный режим повторным нажатием кнопки "Быстрая маска", а затем детализируют его с помощью инструмента "Уточнить край".

Орудуем пером и пальцем

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

Некоторые "фотошоперы", работая с прическами, предпочитают оконтуривать объекты, не вдаваясь в детали профиля, с помощью инструмента "Перо" (Pen Tool), а затем "Пальцем" (Smudge Tool) восстанавливают исходный контур вплоть до волоска (если в этом есть смысл). Желательно, чтобы в волосах, включенных в контур выделения, не просвечивался фон.

Оконтурив и создав выделение (щелчок правой кнопкой по контуру > команда "Образовать выделенную область"), копируют его на новый слой (Ctrl + J), уменьшают непрозрачность исходного изображения, чтобы использовать его в качестве трафарета, и, выбрав "Палец", восстанавливают на дубликате оригинальный профиль, манипулируя размером и жесткостью кистей.

Набив руку в использовании "Пальца", можно справиться с такой лохматой головой, при работе с которой и специальным программам-экстракторам "мало не покажется".

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

Первый способ: Изображение с однотонным фоном.

Самым лучшим вариантом при выделении являются профессиональные студийные фотографии с белым фоном. Такие снимки облегчают работу с определением краёв объекта, но выделение волос всё же остаётся проблемой. В этом примере мы будем использовать распространённый способ выделения объекта с помощью Каналов (Channels) .

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

Затем перейдите в палитру Каналы (Channels) и просмотрите каждый из каналов: Красный (Red) , Зелёный (Green) , Синий (Blue) . Выберите канал с лучшим контрастом между передним планом и фоном. Чаще всего таким каналом является Синий (Blue) . Дублируйте этот канал, перетащив его на иконку создания нового канала.

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

В связи с изменениями настроек Уровней (Levels) на фоне появились серые участки. Инструментом Осветлитель (Dodge) (О) в диапазоне Света (Highlights) с небольшим значением Экспозиции (Exposure) осветлите серые области фона.

Переключитесь на инструмент Затемнитель (Burn) (О) , измените диапазон на Тени (Shadows) и установите значение Экспозиции (Exposure) побольше. Затемните выделяемую часть изображения до чисто чёрного цвета.

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

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

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

Удерживая нажатой клавишу Ctrl кликните на миниатюре копии синего канала, чтобы загрузить выделенную область. Затем кликните на канале RGB , чтобы вернуть цвет изображению. Вернитесь в палитру Слои (Layers) , скопируйте (Ctrl + C) выделенную область и вставьте (Ctrl + V) её на новый слой. Скройте видимость фонового слоя, чтобы увидеть результат работы на прозрачном слое.

В итоге нам удалось вырезать даже самые тонкие волоски. Теперь вставьте другой фон. Увеличьте изображение и проверьте наличие светлых ореолов по краям, особенно, если вставить более тёмный фон. Уменьшить ореолы можно инструментом Затемнитель (О) с небольшим значением Экспозиции (Exposure) , аккуратно проработав контур.

Второй способ: Изображение с разноцветным фоном

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

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

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

Не включайте в выделение участки волос, которые сливаются с фоном.

Создайте выделенную область с Растушевкой (Feathering) 0,2 пикс., чтобы сгладить края и скопируйте (Ctrl + J) выделенную область на новый слой. Дважды кликните на фоновом слое, чтобы разблокировать и уменьшите его Непрозрачность (Opacity) так, чтобы немного были видны линии волос с фонового слоя.

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

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

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