SEARCH

How-To Geek

50+ Tools & Techniques to Remove Image Backgrounds in Photoshop, pt 3

sshot-191

We’re completing the 50+ Tools and Techniques today with this final installment. Read about advanced selection and masking tools, as well as some stupid graphics geek tricks, and ways to fake removing a background in seconds.

Whether you’re skilled at Photoshop or a beginner, you’ll be sure to find something to add to your bag of tricks here. Besides descriptions of some of the less-than obvious PS tools, we dispel some common questions about Fill vs Opacity, and Blending Modes like Multiply and Screen. Keep reading!

Reviewing the Background Removal Basics

Have you read the first two parts of the 50+ Tools and Techniques? If not, they’re still available, and they provide a good overview of the basics you’ll need to use these more advanced tools and tips for removing backgrounds.

If you’ve caught up with these but still need some brushing up, you can check out a HTG Guide to Layer Masks and Vector Masks, which will come in handy with these tips on advanced maskmaking.

Finally, if you feel confident in your Photoshop knowledge, dive on in!

Tools, Tips for Advanced Masking

sshot-201 sshot-203

Masks Panel: (Window > Masks)

The Masks Panel is a sort of nexus in Photoshop for creating and refining your existing Layer Masks. If you don’t have the Masks Panel visible in Photoshop, you can always grab it by going to Window > Masks.

sshot-202sshot-204

Density increases or reduces the transparency of the mask, allowing more or less of your masked areas to appear or disappear. Feather (shown above) softens the edges of your mask automatically. When done through the mask panel, this feathering is dynamic, and always reversible.

sshot-207

The Masks Panel also works with Vector Masks, but unfortunately, it only allows for adjustment of the density and feathering options.

sshot-192sshot-193

Refine Mask: Shortcut Key (Alt + Ctrl + R)

Combined with a rough selection (for instance, the Magic Wand or Quick Selection tools), Refine Selection gives you options to automatically refine that existing mask. You can find it under Select > Refine Mask when you’re working with a Mask, or you can simply use the “Refine” button on the Masks Panel.

sshot-193

The “Smart Radius” is where all the action is here. You can adjust your mask with Photoshop’s built in edge detect, which can very carefully mask difficult image data, like hair.

sshot-206sshot-205

FYI, readers, when you’re working with a selection and not a mask, the menu item become “Refine Edge,” and not “Refine Mask.” Both tools are functionally identical and used in slightly different situations.

sshot-208sshot-209

Group Mask:

Layer Masks are not limited to single layers. Photoshop has the ability to clump multiple layers into a single “folder” of layers called a Layer Group. Select multiple layers by Shift + clicking with your mouse, and press Ctrl + G to group them. You can apply a mask directly to the group of layers as usual, with the Group Mask hiding the image information not already masked away in the layers inside the group.


Tools, Tips for Making Advanced Selections

sshot-196sshot-194

Select Range (Select > Select Range)

By using your eyedropper tool (shortcut key: I) choose a color from your image, then navigate to Select > Color Range. The color range tool will load a selection of that color, which you can control with the slider tool, shown above right. You may find that Photoshop thinks that the color you’re using is similar to colors you don’t see as all that similar, but Color Range is quite handy for loading selections and creating masks, nonetheless.

sshot-198sshot-200

Select Range also has the option of grabbing the primary colors in your image, or the highlights, midtones, and shadows, if you’re interested in that sort of thing. Handy if you want to mask off or adjust certain parts of your image.

sshot-225sshot-226

Select Similar: (Select > Select Similar)

Select Similar works like Select Range, except without the fine-tuned control of the slider. Simply create a selection with the marquee or lasso tool, and Photoshop will attempt to select all the areas it sees as “Similar.”

sshot-229sshot-230

Grow Selection: (Select > Grow)

Unlike most of the other tools in this series of How-tos, Select > Grow is not recommended by the author under any plausible real world scenario, as it is somewhat unpredictable and gives results that aren’t useful. Consider the “tip” here to ignore this tool, should you come across it. There are many other tools that accomplish the same things in more useful and controlled ways.

sshot-228sshot-227

Load Selection: Shortcut Key (Ctrl + Click on Layer, Channel)

Load Selection is one of the great indispensible tools of Photoshop. You can hold Ctrl and then click any layer (or channel) to load the non-transparent pixels, or you can navigate to Select > Load Selection to get a handy dialog box with lots of helpful options.

sshot-235sshot-234

Load Path As Selection:

As we’ve already covered drawing paths, all vector shapes can be loaded as selections to be cut, copied, pasted, and used as masks, as well as being made directly into Vector Masks.

sshot-236sshot-238

Load Selection from RGB or CMYK Channels:

One of the most “Graphics Geek” ways possible to load a selection. It is actually possible to use the channel data that makes up your image to load a selection. Not sure how image channels work? How-To Geek has already wrote about what image channels mean, and also an elegant way to use image channels to remove backgrounds.

 


Great Ways to Fake Removed Backgrounds

sshot-211sshot-210

Reduce Opacity:

Opacity refers to how non-transparent (see-through) any particular layer is. By reducing the Opacity, layers located below it in the panel will show through in a semi-visible manner. You may notice a second “Opacity” slider below, called “Fill” and wondered what the difference was. Here’s the answer.

 

sshot-213 sshot-215
sshot-214 sshot-216

Reduce Fill:

Fill affects the alpha channel of the opaque pixels in a layer—if you’re using layer effects on said layer, they are not affected. For a clearer demonstration of this, look at the example on the right, with the layer effects (Stroke and Gradient Overlay) blending into the background as the “Opacity” is set to 50%. The example on the right reduces the appearance of the geek logo without reducing the appearance of the gradient and stroke.

sshot-219 sshot-217

Set Blending Mode to “Multiply”

Have you ever printed on an inkjet transparency? This is sort of how the “Multiply” blending mode works. All white is reduced to clear, transparent white, with colors become more opaque, the darker they appear.

sshot-220sshot-221

An old geek trick is to use this method and combine it with a white underpainting done with the brush tool in a separate layer. You’d be surprised how easy this is to do, and how quick you can get good results!

sshot-224 sshot-222

Set Blending Mode to “Screen”

Screen can be thought of as the opposite of Multiply. The lighter the color of a layer, the more opaque it appears. The darkest colors appear transparent in this mode.


Stupid Geek Tricks for Creating Masks, Removing Backgrounds

sshot-240sshot-241

Layer Mask + Gradient:

Creates a cool looking blending transparency out of any masked layer. Simply create a mask and use the Gradient Tool (Shortcut Key: G) with black blending to white.

sshot-243sshot-242

Layer Mask + Fill Pattern

Creates transparency out of whatever weird pattern you might have created or loaded from an internet download. Clearly illustrates that masks don’t have to simply be cut out areas of black and white. Simply create a mask, then navigate to Edit > Fill and set “Use” to “Pattern.”

sshot-244sshot-245

Layer Mask + Filters

Another non-obvious use of layer masks, many filters can be used to mask out areas of a layer. In the illustrated example, we’ve used Filters > Render > Clouds.


Have questions or comments concerning Graphics, Photos, Filetypes, or Photoshop? Send your questions to ericgoodnight@howtogeek.com, and they may be featured in a future How-To Geek Graphics article.

Image Credits: Florida Box Turtle by Jonathan Zander, available under Creative Commons.  Rainbow Lorikeet and Mazda RX-8 by Fir002, available under GNU License.

Eric Z Goodnight is an Illustrator and Graphics Geek who hopes to make Photoshop more accessible to How-To Geek readers. When he’s not headbanging to heavy metal or geeking out over manga, he’s often off screen printing T-Shirts.

  • Published 05/9/11

Comments (3)

  1. UUUnicorn

    Love the rainbow lorikeet/blue mountain lorry and the box turtle (either ornate, three-toed or western species)!

  2. Hatryst

    I always Laugh out loud when I see the first image. The way you put The Geek’s image somewhere behind an object is hilarious :D
    And the series is really awesome.!!

  3. Eric Z Goodnight

    I’m having a lot of fun with the photobombing Geek. This one was probably my favorite, I was actually sort of laughing at myself while I was putting it together.

Enter Your Email Here to Get Access for Free:

Go check your email!