All Articles Photoshop
Photoshop: Cute Animal Selection Nightmares Solved
Martin Perhiniak on Mon, January 28th 2 comments
You love Photoshop. You love cute animals. How can you avoid selection nightmares when the two are together?

Have you ever had nightmares of complicated selections in Photoshop? Strangely enough selecting cute and fluffy animals can be one of the most difficult tasks. Today we are going to have a look at a complex and advanced selection workflow. We will have to use a lot of selection tools and techniques to get this cute guinea pig masked out from its background:

Cute fluffy animal.


This will be our final selection:

The final selection.


Step 1 - Define the edges with Color Range

First of all, we have to make a rough selection around the animal with the Lasso Tool. We have to make sure we have all the details captured inside the selection. Now choose Select > Save Selection and call it guinea pig.

Rough selection.


We can now choose Select > Color Range. First choose Black Matte for the Selection Preview and Selection below the preview in the dialog box. Click on the visible part of the background a couple of times holding down the Shift key to expand the range of colors selected. Once the whole background is visible (white in the dialog box preview) we can set the Fuzziness to reduce the selected details from the animal’s head:

Fuzziness.


Step 2 - Refine the Color Range selection

We can accept the Color Range selection now and save it as a Layer Mask by clicking on the Mask icon at the bottom of the Layers panel. To check our mask we can Alt/Option click on the mask thumbnail.

Option-click the mask thumbnail.


Now we can see if there are any unnecessary masked areas. Every black details should be removed from the animal’s head. The easiest way to do this is to use the brush and draw over these parts with a white color.

Use the brush and draw over the black parts.


Step 3 - Mask out edges

We can choose Selection > Load Selection and choose the one called guinea pig, which is the same selection we did in the first step around the guinea pig:

Use the lasso tool again.


We need to invert this selection (Select > Invert) and fill it in with black on the layer mask to hide it. This is how the layer should look like:

The layer mask so far.


Step 4 - Refine Mask

We can now refine the edges of our mask further using the Mask Edge option from the Properties panel (in Photoshop CS6) or the Masks panel (earlier Photoshop versions):

Properties (PS6) or Masks (earlier versions) panel.


We should definitely use Smart Radius with a higher Radius value and Decontaminate Colors option:

Smart Radius with a higher Radius value and Decontaminate Colors option.


This step improved our selection a lot around the edges, but the bottom part is still very poor. We will have to do something with this part to the match the quality to the upper edges.


Step 5 - Create a Custom Brush

The most efficient way in these cases is to create a custom brush for masking the complicated edges. We will create a fur brush and use that to create a nice and fluffy edge on the bottom.

First of all we need a new document created with around 300x300 pixels and a white background. Let’s use the Brush tool and put down some random black spots. When ready, we can select the whole document (Command/Control-A) and choose Edit > Define Custom Brush option. We will get a dialog box where we can give this Custom Brush a name. Once ready with it just press Enter.

Brush name.


Step 6 - Setting up the Custom Brush

Even though we created the Custom Brush, it’s not ready to use for masking yet. We have to open the Brush panel and customize the settings. First of all, set the Spacing to 1% under the Brush Tip Shape settings. Next, turn on Shape Dynamics and choose Pen Pressure to control the Size (this only works with digital tablets, so you can skip this if you are working with a mouse). Now increase the Minimum Diameter to somewhere around 50%. Last but not least, you can also turn on Transfer and set the Control on the top of its Settings tab also to Pen Pressure (once again this only applies to tablet users).

Brush panel settings.


Now that all the settings are in place we just need to set the foreground color to white and try out our brush on a separate layer. If it looks similar to mine, you can go to the top left of the Options bar and click on the New Tool Preset button (where the cursor is on the image above). You can call this Fur Brush and use it every time you need to make similar selections of furry or hairy edges.


Step 7 - Using the Custom Brush

You can create a Duplicate layer, if you want to compare before and after results, or you can just simply select the mask of the topmost layer and start using the Brush tool with the Fur Brush and black as the Foreground color. With this draw, several strokes along the bottom edge, always drawing inwards creating the foundation to the selection:

Use the custom brush.


Once you went trough with this technique all along the bottom edge, you can repeat the same procedure but this time drawing strokes from inside out and using white color. You can use smaller brush size and even reduced opacity to make even softer fur detail.

Drawing white strokes from inside out.


Step 8 - Adding whiskers

The only missing details from the original image are the whiskers. For these we again have to be smart and come up with a special selection (or more like drawing) technique. First of all, set up a normal round brush to 3px size and pick a color from the original whiskers. Then use the Pen tool and draw a path along one of the original whiskers (to see them you can temporarily turn off the mask by Shift-clicking on it). Create a New layer and still with the Pen tool selected right-click on the image and choose Stroke Path.

Stroke Path.


From the following dialog box, choose Brush and Simulate Pressure. This will only work if you previously had the Shape Dynamics turned to Pen Pressure for the Brush tool (this works even without a tablet).

Brush and Simulate Pressure.


You should repeat the same technique for all the other whiskers and if you have done everything accordingly you should have something like this:

The final image.


I hope you enjoyed this tutorial and well done for your hard work :)

Related Videos
Comments (2)

You must be logged in to comment.

  • clipping path
    Graphic Design tutorial is very essential in graphic related people. Last few days I am finding good article about Graphic Design online but unfortunately I have no much idea all about graphic when I see your post I read fist to last full article really very optimize and helpful resource optimize, I also happy because next time I am coming your site, there are more article your site about graphic tutorial. Carry on really Good Graphic Tutorial Blog :) Great Work :)
    • 5 years ago
    • By: clipping path
    Reply
  • Kate Pitterson
    I'm not able to make a brush like yours even I'm following you. I've seen a warning sign Pen Pressure. Could you, please tell me something about it?
    • 3 years ago
    • By: Kate Pitterson
    Reply
Ozone 9 Mastering Toolbox
Ozone 9 101
Dream It. Do It.
Do you want to learn Ozone 9 Mastering Toolbox?
Yes, I want to learn!
No Thanks, I just want to read the article.
Feedback
Course Advisor
Don't Know Where To Start?
Ask A Course Advisor
Ask Us!
Copy the link below and paste it into an email, forum, or Facebook to share this with your friends.
Make money when you share our links
Become a macProVideo.com Affiliate!
The current affiliate rate is: 50%
Classes Start Next Week!
Live 8-week Online Certification Classes for: