{"id":5732,"date":"2014-07-20T14:54:29","date_gmt":"2014-07-20T18:54:29","guid":{"rendered":"http:\/\/www.photoshopessentials.com\/?p=5732"},"modified":"2019-04-13T10:45:27","modified_gmt":"2019-04-13T14:45:27","slug":"improving-focus-area-selections-refine-edge","status":"publish","type":"post","link":"https:\/\/www.photoshopessentials.com\/newsite\/basics\/selections\/cc\/2014\/improving-focus-area-selections-refine-edge\/","title":{"rendered":"Improving Focus Area Selections With Refine Edge &#8211; Photoshop CC 2014"},"content":{"rendered":"<section>\n<div id=\"author\">Written by Steve Patterson.<\/div>\n<p>In the first part of this tutorial on the new <a href=\"\/basics\/selections\/cc\/2014\/focus-area\/\">Focus Area<\/a> selection tool in <strong>Photoshop CC 2014<\/strong>, we learned that Focus Area allows us to make selections based on the in-focus areas (the depth of field) of an image, making it a potentially great choice for separating a subject from its background.<\/p>\n<style type=\"text\/css\">\n.adslot-2 { display: inline-block; width:300px; float:right; margin: 6px 0px 12px 20px; }\n@media (max-width: 767px) { .adslot-2 { display: none; } }\n<\/style><script async src=\"\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js\"><\/script>\n<!-- 300x250 photoshop basics top responsive -->\n<ins class=\"adsbygoogle adslot-2\"     \n     data-ad-client=\"ca-pub-6601556224092982\"\n     data-ad-slot=\"7310008691\"\n     data-ad-format=\"rectangle\"><\/ins>\n<script>\n(adsbygoogle = window.adsbygoogle || []).push({});\n<\/script>\n<p>We also learned that creating a focus-based selection is really a two-step process. First, we use the tools in the Focus Area dialog box to create an initial selection of our in-focus subject. Then we take that initial selection and move it into Photoshop's <strong>Refine Edge<\/strong> command where we clean it up, fine-tune it and make it  even better.<\/p>\n<p>In this second part of the tutorial, we'll learn how to move our selection from Focus Area into Refine Edge, as well as everything we need to know about how Refine Edge works so we can create the best focus-based selections possible. Of course, before you jump into the Refine Edge command, you'll first want to make sure you've created your initial selection  using <a href=\"\/basics\/selections\/cc\/2014\/focus-area\/\">Focus Area<\/a>. Refine Edge may be an incredibly powerful tool, but it's not capable of making initial selections. It's strictly for selection edge refinement. <\/p>\n<\/section>\n<aside>\n<p>This tutorial is from our <a href=\"\/basics\/make-selections-photoshop\/\" title=\"Learn how to use the Photoshop selection tools\">How to make selections in Photoshop<\/a> series.<\/p>\n<\/aside>\n<aside><p class=\"members-ad-top\"><a href=\"\/print-ready-pdfs\/\">Download all of our Photoshop tutorials as PDFs!<\/a><\/p><\/aside>\n<section>\n<p>Here once again is the image I'm working with (<a href=\"http:\/\/www.shutterstock.com\/pic-142291096\/stock-photo-children-girl-kissing-her-puppy-chihuahua-doggy-on-the-wood-fence.html\" target=\"_blank\" rel=\"noopener noreferrer\">girl with puppy photo<\/a> from Shutterstock):<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/selections\/cc\/2014\/focus-area-pt2\/girl-with-puppy.jpg\" alt=\"Girl with an umbrella in a vintage suit in a park. Image licensed from Shutterstock by Photoshop Essentials.com. Not to be used without permission.\" width=\"640\" height=\"429\" \/>\n<div class=\"image-desc\">The original image.<\/div>\n<p>And here's what my initial selection looks like after taking things as far as I could with the tools in the <a href=\"elections\/cc\/2014\/focus-area\/\">Focus Area dialog box<\/a>. Notice that while I was able to separate the girl and the puppy from the blurred, out of focus background, the edges of the selection are looking pretty rough and jagged:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/selections\/cc\/2014\/focus-area-pt2\/focus-area-selection.jpg\" alt=\"The initial selection created with the Focus Area command in Photoshop CC 2014. \" width=\"640\" height=\"435\" \/>\n<div class=\"image-desc\">The initial selection created with Focus Area.<\/div>\n<p>Let's see how Photoshop's Refine Edge command can take a selection like this and transform it into something more useful and more professional, beginning with how to move the selection from Focus Area into Refine Edge. Let's get started!<\/p>\n<\/section>\n<section>\n<h3>Moving The Selection To Refine Edge<\/h3>\n<p>To move the selection from Focus Area to the Refine Edge command, we simply click on the <strong>Refine Edge<\/strong> button in the lower left of the Focus Area dialog box:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/selections\/cc\/2014\/focus-area-pt2\/focus-area-refine-edge.gif\" alt=\"Clicking the Refine Edge button in the Focus Area dialog box. \" width=\"473\" height=\"156\" \/>\n<div class=\"image-desc\">Clicking the Refine Edge button.<\/div>\n<p>The Focus Area dialog box itself will disappear and Refine Edge will pop open in its place:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/selections\/cc\/2014\/focus-area-pt2\/refine-edge-dialog-box.gif\" alt=\"The Refine Edge dialog box in Photoshop CC 2014. \" width=\"376\" height=\"598\" \/>\n<div class=\"image-desc\">The Refine Edge dialog box.<\/div>\n<h3>The View Mode<\/h3>\n<p>Refine Edge has actually been around in Photoshop for a few versions now, but you may notice that it looks very similar to the new Focus Area dialog box, at least in terms of its general layout. It even has the exact same <strong>View<\/strong> option at the very top where we can click on the thumbnail to access different backgrounds for viewing our selection, like <strong>On White<\/strong>, <strong>On Black<\/strong>, <strong>On Layers<\/strong>, and so on, along with the exact same keyboard shortcuts in parenthesis. And, just as with  Focus Area, we can cycle through the view modes from the keyboard by repeatedly pressing the letter <strong>F<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/selections\/cc\/2014\/focus-area-pt2\/refine-edge-view-modes.gif\" alt=\"The View modes in the Refine Edge dialog box. \" width=\"376\" height=\"447\" \/>\n<div class=\"image-desc\">Refine Edge gives us the same view mode choices as Focus Area.<\/div>\n<h3>The Navigation Tools<\/h3>\n<p>We also have the exact same navigation tools in the upper left of the Refine Edge dialog box, with icons for selecting the <strong>Zoom Tool<\/strong> (for zooming in and out) and the <strong>Hand Tool<\/strong> (for scrolling the image when you're zoomed in):<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/selections\/cc\/2014\/focus-area-pt2\/refine-edge-navigation-tools.gif\" alt=\"The Zoom Tool and Hand Tool icons in the Refine Edge dialog box. \" width=\"384\" height=\"180\" \/>\n<div class=\"image-desc\">The Zoom Tool (top) and Hand Tool (bottom).<\/div>\n<p>However, as I mentioned in <a href=\"\/basics\/selections\/cc\/2014\/focus-area\/\">the first part<\/a> of the tutorial, you're much better off using the keyboard shortcuts to <em>temporarily<\/em> access these navigation tools when needed. To access the <strong>Zoom Tool<\/strong>, press and hold <strong>Ctrl+spacebar<\/strong> (Win) \/ <strong>Command+spacebar<\/strong> (Mac) and click on the image to zoom in, or <strong>Alt+spacebar<\/strong> (Win) \/ <strong>Option+spacebar<\/strong> (Mac) and click to zoom out. To scroll the image, press and hold the <strong>spacebar<\/strong> on its own to access the <strong>Hand Tool<\/strong>, then click and drag the image.<\/p>\n<h3>Edge Detection<\/h3>\n<p>Photoshop's Refine Edge dialog box is divided into four main sections - <strong>View Mode<\/strong> (which we just looked at), <strong>Edge Detection<\/strong>, <strong>Adjust Edge<\/strong>, and <strong>Output<\/strong> (another similarity to the Focus Area dialog box which we'll look at later). Of these four sections, the single most important one, by far, is Edge Detection. This is the heart and soul (and brains) of the Refine Edge command. Here's how it works.<\/p>\n<p>As the name &quot;Edge Detection&quot; implies, Photoshop is going to try to detect where the edges of your selection should actually be. It does this by analyzing the areas surrounding your original selection outline, both inside the selected area and outside in the unselected areas, and it looks for &quot;edges&quot;. An edge, to Photoshop, is an area where there's a sudden transition in tone or color between adjacent pixels. The only thing we need to do is tell Photoshop how far out from the original selection outline it can look, a distance known as the <strong>Radius<\/strong>.<\/p>\n<h3>Adjusting The Size Of The Radius<\/h3>\n<p>I'm going to zoom in on my image so we can more easily see the selection edges around the girl's hair. This is how things look without any edge detection applied:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/selections\/cc\/2014\/focus-area-pt2\/hair-radius-0.jpg\" alt=\"The initial selection. \" width=\"582\" height=\"550\" \/>\n<div class=\"image-desc\">The initial rough selection.<\/div>\n<p>By default, the Radius size (that is, the distance outward from the selection outline) is set to 0 px (pixels), which essentially means Edge Detection is turned off. I'm going to increase the size of the Radius to around 20 pixels by dragging the slider towards the right:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/selections\/cc\/2014\/focus-area-pt2\/radius-slider-20-pixels.gif\" alt=\"Increasing the Radius value in the Refine Edge dialog box. \" width=\"376\" height=\"136\" \/>\n<div class=\"image-desc\">Increasing the size of the Radius by dragging the slider.<\/div>\n<p>Notice what's already happened to my selection edges. Simply by increasing the  size of the Radius, Photoshop was able to add more of the girl's hair to the selection, giving it a more natural appearance rather than those harsh, jagged edges I started off with. That's because I told Photoshop to look at an area 20 pixels wide around  my original selection outline, both inside of it and out, and add any areas (any pixels) that should be part of the selection (and also, to deselect any areas that should <em>not<\/em> have been selected):<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/selections\/cc\/2014\/focus-area-pt2\/selection-radius-20-pixels.jpg\" alt=\"The selection around the hair now looks more natural. \" width=\"586\" height=\"550\" \/>\n<div class=\"image-desc\">The selection around the hair now looks a bit more natural.<\/div>\n<p>If I increase the Radius size even further, to around 40 pixels:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/selections\/cc\/2014\/focus-area-pt2\/refine-edge-radius-slider.gif\" alt=\"Further increasing the Radius value. \" width=\"376\" height=\"137\" \/>\n<div class=\"image-desc\">Continuing to increase the size of the Radius.<\/div>\n<p>I now get an even more natural looking selection as more loose strands of hair are added. Again, that's because I've now told Photoshop to look at an area 40 pixels wide around the  original selection outline, both inside of it and out, and add any pixels to (or subtract any pixels from) the selection as needed:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/selections\/cc\/2014\/focus-area-pt2\/selection-radius-40-pixels.jpg\" alt=\"The selection after increasing the Radius value to 40 pixels. \" width=\"611\" height=\"550\" \/>\n<div class=\"image-desc\">The result of further increasing the Radius value.<\/div>\n<p>The hair is a bit difficult to see in front of the white background, so I'll press the letter <strong>B<\/strong> on my keyboard to quickly switch to the <strong>On Black<\/strong> view mode, and now I can see the hair more easily:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/selections\/cc\/2014\/focus-area-pt2\/selection-black-background.jpg\" alt=\"Changing the View Mode to On Black. \" width=\"607\" height=\"550\" \/>\n<div class=\"image-desc\">Changing the background color to make the selection more visible.<\/div>\n<h3>Showing The Radius<\/h3>\n<p>To better understand how the Radius works, it helps to actually see it. We can see the Radius at any time by selecting the <strong>Show Radius<\/strong> option at the top of the dialog box (to the right of the View thumbnail). You can also quickly toggle the Show Radius option on and off by pressing the letter <strong>J<\/strong> on your keyboard:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/selections\/cc\/2014\/focus-area-pt2\/show-radius.gif\" alt=\"Turning on the Show Radius option in Refine Edge. \" width=\"376\" height=\"156\" \/>\n<div class=\"image-desc\">Turning on the Show Radius option.<\/div>\n<p>With Show Radius turned on, we now see the actual Radius appearing around the original selection outline, similar to if we have applied a stroke to it. This &quot;stroke&quot; is the transition area between what's absolutely selected and what's not selected, where Photoshop analyzes the image trying to refine the selection further:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/selections\/cc\/2014\/focus-area-pt2\/image-show-radius.jpg\" alt=\"The visible Radius around the original selection outline. \" width=\"626\" height=\"550\" \/>\n<div class=\"image-desc\">Turning on Show Radius allows us to see the Radius itself.<\/div>\n<p>If I increase the Radius value even more, this time to around 80 pixels, we can see  the width of the Radius increasing, which means that even more of the area around the original selection outline will be analyzed:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/selections\/cc\/2014\/focus-area-pt2\/image-radius-80.jpg\" alt=\"The Radius around the selection now appears wider. \" width=\"615\" height=\"550\" \/>\n<div class=\"image-desc\">A larger Radius value means a larger transition area for Photoshop to look for edges.<\/div>\n<p>However, if we increase the size of the Radius <em>too<\/em> much, we give Photoshop too much area to work with and things can start to go wrong. Unwanted background areas may start blending into the selection, and we can even lose areas that we initially selected and wanted to keep. I'll press the letter <strong>J<\/strong> on my keyboard to quickly toggle the <strong>Show Radius<\/strong> option off so that we're  back to viewing the selection itself. And now, if we look at the area of the puppy's fur just above the ear, as well as the girl's hair  above her eye, we see that because the Radius is too wide, the selection is loosing definition in those areas. In this case, I'd need to lower the Radius value to something smaller. The actual value you need will depend entirely on your image and on the type of subject you're selecting, so it will be different each time and you'll need to experiment:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/selections\/cc\/2014\/focus-area-pt2\/radius-too-high.jpg\" alt=\"The Radius around the selection now appears wider. \" width=\"563\" height=\"548\" \/>\n<div class=\"image-desc\">Setting the Radius too high can cause the background to start blending in with the selection, something we want to avoid.<\/div>\n<p class=\"members-ad-top\"><a href=\"\/print-ready-pdfs\/\">Download all of our Photoshop tutorials as PDFs!<\/a><\/p>\n<h3>Smart Radius<\/h3>\n<p>Photoshop can do quite a good job of refining the selection just by increasing the size of the Radius with the main slider, but with images like the one I'm using where the type of edge varies, we can add even more intelligence to Edge Detection. When I say \"the type of edge varies\", what I mean is that there's some larger, less-pronounced edges like the girl's hair and the dog's fur, but there's also sharper, more clearly-defined areas like the edges of the girl's shirt. And when I say we can &quot;add even more intelligence&quot;, what I mean is that in situations like this, we can enable an option called <strong>Smart Radius<\/strong>.<\/p>\n<p>Areas like hair and fur need a larger Radius to fit all those loose strands into the selection, while sharper, harder-edged areas like the edge of a shirt need a smaller Radius. Yet if I turn my Show Radius option back on for a moment (by pressing the letter <strong>J<\/strong> on my keyboard), we see that my Radius remains exactly the same width all around the selection, no matter what type of edge it encounters:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/selections\/cc\/2014\/focus-area-pt2\/radius-same-width.jpg\" alt=\"The width of the Radius remains constant around the selection. \" width=\"598\" height=\"520\" \/>\n<div class=\"image-desc\">The width of the Radius doesn't change even though the type of edge does.<\/div>\n<p>To fix that, I'll enable <strong>Smart Radius<\/strong> by clicking inside its checkbox directly above the slider:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/selections\/cc\/2014\/focus-area-pt2\/smart-radius.gif\" alt=\"Turning on Smart Radius in Refine Edge. \" width=\"376\" height=\"140\" \/>\n<div class=\"image-desc\">Turning on Smart Radius.<\/div>\n<p>With Smart Radius turned on, Photoshop is able to alter the width of the Radius to match the type of edge it encounters. Here, I've zoomed in on the area above the puppy's head so we can get a closer look. Notice that in  areas where the fur is longer, the width of the Radius remains larger, while in areas with shorter fur, the Radius is now tighter and more narrow. Once you've enabled Smart Radius, you'll usually want to re-adjust the Radius size with the main slider to see if you can get even better results (and of course you'll  want to do that with Show Radius turned off so you're seeing the image, not the Radius itself):<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/selections\/cc\/2014\/focus-area-pt2\/selection-smart-radius.jpg\" alt=\"The width of the Radius remains constant around the selection. \" width=\"595\" height=\"430\" \/>\n<div class=\"image-desc\">Smart Radius allows the Radius size to change depending on the type of edge.<\/div>\n<h3>The Refine Radius And Erase Refinements Tools<\/h3>\n<p>Sometimes, increasing the Radius size with the slider, and even turning on Smart Radius, won't be enough. In fact, it will rarely be enough. You'll still have areas that need further refinement, and that's why Photoshop lets us manually paint in additional areas of Radius using a brush known as the <strong>Refine Radius Tool<\/strong>. It's already selected for us by default, but you can also get to it by clicking on its icon on the left of the dialog box:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/selections\/cc\/2014\/focus-area-pt2\/refine-radius-tool.gif\" alt=\"Selecting the Refine Radius Tool in the Refine Edge dialog box. \" width=\"386\" height=\"139\" \/>\n<div class=\"image-desc\">Selecting the Refine Radius Tool.<\/div>\n<p>Even though there's only one icon, there's actually two related brush tools that we can access from it. If you click and hold on the icon, both tools will appear in a fly-out menu. At the top is the Refine Radius Tool, and below it is the <strong>Erase Refinements Tool<\/strong> which lets us erase the Radius in areas where we don't need it. In general, though, the Refine Radius Tool is the one you'll use the most, so let's see how it works:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/selections\/cc\/2014\/focus-area-pt2\/refine-erase-tools.gif\" alt=\"The Refine Radius and Erase Refinements Tools in Refine Edge. \" width=\"264\" height=\"139\" \/>\n<div class=\"image-desc\">Click and hold on the icon to access both the Refine Radius and the Erase Refinements Tools.<\/div>\n<p>With the Refine Radius Tool selected, we simply brush over areas around the selection edge that still need work. Since it's a brush tool, we can change its size according to the size of the area we're painting over. One way to change the brush size is by dragging the slider for the <strong>Size<\/strong> option in the Options Bar:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/selections\/cc\/2014\/focus-area-pt2\/brush-size-options-bar.gif\" alt=\"Changing the brush size in the Options Bar. \" width=\"451\" height=\"119\" \/>\n<div class=\"image-desc\">Click on the small arrow to access the slider, then drag the slider to change the brush size.<\/div>\n<p>Another way is from the keyboard. Press the <strong>left bracket key<\/strong> ( <strong>[<\/strong> ) repeatedly to make the brush smaller, or the <strong>right bracket key <\/strong>( <strong>]<\/strong> ) to make it larger. Then, simply paint over an area where you need to clean up the edge. Here's an area along the top of the girl's hair that still looks a bit jagged and clumpy:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/selections\/cc\/2014\/focus-area-pt2\/hair-before-brush.jpg\" alt=\"An area of hair that still needs further refinement. \" width=\"593\" height=\"505\" \/>\n<div class=\"image-desc\">And area that  needs further refinement.<\/div>\n<p>I'll paint a single stroke over the area with the Refine Radius Tool, trying to get as many of the loose strands of hair as possible without going too far into the background:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/selections\/cc\/2014\/focus-area-pt2\/brush-refine-radius.jpg\" alt=\"Adding more areas of hair with the Refine Radius Tool. \" width=\"594\" height=\"477\" \/>\n<div class=\"image-desc\">Painting along the top of the hair.<\/div>\n<p>When I release my mouse button, Photoshop adds that area to the Radius, analyzes it for edges, and is able to add more of the hair to the selection while at the same time removing the unwanted background. It's powerful stuff:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/selections\/cc\/2014\/focus-area-pt2\/refine-radius-hair-added.jpg\" alt=\"More hair is added thanks to the Refine Radius Tool. \" width=\"594\" height=\"459\" \/>\n<div class=\"image-desc\">The Refine Radius Tool was able to clean up the edge nicely.<\/div>\n<p>Sometimes it may take a few passes with the Refine Radius Tool, or several smaller brush strokes rather than one continuous stroke, to clean up an area. Here's that same problem spot we saw before with the puppy's fur above the ear. The selection edge is still looking too soft and fuzzy:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/selections\/cc\/2014\/focus-area-pt2\/fur-before-radius-tool.jpg\" alt=\"Another selection edge that needs more work. \" width=\"593\" height=\"377\" \/>\n<div class=\"image-desc\">Another area that needs more work.<\/div>\n<p>This time, I'll try painting several smaller brush strokes, which lets Photoshop analyze the problem in smaller chunks. If you make what seems like a big mistake, Refine Edge gives us one level of undo. Simply press <strong>Ctrl+Z<\/strong> (Win) \/ <strong>Command+Z<\/strong> (Mac) to undo your last brush stroke, then continue on:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/selections\/cc\/2014\/focus-area-pt2\/smaller-strokes.jpg\" alt=\"Painting with small brush strokes over the fur. \" width=\"593\" height=\"329\" \/>\n<div class=\"image-desc\">Painting with small strokes over the fur.<\/div>\n<p>Another option if you (or Photoshop) make a mistake is to switch to the <strong>Erase Refinements Tool<\/strong>, which does the opposite of the Refine Radius Tool. Rather than expanding the Radius by painting more of it around a selection edge, the Erase Refinements Tool erases the Radius where you paint. It won't erase any parts of your initial selection (that is, the selection as it appeared before you opened it in Refine Edge). It will <strong>only erase the Radius itself<\/strong> that was added using either the Radius slider or the Refine Radius Tool.<\/p>\n<p>As we saw earlier, you can select  the Erase Refinements Tool by clicking and holding on the tool icon on the left of the dialog box and selecting it from the fly-out menu:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/selections\/cc\/2014\/focus-area-pt2\/erase-refinements-tool.gif\" alt=\"Choosing the Erase Refinements Tool in Refine Edge. \" width=\"266\" height=\"140\" \/>\n<div class=\"image-desc\">Clicking and holding on the tool icon, then choosing the Erase Refinements Tool.<\/div>\n<p>You can also switch between the two tools by pressing the letter <strong>E<\/strong> on your keyboard. But an even faster and better way to access the Erase Refinements Tool is to <em>temporarily<\/em> access it when you need it. With the Refine Radius Tool active, simply press and hold the <strong>Alt<\/strong> (Win) \/ <strong>Option<\/strong> (Mac) key on your keyboard to temporarily switch to the Erase Refinements Tool (you'll see the plus sign (+) in the brush cursor switch to a minus sign (-)), then paint over an area to erase the Radius in that spot. Release the Alt (Win) \/ Option (Mac) key to return to the Refine Radius Tool and continue on. The Erase Refinements Tool is especially helpful if you start noticing important areas of your initial selection that are becoming partially deselected. Simply paint over those areas with the Erase Refinements Tool to add them back to the selection.<\/p>\n<p>Here, after several small brush strokes with the Refine Radius Tool, is the much improved selection around the fur:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/selections\/cc\/2014\/focus-area-pt2\/fur-refine-radius.jpg\" alt=\"The fur is looking much better after using the Refine Radius Tool. \" width=\"594\" height=\"367\" \/>\n<div class=\"image-desc\">The fur is now looking much better.<\/div>\n<h3>Toggling The Preview On And Off<\/h3>\n<p>At any time, we can compare the work we're doing in Refine Edge with what our original selection edges looked like by turning on the <strong>Show Original<\/strong> option below Show Radius at the top of the dialog box. We can also toggle Show Original on and off by pressing the letter <strong>P<\/strong> on the keyboard:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/selections\/cc\/2014\/focus-area-pt2\/show-original.gif\" alt=\"The Show Original option in the Refine Edge dialog box. \" width=\"376\" height=\"155\" \/>\n<div class=\"image-desc\">Clicking inside the checkbox for Show Original.<\/div>\n<p>Unlike the Preview option in the Focus Area dialog box, turning on Show Original won't show us the original image. Instead, it shows us our original selection edges as they appeared before opening Refine Edge (<strong>Tip:<\/strong> If you <em>do<\/em> want to see your original image while working in Refine Edge, press the <strong>X<\/strong> key on your keyboard. Press X again to return to the Refine Edge view):<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/selections\/cc\/2014\/focus-area-pt2\/original-selection.jpg\" alt=\"The Show Original option in the Refine Edge dialog box. \" width=\"593\" height=\"359\" \/>\n<div class=\"image-desc\">Use Show Original to see how well you're doing compared with the original unrefined edge.<\/div>\n<h3>The Adjust Edge Options<\/h3>\n<p>Below Edge Detection are four <strong>Adjust Edge<\/strong> options which we can use for some additional fine-tuning, although these options are much more basic and lack the intelligence of the Edge Detection tools.  Dragging the <strong>Smooth<\/strong> slider will smooth out any remaining jagged edges, while the <strong>Feather<\/strong> slider will simply feather the selection, something you usually want to avoid.<\/p>\n<p>The third and fourth options are often more useful. Dragging the <strong>Contrast<\/strong> slider towards the right will tighten up the selection edges (sort of the opposite of the Feather slider), while <strong>Shift Edge<\/strong> will expand or contract the entire selection as a whole (a negative Shift Edge value will move the entire selection edge inward, while a positive value will expand it outward). Here's a close-up of the girl's shirt sleeve. Notice how the edge looks soft and not well-defined:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/selections\/cc\/2014\/focus-area-pt2\/shirt-sleeve-no-contrast.jpg\" alt=\"The shirt sleeve before increasing edge contrast. \" width=\"366\" height=\"544\" \/>\n<div class=\"image-desc\">The sleeve before increasing edge contrast.<\/div>\n<p>I'll drag the <strong>Contrast<\/strong> slider to around 20%:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/selections\/cc\/2014\/focus-area-pt2\/adjust-edge-contrast.gif\" alt=\"The Show Original option in the Refine Edge dialog box. \" width=\"376\" height=\"176\" \/>\n<div class=\"image-desc\">Raising the Contrast to 20%.<\/div>\n<p>By increasing the contrast, the edge now appears tighter and cleaner. I could also try to bring the edge in even further by dragging the Shift Edge slider a little towards the right:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/selections\/cc\/2014\/focus-area-pt2\/sleeve-contrast-20.jpg\" alt=\"The shirt sleeve after increasing edge contrast. \" width=\"352\" height=\"544\" \/>\n<div class=\"image-desc\">The shirt sleeve after increasing edge contrast.<\/div>\n<p>I'll continue making my way around the image to clean up any remaining problem areas. Here's my final result:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/selections\/cc\/2014\/focus-area-pt2\/refine-edge-selection.jpg\" alt=\"The final Refine Edge selection. \" width=\"640\" height=\"548\" \/>\n<div class=\"image-desc\">The selection is looking much better than it did with just the Focus Area tools.<\/div>\n<h3>Outputting The Final Selection<\/h3>\n<p>We've created our initial focus-based selection with  Focus Area and we've refined the edges with the Refine Edge tools. The <strong>Output<\/strong> section is where we decide how we want to output the final selection, and we can choose from several options, including a traditional selection outline, a layer mask, a new layer, and so on. Click the <strong>Output To<\/strong> box to view all the options:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/selections\/cc\/2014\/focus-area-pt2\/output-options.gif\" alt=\"Choosing an output type in Refine Edge. \" width=\"376\" height=\"212\" \/>\n<div class=\"image-desc\">The output options.<\/div>\n<p>Before I output my selection, though, there's one remaining option to look at first &mdash; <strong>Decontaminate Colors<\/strong>. If we look along the edge of the dog's fur in this area, we can see that it's looking a little greenish, not because the puppy is sick (hopefully not, at least) but because some of the green background is bleeding into the pixels right along the very edge of the selection:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/selections\/cc\/2014\/focus-area-pt2\/greenish-fur.jpg\" alt=\"Some green from the background is blending in with the selection. \" width=\"419\" height=\"542\" \/>\n<div class=\"image-desc\">Some green from the background is blending in with the fur.<\/div>\n<p>To fix problems like this, we can turn on  Decontaminate Colors  which will attempt to correct this color fringing by physically changing the color of the pixels around the outer edge. Once you've enabled Decontaminate Colors, you can adjust the <strong>Amount<\/strong> of correction by dragging the slider:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/selections\/cc\/2014\/focus-area-pt2\/decontaminate-colors.gif\" alt=\"Selecting the Decontaminate Colors option in Refine Edge. \" width=\"376\" height=\"143\" \/>\n<div class=\"image-desc\">Selecting Decontaminate Colors.<\/div>\n<p>After turning on Decontaminate Colors, the problem disappears and the green is removed:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/selections\/cc\/2014\/focus-area-pt2\/fur-decontaminate-colors.jpg\" alt=\"The color fringing is corrected. \" width=\"399\" height=\"542\" \/>\n<div class=\"image-desc\">The color fringing is corrected.<\/div>\n<p>There's several issues to be aware of before you decide to use the Decontaminate Colors option. First, as I mentioned, Photoshop physically changes the color of some of the pixels in your image, which means it's a <strong>destructive modification<\/strong> (the type of permanent edit we usually try to avoid). Second, it doesn't always work, or it may work well in one area but actually introduce new problems in another. And third, as soon as you select Decontaminate Colors, Photoshop limits your output options. It automatically selects <strong>New Layer with Layer Mask<\/strong> and prevents you from outputting to either a  standard selection outline or a layer mask. Notice that the top two options are now grayed out:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/selections\/cc\/2014\/focus-area-pt2\/output-options-grayed-out.gif\" alt=\"Selection and Layer Mask are no longer available as output options. \" width=\"376\" height=\"169\" \/>\n<div class=\"image-desc\">Selection and Layer Mask are no longer available as output options.<\/div>\n<p>For this tutorial, I just want to output my selection as a traditional &quot;marching ants&quot; selection outline, so to do that, I'll turn off the Decontaminate Colors option and choose <strong>Selection<\/strong> from the  menu:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/selections\/cc\/2014\/focus-area-pt2\/output-to-selection.gif\" alt=\"Outputting my final selection in Refine Edge. \" width=\"376\" height=\"140\" \/>\n<div class=\"image-desc\">Outputting my final selection as, well, a selection.<\/div>\n<p>I'll click <strong>OK<\/strong> at the very bottom of the Refine Edge dialog box to accept all of my settings and output the selection:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/selections\/cc\/2014\/focus-area-pt2\/ok.gif\" alt=\"The OK button in Refine Edge. \" width=\"378\" height=\"139\" \/>\n<div class=\"image-desc\">Clicking the OK button.<\/div>\n<p>The Refine Edge dialog box disappears and I'm once again back to seeing my original image, this time with a standard selection outline appearing around my subjects:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/selections\/cc\/2014\/focus-area-pt2\/selection-outline.jpg\" alt=\"The selection created with Focus Area and Refine Edge. \" width=\"638\" height=\"559\" \/>\n<div class=\"image-desc\">The selection created with Focus Area and Refine Edge.<\/div>\n<p>I mentioned back at the very beginning of part one that my ultimate goal was to leave my subjects in color while converting the background to black and white, so now that I have my focus-based selection, let's quickly finish off the effect. First, I'll click on the <strong>New Adjustment Layer<\/strong> icon at the bottom of the <strong>Layers panel<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/selections\/cc\/2014\/focus-area-pt2\/new-adjustment-layer-icon.gif\" alt=\"Clicking the New Adjustment Layer icon in the Layers panel. \" width=\"290\" height=\"276\" \/>\n<div class=\"image-desc\">Clicking the New Adjustment Layer icon.<\/div>\n<p>I'll choose a <strong>Hue\/Saturation<\/strong> adjustment layer from the list:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/selections\/cc\/2014\/focus-area-pt2\/select-hue-saturation.gif\" alt=\"Selecting a Hue\/Saturation adjustment layer. \" width=\"176\" height=\"115\" \/>\n<div class=\"image-desc\">Selecting Hue\/Saturation.<\/div>\n<p>The controls and options for the Hue\/Saturation adjustment layer appear in Photoshop's <strong>Properties panel<\/strong>. To remove the color, I'll simply lower the <strong>Saturation<\/strong> value all the way down to <strong>-100<\/strong> by dragging the slider to the far left:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/selections\/cc\/2014\/focus-area-pt2\/saturation-0.gif\" alt=\"Dragging the Saturation slider. \" width=\"309\" height=\"302\" \/>\n<div class=\"image-desc\">Dragging the Saturation slider to remove the color.<\/div>\n<p>The only problem is that I've ended up with the exact opposite of what I wanted. My subjects are now in black and white while the background remains in color, and that's because I had my subjects selected, not the background:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/selections\/cc\/2014\/focus-area-pt2\/subjects-bw.jpg\" alt=\"Desaturating the subject rather than the background. \" width=\"640\" height=\"430\" \/>\n<div class=\"image-desc\">The wrong part of the image was desaturated.<\/div>\n<p>To fix that, I'll switch from the Hue\/Saturation controls over to my <strong>layer mask<\/strong> by clicking the <strong>Masks icon<\/strong> at the top of the Properties panel:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/selections\/cc\/2014\/focus-area-pt2\/masks-icon.gif\" alt=\"Clicking the Masks icon in the Properties panel. \" width=\"299\" height=\"128\" \/>\n<div class=\"image-desc\">Clicking the Masks icon.<\/div>\n<p>In the layer mask options, I'll click the <strong>Invert<\/strong> button at the very bottom:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/selections\/cc\/2014\/focus-area-pt2\/mask-invert.gif\" alt=\"Clicking the Invert button in the mask options. \" width=\"299\" height=\"184\" \/>\n<div class=\"image-desc\">Clicking the Invert button.<\/div>\n<p>This inverts the <a href=\"\/basics\/layers\/layer-masks\/\">layer mask<\/a> so that the background is now affected by the Hue\/Saturation adjustment layer while my main subjects are protected, giving me the <a href=\"\/photo-effects\/selective-coloring\/\">selective coloring effect<\/a> I'm after:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/selections\/cc\/2014\/focus-area-pt2\/color-subject-bw-background.jpg\" alt=\"The final color subject, black and white background effect. \" width=\"640\" height=\"429\" \/>\n<div class=\"image-desc\">The final effect.<\/div>\n<p>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 <a href=\"\/basics\/selections\/cc\/2014\/focus-area\/\">part one of the tutorial<\/a>, 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.<\/p>\n<\/section>\n<style type=\"text\/css\">\n.ads-bottom { width:300px; padding-top:16px;padding-bottom:16px; }\n<\/style><div align=\"center\"><script async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-6601556224092982\"\n     crossorigin=\"anonymous\"><\/script>\n<!-- 300x250 page bottom responsive -->\n<ins class=\"adsbygoogle ads-bottom\"\n     style=\"display:block\"\n     data-ad-client=\"ca-pub-6601556224092982\"\n     data-ad-slot=\"2879809098\"\n     data-ad-format=\"rectangle\"\n\t data-full-width-responsive=\"true\"><\/ins>\n<script>\n(adsbygoogle = window.adsbygoogle || []).push({});\n<\/script><\/div>\n<aside>\n<h3>Where to go next...<\/h3>\n<p>And there we have it! That's our first look at how to make selections based on the depth of field in an image using the brand new Focus Area selection tool, as well as the not new but always impressive Refine Edge command, in Photoshop CC 2014! For more about Photoshop's selection tools, see our <a href=\"\/basics\/make-selections-photoshop\/\" title=\"Learn how to use the Photoshop selection tools\">How to make selections in Photoshop<\/a> series. Or visit our <a href=\"\/basics\/\">Photoshop Basics<\/a> section for more Photoshop topics!<\/p>\n<\/aside>\n<aside> <div class=\"members-ad\"><a href=\"\/print-ready-pdfs\/\">Get all of our Photoshop tutorials as PDFs!<\/a> Download them today!<\/div> <\/aside>\n\n","protected":false},"excerpt":{"rendered":"<p>In this second part of our tutorial on the new Focus Area selection tool in Photoshop CC 2014, learn how to improve and fine-tune your initial focus-based selections with Photoshop&#8217;s powerful Refine Edge command!<\/p>\n","protected":false},"author":1,"featured_media":16418,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[93],"tags":[],"class_list":["post-5732","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-93"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.4 (Yoast SEO v27.4) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Improving Focus Area Selections With Refine Edge (CC 2014)<\/title>\n<meta name=\"description\" content=\"Part 2 of our tutorial on the new Focus Area selection tool in Photoshop CC 2014. Learn how to improve and fine-tune Focus Area selections with Refine Edge!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.photoshopessentials.com\/newsite\/basics\/selections\/cc\/2014\/improving-focus-area-selections-refine-edge\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Improving Focus Area Selections With Refine Edge - Photoshop CC 2014\" \/>\n<meta property=\"og:description\" content=\"Part 2 of our tutorial on the new Focus Area selection tool in Photoshop CC 2014. Learn how to improve and fine-tune Focus Area selections with Refine Edge!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.photoshopessentials.com\/newsite\/basics\/selections\/cc\/2014\/improving-focus-area-selections-refine-edge\/\" \/>\n<meta property=\"og:site_name\" content=\"Photoshop Essentials\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/photoess\" \/>\n<meta property=\"article:published_time\" content=\"2014-07-20T18:54:29+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2019-04-13T14:45:27+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2014\/07\/photoshop-refine-focus-area-selections-tutorial.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"250\" \/>\n\t<meta property=\"og:image:height\" content=\"250\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Steve Patterson\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Steve Patterson\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"20 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/basics\\\/selections\\\/cc\\\/2014\\\/improving-focus-area-selections-refine-edge\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/basics\\\/selections\\\/cc\\\/2014\\\/improving-focus-area-selections-refine-edge\\\/\"},\"author\":{\"name\":\"Steve Patterson\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#\\\/schema\\\/person\\\/338424c7775908e1c0a190d02a6564f2\"},\"headline\":\"Improving Focus Area Selections With Refine Edge &#8211; Photoshop CC 2014\",\"datePublished\":\"2014-07-20T18:54:29+00:00\",\"dateModified\":\"2019-04-13T14:45:27+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/basics\\\/selections\\\/cc\\\/2014\\\/improving-focus-area-selections-refine-edge\\\/\"},\"wordCount\":4040,\"image\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/basics\\\/selections\\\/cc\\\/2014\\\/improving-focus-area-selections-refine-edge\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2014\\\/07\\\/photoshop-refine-focus-area-selections-tutorial.jpg\",\"articleSection\":[\"2014\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/basics\\\/selections\\\/cc\\\/2014\\\/improving-focus-area-selections-refine-edge\\\/\",\"url\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/basics\\\/selections\\\/cc\\\/2014\\\/improving-focus-area-selections-refine-edge\\\/\",\"name\":\"Improving Focus Area Selections With Refine Edge (CC 2014)\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/basics\\\/selections\\\/cc\\\/2014\\\/improving-focus-area-selections-refine-edge\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/basics\\\/selections\\\/cc\\\/2014\\\/improving-focus-area-selections-refine-edge\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2014\\\/07\\\/photoshop-refine-focus-area-selections-tutorial.jpg\",\"datePublished\":\"2014-07-20T18:54:29+00:00\",\"dateModified\":\"2019-04-13T14:45:27+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#\\\/schema\\\/person\\\/338424c7775908e1c0a190d02a6564f2\"},\"description\":\"Part 2 of our tutorial on the new Focus Area selection tool in Photoshop CC 2014. Learn how to improve and fine-tune Focus Area selections with Refine Edge!\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/basics\\\/selections\\\/cc\\\/2014\\\/improving-focus-area-selections-refine-edge\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/basics\\\/selections\\\/cc\\\/2014\\\/improving-focus-area-selections-refine-edge\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/basics\\\/selections\\\/cc\\\/2014\\\/improving-focus-area-selections-refine-edge\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2014\\\/07\\\/photoshop-refine-focus-area-selections-tutorial.jpg\",\"contentUrl\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2014\\\/07\\\/photoshop-refine-focus-area-selections-tutorial.jpg\",\"width\":250,\"height\":250,\"caption\":\"Improving Focus Area Selections With Refine Edge\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/basics\\\/selections\\\/cc\\\/2014\\\/improving-focus-area-selections-refine-edge\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Photoshop Basics\",\"item\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/basics\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Photoshop Selection Tools\",\"item\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/basics\\\/selections\\\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"CC\",\"item\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/basics\\\/selections\\\/cc\\\/\"},{\"@type\":\"ListItem\",\"position\":5,\"name\":\"2014\",\"item\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/basics\\\/selections\\\/cc\\\/2014\\\/\"},{\"@type\":\"ListItem\",\"position\":6,\"name\":\"Focus Area Pt 2 - Refine Edge\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#website\",\"url\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/\",\"name\":\"Photoshop Essentials\",\"description\":\"Where everyone can learn Photoshop!\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#\\\/schema\\\/person\\\/338424c7775908e1c0a190d02a6564f2\",\"name\":\"Steve Patterson\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/c05e0a155b18857f3546fca45eecd1d28c2e7d51953f67b40ea76ac49c3cfcc0?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/c05e0a155b18857f3546fca45eecd1d28c2e7d51953f67b40ea76ac49c3cfcc0?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/c05e0a155b18857f3546fca45eecd1d28c2e7d51953f67b40ea76ac49c3cfcc0?s=96&d=mm&r=g\",\"caption\":\"Steve Patterson\"},\"sameAs\":[\"http:\\\/\\\/www.photoshopessentials.com\\\/\"]}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Improving Focus Area Selections With Refine Edge (CC 2014)","description":"Part 2 of our tutorial on the new Focus Area selection tool in Photoshop CC 2014. Learn how to improve and fine-tune Focus Area selections with Refine Edge!","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.photoshopessentials.com\/newsite\/basics\/selections\/cc\/2014\/improving-focus-area-selections-refine-edge\/","og_locale":"en_US","og_type":"article","og_title":"Improving Focus Area Selections With Refine Edge - Photoshop CC 2014","og_description":"Part 2 of our tutorial on the new Focus Area selection tool in Photoshop CC 2014. Learn how to improve and fine-tune Focus Area selections with Refine Edge!","og_url":"https:\/\/www.photoshopessentials.com\/newsite\/basics\/selections\/cc\/2014\/improving-focus-area-selections-refine-edge\/","og_site_name":"Photoshop Essentials","article_publisher":"https:\/\/www.facebook.com\/photoess","article_published_time":"2014-07-20T18:54:29+00:00","article_modified_time":"2019-04-13T14:45:27+00:00","og_image":[{"width":250,"height":250,"url":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2014\/07\/photoshop-refine-focus-area-selections-tutorial.jpg","type":"image\/jpeg"}],"author":"Steve Patterson","twitter_misc":{"Written by":"Steve Patterson","Est. reading time":"20 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.photoshopessentials.com\/newsite\/basics\/selections\/cc\/2014\/improving-focus-area-selections-refine-edge\/#article","isPartOf":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/basics\/selections\/cc\/2014\/improving-focus-area-selections-refine-edge\/"},"author":{"name":"Steve Patterson","@id":"https:\/\/www.photoshopessentials.com\/newsite\/#\/schema\/person\/338424c7775908e1c0a190d02a6564f2"},"headline":"Improving Focus Area Selections With Refine Edge &#8211; Photoshop CC 2014","datePublished":"2014-07-20T18:54:29+00:00","dateModified":"2019-04-13T14:45:27+00:00","mainEntityOfPage":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/basics\/selections\/cc\/2014\/improving-focus-area-selections-refine-edge\/"},"wordCount":4040,"image":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/basics\/selections\/cc\/2014\/improving-focus-area-selections-refine-edge\/#primaryimage"},"thumbnailUrl":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2014\/07\/photoshop-refine-focus-area-selections-tutorial.jpg","articleSection":["2014"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.photoshopessentials.com\/newsite\/basics\/selections\/cc\/2014\/improving-focus-area-selections-refine-edge\/","url":"https:\/\/www.photoshopessentials.com\/newsite\/basics\/selections\/cc\/2014\/improving-focus-area-selections-refine-edge\/","name":"Improving Focus Area Selections With Refine Edge (CC 2014)","isPartOf":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/basics\/selections\/cc\/2014\/improving-focus-area-selections-refine-edge\/#primaryimage"},"image":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/basics\/selections\/cc\/2014\/improving-focus-area-selections-refine-edge\/#primaryimage"},"thumbnailUrl":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2014\/07\/photoshop-refine-focus-area-selections-tutorial.jpg","datePublished":"2014-07-20T18:54:29+00:00","dateModified":"2019-04-13T14:45:27+00:00","author":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/#\/schema\/person\/338424c7775908e1c0a190d02a6564f2"},"description":"Part 2 of our tutorial on the new Focus Area selection tool in Photoshop CC 2014. Learn how to improve and fine-tune Focus Area selections with Refine Edge!","breadcrumb":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/basics\/selections\/cc\/2014\/improving-focus-area-selections-refine-edge\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.photoshopessentials.com\/newsite\/basics\/selections\/cc\/2014\/improving-focus-area-selections-refine-edge\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.photoshopessentials.com\/newsite\/basics\/selections\/cc\/2014\/improving-focus-area-selections-refine-edge\/#primaryimage","url":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2014\/07\/photoshop-refine-focus-area-selections-tutorial.jpg","contentUrl":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2014\/07\/photoshop-refine-focus-area-selections-tutorial.jpg","width":250,"height":250,"caption":"Improving Focus Area Selections With Refine Edge"},{"@type":"BreadcrumbList","@id":"https:\/\/www.photoshopessentials.com\/newsite\/basics\/selections\/cc\/2014\/improving-focus-area-selections-refine-edge\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.photoshopessentials.com\/newsite\/"},{"@type":"ListItem","position":2,"name":"Photoshop Basics","item":"https:\/\/www.photoshopessentials.com\/newsite\/basics\/"},{"@type":"ListItem","position":3,"name":"Photoshop Selection Tools","item":"https:\/\/www.photoshopessentials.com\/newsite\/basics\/selections\/"},{"@type":"ListItem","position":4,"name":"CC","item":"https:\/\/www.photoshopessentials.com\/newsite\/basics\/selections\/cc\/"},{"@type":"ListItem","position":5,"name":"2014","item":"https:\/\/www.photoshopessentials.com\/newsite\/basics\/selections\/cc\/2014\/"},{"@type":"ListItem","position":6,"name":"Focus Area Pt 2 - Refine Edge"}]},{"@type":"WebSite","@id":"https:\/\/www.photoshopessentials.com\/newsite\/#website","url":"https:\/\/www.photoshopessentials.com\/newsite\/","name":"Photoshop Essentials","description":"Where everyone can learn Photoshop!","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.photoshopessentials.com\/newsite\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.photoshopessentials.com\/newsite\/#\/schema\/person\/338424c7775908e1c0a190d02a6564f2","name":"Steve Patterson","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/c05e0a155b18857f3546fca45eecd1d28c2e7d51953f67b40ea76ac49c3cfcc0?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/c05e0a155b18857f3546fca45eecd1d28c2e7d51953f67b40ea76ac49c3cfcc0?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/c05e0a155b18857f3546fca45eecd1d28c2e7d51953f67b40ea76ac49c3cfcc0?s=96&d=mm&r=g","caption":"Steve Patterson"},"sameAs":["http:\/\/www.photoshopessentials.com\/"]}]}},"_links":{"self":[{"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/posts\/5732","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/comments?post=5732"}],"version-history":[{"count":44,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/posts\/5732\/revisions"}],"predecessor-version":[{"id":27115,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/posts\/5732\/revisions\/27115"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/media\/16418"}],"wp:attachment":[{"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/media?parent=5732"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/categories?post=5732"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/tags?post=5732"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}