Улучшение выбора области фокусировки с помощью Refine Edge: Photoshop CC 2014

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

Мы также узнали, что создание выбора на основе фокуса — это действительно двухэтапный процесс. Во-первых, мы используем инструменты в диалоговом окне «Область фокусировки», чтобы создать начальный выбор объекта, находящегося в фокусе. Затем мы берем этот первоначальный выбор и перемещаем его в команду Photoshop Refine Edge, где мы очищаем его, подстраиваем его и делаем еще лучше.

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

Перемещение выделения для уточнения края

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

Само диалоговое окно «Область фокусировки» исчезнет, ​​и на его месте откроется окно «Уточнить край»:

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

Refine Edge фактически был в Photoshop уже несколько версий, но вы можете заметить, что он очень похож на новое диалоговое окно Focus Area, по крайней мере, с точки зрения его общего расположения. Он даже имеет точно такую ​​же опцию просмотра в самом верху, где мы можем щелкнуть по миниатюре, чтобы получить доступ к различным фонам для просмотра нашего выбора, например, « На белом» , « На черном» , « На слоях» и т. Д., Наряду с точно такими же сочетаниями клавиш в скобка. И так же, как и в Focus Area, мы можем циклически переключаться между режимами просмотра с клавиатуры, многократно нажимая букву F :

Инструменты навигации

У нас также есть точно такие же инструменты навигации в левом верхнем углу диалогового окна «Уточнить край» со значками для выбора инструмента «Масштаб» (для увеличения и уменьшения) и инструмента «Рука» (для прокрутки изображения при увеличении):

Однако, как я уже упоминал в первой части руководства, вам гораздо лучше использовать сочетания клавиш для временного доступа к этим инструментам навигации при необходимости. Чтобы получить доступ к инструменту масштабирования , нажмите и удерживайте клавиши Ctrl + пробел (Win) / Command + пробел (Mac) и щелкните изображение, чтобы увеличить его, или Alt + пробел (Win) / Option + пробел (Mac) и нажмите, чтобы уменьшить масштаб , Чтобы прокрутить изображение, нажмите и удерживайте клавишу пробела для доступа к ручному инструменту , затем щелкните и перетащите изображение.

Обнаружение края

Диалоговое окно «Уточнить края» в Photoshop разделено на четыре основных раздела — « Режим просмотра» (который мы только что рассмотрели), « Обнаружение кромок» , « Настройка кромки» и « Вывод» (еще одно сходство с диалоговым окном «Область фокусировки», которое мы рассмотрим позже). Из этих четырех разделов самым важным на сегодняшний день является Edge Detection. Это сердце и душа (и мозги) команды Refine Edge. Вот как это работает.

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

Регулировка размера радиуса

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

По умолчанию размер радиуса (то есть расстояние наружу от контура выделения) установлен равным 0 px (в пикселях), что по сути означает, что Edge Detection отключено. Я собираюсь увеличить размер Радиуса примерно до 20 пикселей, перетаскивая ползунок вправо:

Обратите внимание, что уже произошло с моими краями выбора. Просто увеличив размер Radius, Photoshop смог добавить больше волос девушки к выделению, придавая им более естественный вид, чем те резкие, зазубренные края, с которых я начинал. Это потому, что я сказал Photoshop посмотреть на область шириной 20 пикселей вокруг моего исходного контура выделения, как внутри него, так и снаружи, и добавить любые области (любые пиксели), которые должны быть частью выделения (а также отменить выделение любых областей, которые должны не были выбраны):

Если я увеличу размер радиуса еще больше, примерно до 40 пикселей:

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

Волосы немного сложно увидеть на белом фоне, поэтому я нажму на клавиатуре букву B, чтобы быстро переключиться в режим просмотра « Черный », и теперь я могу видеть волосы легче:

Показ Радиуса

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

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

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

Однако, если мы слишком увеличим размер Radius , мы предоставим Photoshop слишком много места для работы, и все может пойти не так. Нежелательные фоновые области могут начать смешиваться с выделением, и мы можем даже потерять области, которые мы изначально выбрали и хотели сохранить. Я нажму букву J на своей клавиатуре, чтобы быстро переключить Show Radiusопция отключена, чтобы мы вернулись к просмотру самого выбора. И теперь, если мы посмотрим на область шерсти щенка чуть выше уха, а также на волосы девочки над ее глазом, мы увидим, что, поскольку радиус слишком широк, выбор в этих областях теряет четкость. В этом случае мне нужно уменьшить значение радиуса до чего-то меньшего. Фактическое значение, которое вам нужно, будет полностью зависеть от вашего изображения и типа выбранного объекта, поэтому оно будет отличаться каждый раз, и вам нужно будет поэкспериментировать:

Смарт Радиус

Photoshop может неплохо улучшить выделение, просто увеличив размер Radius с помощью основного ползунка, но с изображениями, подобными тому, который я использую, когда тип кромки меняется, мы можем добавить еще больше интеллекта к Edge Detection , Когда я говорю «тип края меняется», я имею в виду, что есть более крупные, менее выраженные края, такие как волосы девушки и шерсть собаки, но есть и более острые, более четко определенные области, такие как края рубашки девушки. , И когда я говорю, что мы можем «добавить еще больше интеллекта», я имею в виду, что в подобных ситуациях мы можем включить опцию под названием Smart Radius .

Области, такие как волосы и мех, нуждаются в большем радиусе, чтобы вписать в выбор все эти свободные пряди, в то время как более острым участкам с острыми краями, например краю рубашки, нужен меньший радиус. Тем не менее, если я снова включу опцию Show Radius (нажатием буквы J на моей клавиатуре), мы увидим, что мой радиус остается точно одинаковой ширины по всему выделению, независимо от того, с каким типом ребра он сталкивается:

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

Когда Smart Radius включен, Photoshop может изменять ширину радиуса в соответствии с типом края, с которым он сталкивается. Здесь я увеличил область над головой щенка, чтобы мы могли ближе рассмотреть. Обратите внимание, что в областях, где мех длиннее, ширина Радиуса остается большей, в то время как в областях с более коротким мехом Радиус теперь более узкий и более узкий. После того, как вы включили Smart Radius, вы, как правило, захотите заново отрегулировать размер Radius с помощью основного ползунка, чтобы увидеть, сможете ли вы получить еще лучшие результаты (и, конечно, вы захотите сделать это с выключенным Show Radius, чтобы вы видите изображение, а не сам радиус)

Инструменты уточнения радиуса и стирания

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

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

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

Другой способ — с клавиатуры. Нажмите левую клавишу скобки ( [ ) несколько раз, чтобы уменьшить размер кисти, или правую клавишу скобки ( ] ), чтобы увеличить ее. Затем просто закрасьте область, где вам нужно очистить края. Вот область вдоль волос девушки, которая все еще выглядит немного неровной и комковатой:

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

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

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

На этот раз я попробую нарисовать несколько меньших мазков, что позволит Photoshop проанализировать проблему небольшими кусками. Если вы делаете то, что кажется большой ошибкой, Refine Edge дает нам один уровень отмены. Просто нажмите Ctrl + Z (Победа) / Command + Z (Mac), чтобы отменить последний мазок кисти, затем продолжайте:

Другой вариант, если вы (или Photoshop) допустили ошибку, — это переключиться на инструмент Erase Refinements , который противоположен инструменту Refine Radius. Вместо того, чтобы расширять радиус, рисуя его больше вокруг края выделения, инструмент стирания очистки стирает радиус, где вы рисуете. Он не удалит какие-либо части вашего исходного выделения (то есть выделения, которое появилось до того, как вы открыли его в Refine Edge). Он удалит только радиус, который был добавлен с помощью ползунка «Радиус» или инструмента «Уточнить радиус».

Как мы видели ранее, вы можете выбрать инструмент Erase Refinements, нажав и удерживая значок инструмента в левой части диалогового окна и выбрав его из всплывающего меню:

Вы также можете переключаться между двумя инструментами, нажимая букву E на клавиатуре. Но еще более быстрый и лучший способ получить доступ к инструменту стирания — это временный доступ к нему, когда он вам нужен. С активным Refine Radius Tool просто нажмите и удерживайте Alt (Win) / Option(Mac) на клавиатуре, чтобы временно переключиться на инструмент стирания (вы увидите знак плюса (+) на переключателе курсора кисти со знаком минус (-)), затем закрасьте область, чтобы стереть радиус в это место Отпустите клавишу Alt (Win) / Option (Mac), чтобы вернуться к инструменту Refine Radius и продолжить. Инструмент стирания уточнений особенно полезен, если вы начинаете замечать важные области вашего первоначального выбора, которые частично отменяются. Просто закрасьте эти области с помощью инструмента Erase Refinements, чтобы добавить их обратно в выделение.

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

Включение и выключение предварительного просмотра

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

В отличие от параметра «Просмотр» в диалоговом окне «Область фокусировки», включение «Показать оригинал» не показывает нам исходное изображение. Вместо этого он показывает нам наш первоначальный выбор края , как они появились перед открытием Refine Edge ( Подсказка: Если вы действительно хотите , чтобы увидеть исходное изображение при работе в Расширеном Edge, нажмите X . На клавиатуре Нажмите X еще раз , чтобы вернуться к Уточнить Вид края):

Параметры настройки края

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

Третий и четвертый варианты часто более полезны. Перетаскивание ползунка « Контрастность» вправо сожмет края выделения (что-то вроде противоположности ползунка «Перо»), а край сдвига расширит или сократит весь выделенный фрагмент целиком (отрицательное значение края сдвига сдвинет весь край выделения внутрь , в то время как положительное значение будет расширять его наружу). Вот крупный план рукава рубашки девушки. Обратите внимание, как край выглядит мягким и нечетким:

Я перетащу ползунок Контрастность примерно до 20%:

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

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

Вывод окончательного выбора

Мы создали наш первоначальный выбор на основе фокуса с помощью Focus Area, и мы уточнили края с помощью инструментов Refine Edge. В разделе « Вывод » мы решаем, как мы хотим вывести окончательный выбор, и мы можем выбрать один из нескольких вариантов, включая традиционный контур выделения, маску слоя, новый слой и т. Д. Щелкните поле « Вывести в», чтобы просмотреть все параметры:

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

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

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

Есть несколько проблем, о которых нужно знать, прежде чем вы решите использовать опцию Decontaminate Colors. Во-первых, как я уже упоминал, Photoshop физически меняет цвет некоторых пикселей вашего изображения, что означает деструктивную модификацию (тип постоянного редактирования, который мы обычно стараемся избегать). Во-вторых, это не всегда работает, или это может работать хорошо в одной области, но фактически вводить новые проблемы в другой. И в-третьих, как только вы выберете «Обеззараживать цвета», Photoshop ограничит ваши параметры вывода. Он автоматически выбирает новый слой с маской слоя и предотвращает вывод на стандартный контур выделения или маску слоя. Обратите внимание, что два верхних варианта теперь недоступны:

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

Я нажму OK в самом низу диалогового окна Refine Edge, чтобы принять все мои настройки и вывести выбор:

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

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

Я выберу корректирующий слой Hue / Saturation из списка:

Элементы управления и параметры корректирующего слоя «Тон / Насыщенность» отображаются на панели « Свойства» в Photoshop . Чтобы удалить цвет, я просто уменьшу значение насыщенности до -100 , перетаскивая ползунок в крайнее левое положение:

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

Чтобы это исправить, я переключусь с элементов управления Hue / Saturation на маску слоя , щелкнув значок Masks в верхней части панели Properties:

In the layer mask options, I’ll click the Invert button at the very bottom:

This inverts the layer mask so that the background is now affected by the Hue/Saturation adjustment layer while my main subjects are protected, giving me the selective coloring effect I’m after:

As with most automated tools in Photoshop, the selections you’ll get with Focus Area and Refine Edge won’t always be perfect. There’s still a few areas in my image that I could touch up by painting manually with a brush on the adjustment layer’s mask. However, for the most part, as we saw in part one of the tutorial, the new Focus Area tool was able to do a great job of separating my subjects from their background, and here in part two, Refine Edge was able to take that initial selection even further with impressive results.