Photoshop урок

Перед вами обновлённая версия урока, который выполнен в Photoshop CC2018.

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

Двигайте ползунок, чтобы увидеть разницу

Будем работать вот с этим изображением:

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

1. Подготовка

Шаг 1

Открываем изображение, с которым мы собираемся работать. Файл – Открыть (File – Open).

Шаг 2

Создадим копию фонового слоя (Ctrl+J). А затем скроем фоновый слой на панели

Слои (Layers).

2. Создаем выделение

Шаг 1

Первым делом нам нужно выделить девушку максимально быстро (можно не очень точно). Я буду пользоваться инструментом Быстрое выделение (Quick Selection). Нажмите левую клавишу мыши и, удерживая ее, выделите задний фон. Постарайтесь захватить в выделение весь фон. Ничего страшного, если вместе с фоном выделяются также части наше пары. Должно получиться примерно так:

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

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

Шаг 2

Чтобы исключить из выделения ненужные части, на панели опций выберите кнопочку Вычитание из выделенной области (Subtract from selection)

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

Добавить к выделенной области (Add to selection):

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

Шаг 3

Внизу панели Слои (Layers) щелкаем по иконке Добавить слой маску:

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

Инвертировать (Invert).

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

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

3. Делаем коллаж

Шаг 1

Открываем в Photoshop изображение, которое будет новым фоном.

Шаг 2

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

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

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

Шаг 3

На палитре слоев щелкните мышкой по маске слоя:

Откроется окно свойств, там нажмите кнопку Выделение и маска…(Select and Mask…)

В списке Вид (View) выбираем На чёрном (On Black). Это делается для удобства обработки контуров

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

Шаг 4

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

Вот что получилось пока:

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

• Растушевка (Feather) – делает весь контур немного размытым
• Контрастность (Contrast) – добавляет четкости краям выделения
• Сместить край (Shift Edge) – срезает контур (если двигать ползунок влево)
• Последняя галочка Очистить цвета (Decontaminate Colors) и ползунок Количество (Amount) позволили еще больше убрать белый ореол вокруг волос.

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

4. Результат

Хороший результат для пяти минут.

Двигайте ползунок, чтобы увидеть разницу

Финал:

Фух, как раз уложились в 5 минут. Очень надеюсь, что урок оказался для вас полезным.

Сложное выделение волос в фотошопе

Автор: Галина Соколова. Дата публикации: 26 февраля 2015. Категория: Обработка фотографий в фотошопе.

Сложное

в фотошопе

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

Я покажу вам, как это можно сделать при помощи каналов.

Итог работы вы можете видеть ниже:

 

 Итак, приступим к отделению развивающихся волос от фона.
Откроем фотографию модели в фотошопе:

Теперь сделаем дубль фотографии CTRL+J и перейдём на слой ниже.

Затем выполним команду Файл-Поместить и в открывшевся проводнике компьютера выберем фон и нажмём на кнопку Поместить.

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

Чтобы рамка Трансформации применилась нужно щёлкнуть дважды левой кнопкой мышки внутри рамки.

Затем перейдём на слой с девушкой и откроем палитру Каналы:

Из всех каналов выберем самый контрастный канал. В моём случае этим каналом является Синий канал:

Щёлкнем по Синему каналу правой клавишей и выберем Создать дубликат канала:

Включим копию синего канала и инвертируем этот канал CTRL+I:

Чтобы затемнить фон вызовем команду Урони CTRL+L передвинем ползунок вправо :

Теперь возьмём инструмент Осветлитель  и установим его параметры, как показано на скриншоте:

Раскрасим фигуру девушки и волосы в белый цвет:

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

Теперь включим все каналы и перейдём в палитру Слои.

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

На этом урок «Сложное выделение волос в фотошопе» окончен.

СКАЧАТЬ УРОК В ФОРМАТЕ PDF

 

Если Вы не хотите пропустить интересные уроки по обработке фотографий — подпишитесь на рассылку.

Форма для подписки находится ниже.

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

Быстрое выделение волос в Photoshop

Открываем оба изображения в Photoshop, затем скопируйте изображение с моделью (предварительно я несколько обрезал лишние края документа с моделью) и вставьте его поверх изображения фона. Возьмите инструмент «Быстрое выделение» (Quick Selection Tool) :

И выделите им серую область на слое с моделью:

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

Важно! Убедитесь, что вы не выделили области вне волос модели. Граница выбора должна проходить по области волос, далее с помощью «Уточнить маску» мы настроим выделение.

Теперь в панели слоёв включите слой-маску для слоя с моделью:

В данный момент маска закрыла саму модель, а нам надо, чтобы маска скрыла окружающий её фон. Для этого дважды кликните по маске, это вызовет панель свойств, где нажмите на кнопку «Инвертировать» (Invert):

После этого ваш документ должен выглядеть так:

Если Вы обратите внимание на волосы, то увидите, что их вырезка требует серьёзной доработки:

И это подводит нас к основной части урока. В панели свойств маски нажмите на кнопку «Край маски» (Mask Edge):

После чего откроется окно «Уточнить маску» (Refine Mask), вот тут и начинается самое интересное!

Выберите режим просмотра «Чёрно-белое» (Black and White):

Теперь сделаем отображение радиуса края маски. Поставьте галку в чекбоксе «Показать радиус» и несколько увеличьте значение самого радиуса с нуля:

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

Если вы увеличиваете значение радиуса, толщина белой линии увеличивается.

Теперь пришло время уточнить радиус одноимённым инструментом.

Изменяем режим просмотра документа на «На слоях» (On Layers), отключаем опцию «Показать радиус» и берём инструмент «Уточнить радиус» (Refine Radious Tool):

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

Осталось исправить артефакты на кончиках волос, для этого включите опцию «Очистить цвета» (Decontaminate Colors) и подберите нужное значение:

Нажмите на кнопку ОК для принятия настроек и для выхода из инструмента. Photoshop автоматически создаст новый слой с уточнёнными краями волос, а видимость старого отключит:

Теперь Вы легко можете сравнить вырезанные волосы до применения инструмента и после. У меня получилось так:

На этом всё, выделение волос закончено, надеюсь, урок понравился.

Качайте исходные материалы, фон и модель, а также готовый PSD-файл, выполненный по материалам урока:

Два варианта выделения волос в Фотошопе

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

Первая техника: Изображение с однородным фоном

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

В данном примере мы будем использовать распространенную технику с использованием «Channels» (Каналов), чтобы вырезать эту прекрасную леди.

Откройте свое изображение в Фотошоп.

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

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

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

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

Переключитесь на инструмент Burn Tool (Инструмент «Затемнитель» / Клавиша «O») и установите его в режиме «Shadows» (Тени), чтобы значительно затемнить внутренние участки изображения до чисто черного.

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

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

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

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

Техника вторая: Изображение с детализированным фоном

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

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

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

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

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

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

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

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

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

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

Переводчик: Александра Анцыперович;

Источник;

photoshop-master.ru

Узнать еще больше техник выделения вы можете изучив данные уроки:

1. Используя «Маску» на примере выделения волос в уроке — Как изменить цвет волос в Фотошопе;
2. Используя инструмент в Photoshop CS5 «Уточнить край»;
3. И еще урок на тему выделения с использованием каналов — Как вырезать объект с использованием RGB каналов в Фотошопе;

---

⇐ • Как сделать аватар (предыдущая страница учебника)

• Как изменить время суток на фотографии (следующая страница учебника) ⇒

---

Как вырезать волосы в Фотошопе CS6 и CC

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

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

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

Содержание: “Как вырезать волосы в Фотошопе”

Выделяем и вырезаем волосы

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

Мы, для примера возьмем фотографию голивудской красавицы – Пенелопы Крус:

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

1. Обратите внимание на верхнюю часть раздела слоев. Там нас интересует вкладка «Каналы», кликаем по ней.
   
2. Нам требуется обесцветить картинку, для этого выберите зеленый канал.
   
3. Далее, делаем копию слоя. Для этого перетягиваем мышью нужный канал на кнопку новый слой.
   Как видите, он появился в самом низу “Зеленый копия”:
   
4. После этого нужно добавить волосам контрастности – это облегчит работу с ними. Нажимаем комбинацию клавиш CTRL+L. Откроется панель – «Уровни», с ползунками. Выставляем нужные параметры, передвигая эти ползунки. Нужно добиться того, чтобы все даже мелкие волосы были четкими и ни сливались с фоном.
   
5. Затем подтвердите изменения нажатием кнопки ОК. Теперь нужно перейти к инструменту “кисть”.
   
6. Затем необходимо сделать канал RGB видимым. Для этого кликните по пустому квадратику напротив него. Посмотрите, как сразу изменилось исходное изображение.
   

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

7. Выбрав инструмент кисть, устанавливаем ее цвет (основной цвет) на белый.
   После чего закрашиваем участки, о которых мы писали выше (те зоны, которые нужно удалить). У нас таковых нет.
8. Затем нужно изменить цвет кисти на черный, и закрасить зоны, которые необходимо сохранить (лицо и одежда).
   
9. Следующий шаг очень важен! Измените параметр непрозрачности выбранной кисти. Нам требуется значение в 50%.
   После чего закрашиваем всю область объекта (в нашем случае всю Пенелопу), зажав кнопку мыши. Это действие необходимо выполнить за один раз, не отрываясь от зажатой кнопки мыши. Особенно проработать следует область с мелкими волосками.
   
10. После того как выше перечисленные действие проделаны, делаем канал RGB невидимым.
    
11. Используем сочетание клавиш CTRL+I, для инвертирования зеленого канала.
    
12. Создаем выделение, зажав кнопку CTRL и щелкнув мышью по значку копии зеленого канала.
    
13. Опять делаем видимым канал RGB, а видимость копии убираем.
    
14. Вот и все, с каналами работа завершена. Далее, будем работать со слоями изображения.
    

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

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

1. Для этой задачи выбрать можно любой из инструментов выделения.
   
2. Воспользуйтесь «умной» функцией выделения. Эта функция позволяет точнее обозначить границы выделения. Найти эту кнопку можно в верхней части меню. В Photoshop CS5 или CS6 она называется “Уточнить край”, но мы используем Photoshop CC, поэтому в нашей версии она носит название “Выделение и маска”.
   
3. Для более комфортной и точной работы выставите параметр — «На белом».
   
4. Добавьте изображению контрастности. Вполне хватит 11 единиц.
   
5. Далее, найдите пункт «Очистить цвета» и поставьте напротив него галочку, как на предоставленном скриншоте. (в нашем случае это не требуется и мы не будем ставить галку) А вывод оставляем “Новый слой со слоем маски”.
   Затем кликаем “Ок” и получаем такой результат:
   

Дорабатываем маску

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

1. Потребуется новый слой с заливкой белого цвета. Помещаем слой с нашим изображением поверх слоя с белой заливкой.
   
2. Выбираем маску слоя и берем «Кисть». Параметры кисти должны быть с прозрачностью 50%, тип кисти – мягкий.
   
3. Обязательно проверяем, что выбрана именно маска слоя для работы. Не спеша и аккуратно прокрашиваем все прозрачные элементы, а также места, где волосы не до конца прорисованы.
   

Вот собственно и все, можно оценивать полученный результат:

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

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

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

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

Оригинальное фото

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

Нажмите на иконку видимости верхнего слоя

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

Фото для замены фона

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

Окончательный результат

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

Выберите инструмент «Многоугольное лассо»

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

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

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

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

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

Теперь женщина на фото обведена предварительным контуром выделения

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

Убедитесь, что у вас активен нужный слой

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

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

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

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

Окно документа, в котором выделенная область показана на белом фоне

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

Небольшая миниатюра отображает текущий режим просмотра

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

Выберите из списка режим просмотра «На черном»

Теперь выделение отображается на сплошном черном фоне:

После выбора режима просмотра «На черном» выделение отображается на черном фоне

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

Выбор режима «Черный и белый»

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

При режиме просмотра «Черный и белый» изображение отображается так, как будто это маска слоя

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

Выбор режима просмотра «По слоям»

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

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

Изображение с выбранным режимом просмотра «По слоям»

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

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

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

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

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

Нажмите и перетащите вправо ползунок слайдера «Радиус»

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

Некоторые из прядей волос за пределами первоначального выделения теперь видны

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

Перемещение ползунка «Радиус» еще дальше вправо

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

Изображение после увеличения значения «Радиуса»

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

Включите параметр «Показать радиус»

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

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

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

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

«Радиус» представляет собой зону между областями сплошного черного цвета

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

«Радиус» в режиме просмотра «Черное и белое»

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

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

Для волос нужен более широкий радиус, но для других областей нет

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

Включите «Умный радиус»

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

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

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

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

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

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

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

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

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

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

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

Удерживая нажатой клавишу Alt (Win) / Option (Mac) закрасьте область вдоль нижнего края изображения

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

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

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

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

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

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

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

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

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

При нажатии кнопки мыши в этой области проявляется серый фон из исходного изображения

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

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

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

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

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

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

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

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

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

Включите опцию «Очистить цвета»

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

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

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

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

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

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

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

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

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

В палитре «Слои» теперь отображается маска слоя для копии исходного изображения

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

Удерживая нажатой клавишу Alt (Win) / Option(Mac), нажмите на иконку маски слоя

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

Зарисуйте области маски белым цветом (с помощью стандартной кисти), чтобы очистить их

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

Нажмите на миниатюру слоя слева от миниатюры маски

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

Окончательный результат

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

Данная публикация представляет собой перевод статьи «Selecting Hair with Refine Edge in Photoshop CS5» , подготовленной дружной командой проекта Интернет-технологии.ру

Два способа выделения волос в Фотошоп

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

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

Самым лучшим вариантом при выделении являются профессиональные студийные фотографии с белым фоном. Такие снимки облегчают работу с определением краёв объекта, но выделение волос всё же остаётся проблемой. В этом примере мы будем использовать распространённый способ выделения объекта с помощью Каналов (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 пикс., более тонкие волоски в различных направлениях, чтобы добавить реалистичности изображению.

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

Переводчик: Владимир Нестеров Источник: blog.spoongraphics.co.uk