{"id":58687,"date":"2024-01-26T09:41:25","date_gmt":"2024-01-26T17:41:25","guid":{"rendered":"https:\/\/photoshopcafe.com\/?p=58687"},"modified":"2024-01-29T15:28:53","modified_gmt":"2024-01-29T23:28:53","slug":"how-to-use-select-and-mask-in-photoshop-refine-edges-on-every-cutout","status":"publish","type":"post","link":"https:\/\/photoshopcafe.com\/how-to-use-select-and-mask-in-photoshop-refine-edges-on-every-cutout\/","title":{"rendered":"How to use Select and Mask in Photoshop. Refine edges on every cutout"},"content":{"rendered":"

Free Photoshop tutorial. Ultimate guide to select and mask in Photoshop part 1 Hair and Fur<\/h1>\n

When you make selections to cut out images, often you will have problems with the edges. You’ll see halos, jaggies, blockies, smudgies and other problems. (I just coined the phrases Smudgies and blockies, you’ll know them when you see them.) Photoshop contains a number of tools to address these edge problems. Many people aren’t using all these tools because they often don’t know what each tool does. That’s my goal here, to explain these tools and demonstrate when to use them. I wanted to make a comprehensive walk-through of every feature in Select and Mask and how it works. Here is Part 1 of this tutorial, dealing with soft edges like hair and fur.\u00a0 Part 2 is here<\/a><\/p>\n

Select and Mask Ultimate Guide, Part 2 – Global Refinements and Smooth edges<\/a><\/h4>\n

This tutorial is made in Photoshop 2024. It will work with Photoshop CC and newer.<\/p>\n

We will be using all the options in the next 2 tutorials. Be aware that you don’t have to use all the tools on every selection, I just want to explain each so you know what to do when you encounter jaggies, blockies, smudgies and other problems on the edges.<\/p>\n

We need to start by making a selection.<\/p>\n

\"\"<\/p>\n

I have created many tutorials and even a course on making selections. I’ll list just a few here. You can search or browse for many more here at PhotoshopCAFE<\/p>\n

Using the Pen Tool<\/a><\/p>\n

3 Ways to fix edges on cutouts<\/a><\/p>\n

3 ways to cut out anything in Photoshop<\/a><\/p>\n

For this tutorial, we will use the fastest way to get a decent initial selection.<\/p>\n

Choose the Object selection tool<\/p>\n

\"\"<\/p>\n

Under the dropdown at Select subject, you’ll see two options<\/p>\n

Device:<\/strong> Processes on your computer and is the fastest option, doesn’t require internet connection.<\/p>\n

Cloud:<\/strong> Uploads to Adobe server farm and takes advantange of massive computational power. Rwequires active internet connection and takes longer.<\/p>\n

choose Cloud.<\/p>\n

Click Select Subject (This uses Adobe Sensei ai to make the selection. Different ai than Firefly which powers Generative ai)<\/p>\n

Sensei does not use up generative credits.<\/p>\n

\"\"<\/p>\n

The selection will be made.<\/p>\n

Note: You can use any selection method you like to get to this point of the pipeline, we just used Select and Mask because it’s fast.
\nI’m using a simple background for this image. It’s not because the Photoshop tools are bad, or I’m not able to work on difficult images, we are doing a simple one, to make the learning uncluttered and easy to follow. I have other tutorials on making challenging selections<\/a> if that is the task you are facing right now.<\/p>\n

Choose Select and Mask<\/p>\n

\"\"<\/p>\n

We are now in the Select and Mask Workspace\u00a0 and this tutorial will mainly focus on the suite of tools available here.<\/p>\n

Notice we have a Quick selection tool at the top of the toolbar on the left. We also have select subject available here. Some people prefer to open the image in Select and Mask and then make the selections.
\nI prefer to make the selections first (like we did here).\u00a0 I have 2 reasons. 1. It’s faster, Photoshop lags when making selections in Select and Mask. 2. I like to have all the Photoshop tools available for making my initial selection.<\/p>\n

\"\"<\/p>\n

If you don’t see the cutout, adjust the Transparency slider in the view mode, if you are in Onion Skin view.<\/p>\n

Viewing the Mask in Select and Mask<\/h2>\n

\"\"<\/p>\n

In the view, there are lots of ways to view the edges.<\/p>\n

The main ones I use are:\u00a0 Onion skin\u00a0 (O key) This lets you adjust the transparency of the background as a guide<\/p>\n

\"\"<\/p>\n

On White (T key) So you can see the dark edges on light areas<\/p>\n

\"\"<\/p>\n

On Black (A key) So you can see the light edges on dark backgrounds<\/p>\n

\"\"<\/p>\n

Black and White (K key) this is the same as viewing the mask or an alpha channel. It lets you easily see problems on the mask.<\/p>\n

\"\"<\/p>\n

There are 2 options in refine mode. Each uses a different algorithm.<\/p>\n

Color aware is usually best for simple backgrounds. Object aware is usually best for complex backgrounds.<\/p>\n

\"\"<\/p>\n

How does Edge Detection Work?<\/h2>\n

Turn on Show Edge to see how the tool works. (I don’t often turn this on when working, only if I need to visualize something).<\/p>\n

\"\"<\/p>\n

Move the radius slider so that we have an edge to look at.<\/p>\n

The areas inside the edge are kept and the are outside the edge will be hidden.<\/p>\n

\"\"<\/p>\n

Here I increased the size of the edge to 82, so you can see what’s happening.<\/p>\n

The edge is the transition area, or the area where Photoshop decides what belongs to the subject and what should be background.<\/p>\n

A thin edge will produce a smoother selection, a wider edge is good for soft areas like hair, fur, smoke etc, because it’s wide enough to cover the transition areas.<\/p>\n

\"\"<\/p>\n

What do we do when there is a combination of smooth and soft edges, like a person? One sized edge won’t work for all.<\/p>\n

This is what the Refine tool does<\/p>\n

\"\"<\/p>\n

Change the edge radius to 1, or 0.<\/p>\n

Paint around the hair wit the refine tool. Make sure to paint on the middle and include the edges of the both subject and background. Make sure you cover all the edges of the hair.<\/p>\n

\"\"<\/p>\n

If we turn on Show Edges, you can see what happened.<\/p>\n

Notice the edges are thin (I set radius to 1). But now we have a wider edge around the hair because we painted it with the refine brush.<\/p>\n

The algorithm in Photoshop will try and mask the hair in this edge.<\/p>\n

\"\"<\/p>\n

There is a faster way to do this step.<\/p>\n

If you click the Refine Hair button, notice Photoshop will add a wider edge around the hair for you. You may still have to touch it up with the refine brush, but this gives you a head start.<\/p>\n

\"\"<\/p>\n

If you zoom in on the smooth parts like the arms, notice the edge isn’t very good.<\/p>\n

We can fix this using Global Refinement tools.<\/p>\n

\"\"<\/p>\n

However, if you use global refinements tools when you have hair, it messes with the edges.<\/p>\n

\"\"<\/p>\n

see how even moving 1 slider gives us helmet hair.<\/p>\n

Don’t make any global refinements yet, I’ll show you how to handle that.<\/p>\n

\"\"<\/p>\n

Under Output, choose New Layer with Layer Mask.<\/p>\n

Click ok<\/p>\n

\"\"<\/p>\n

Name this new layer “Soft”.<\/p>\n

BTW, this selection is good enough for many low resolution purposes like social media and online use where people aren’t zooming in close to the image.<\/p>\n

\"\"<\/p>\n

Combining soft and smooth edges<\/h3>\n

Let’s look at how to refine the smooth edges like the arms without messing up the hair selection.<\/p>\n

Hide “soft” layer<\/p>\n

Choose the bottom layer<\/p>\n

\"\"<\/p>\n

Once again choose Select subject and click on Select and mask, like we did at the beginning.<\/p>\n

We are viewing on black i view.<\/p>\n

See the edge is uneven and rough.<\/p>\n

\"\"<\/p>\n

If we move smooth, it will reduce the ridges and valleys.
\n(We jumpdeeper into Global refinements in part 2 of this tutorial ).<\/p>\n

\"\"<\/p>\n

The edge is blurry.<\/p>\n

Use Contrast to sharpen the edge.<\/p>\n

\"\"<\/p>\n

If the edge looks too sharp and jaggy, add a small amount of feather. (These tools will all be explained properly in part 2)<\/p>\n

\"\"<\/p>\n

Now we have made the smooth edges look better. Don’t even worry about what the hair edges look like in this pass.<\/p>\n

Choose new layer with layer mask.<\/p>\n

Click ok<\/p>\n

\"\"<\/p>\n

Name the new Layer Hard<\/p>\n

Now we have 2 layers<\/p>\n

All we need to do now is mix the best of each. This has a challenge because we want to use the existing masks because they contain the selections.<\/p>\n

We could apply the masks, but that would be destructive, here is a better way…<\/p>\n

\"\"<\/p>\n

Choose the soft Layer and Press Ctrl\/Cmd+G to put it in a group.<\/p>\n

\"\"<\/p>\n

We can now add a layer mask to the group. Brilliant!\u00a0 Now we can mask the layer without ruining the cutout mask we worked so hard to make.<\/p>\n

\"\"<\/p>\n

Choose the brush tool (B)<\/p>\n

Choose Black as the foreground color. (Black hides pixels when applied to a mask – White reveals pixels).<\/p>\n

\"\"<\/p>\n

Click on the on the hair layer group mask “soft”. as shown below.<\/p>\n

paint away the edge of the arm<\/p>\n

\"\"<\/p>\n

Now we want to add the edge of the arm from the hard layer.<\/p>\n

Click on the Hard layer and press Ctrl\/Cmd+G to make a group.<\/p>\n

\"\"<\/p>\n

When you add the mask to the new group, hold down the alt\/Option key. This will make a black mask.<\/p>\n

The black mask hides everything on the layer<\/p>\n

\"\"<\/p>\n

Choose white as the foreground color. White will show the areas we paint on<\/p>\n

\"\"<\/p>\n

Paint on the arm to show the better edge from the hard layer<\/p>\n

\"\"<\/p>\n

We have now combined the 2 different refinements.<\/p>\n

\"\"<\/p>\n

Decontaminate colors<\/h2>\n

Decontaminate colors is a good way to blend in colored edges.<\/p>\n

Make a selection around the lion. I used the select subject again.<\/p>\n

\"\"<\/p>\n

Click select and mask<\/p>\n

See the bad edges<\/p>\n

\"\"<\/p>\n

Choose Refine Hair.<\/p>\n

If you don’t see it, click on the refine brush.<\/p>\n

\"\"<\/p>\n

Its a good start, but there are black edges.<\/p>\n

\"\"<\/p>\n

Click Decontaminate colors and it takes the surrounding colors and adds them to the edges.<\/p>\n

\"\"<\/p>\n

If it’s too strong, change the amount to suit your tastes.<\/p>\n

\"\"<\/p>\n

I hope you found this tutorial useful!<\/p>\n

Continue to part 2<\/a><\/p>\n

Part 2 on smooth edges and the Global Refinements in depth, is here<\/a><\/h3>\n

Here is my course on Photoshop Selection Secrets<\/a><\/p>\n

Thanks<\/p>\n

Colin<\/p>\n

If you found this useful, please tell your friends about photoshopCAFE and follow me on social media for Photoshop tips and inspiration.<\/p>\n

 <\/p>\n

 <\/p>\n

 <\/p>\n

\r\n\r\nPS Don\u2019t forget to follow us on Social Media for more tips..<\/strong>\r\n