Photoshop Background Eraser Tutorial

Written by Steve Patterson. In this Photoshop tutorial, we look at the Background Eraser Tool and how we can use it to easily remove background areas of an image. The Background Eraser is especially useful with photos that contain lots of fine detail along the edges between the foreground and background, like, for example, if you want to erase the sky in an image without first having to select all of the trees below it.

Dont let the name fool you, though. The Background Eraser really has nothing to do with erasing backgrounds, since Photoshop has no way of knowing whats considered the background in a photo and what isnt. It can just as easily be used to erase any part of an image, and thats because the Background Eraser is really a color eraser. It samples colors as you drag the tool over them and erases only those colors, leaving all other colors untouched. So if your sky is blue and your trees are green, the Background Eraser can easily erase the blue sky while leaving the green trees alone, at least until someone comes along and cuts them down, which makes it all the more important to protect them in your image.

The Background Eraser is, without a doubt, one of the best tools in Photoshop for removing unwanted areas of a photo, but its not perfect and it does have one serious drawback. As an eraser tool, it physically deletes pixels from the image, which means theyre gone for good, so youll definitely want to either duplicate your Background layer first before erasing any pixels or work on a separate copy of your image.

Selecting The Background Eraser

By default, the Background Eraser is hiding behind Photoshops regular Eraser Tool in the Tools palette. To select it, click and hold your mouse button down on the Eraser Tool until a small fly-out menu appears, then select the Background Eraser Tool from the menu:

The Background Eraser Tool in Photoshop. Image © 2010 Photoshop Essentials.com

The Background Eraser can be found nested under the regular Eraser Tool in the Tools palette.

With the Background Eraser selected, your mouse cursor will change into a circle with a small crosshair in the center of it:

The Background Eraser Tool circle and crosshair. Image © 2010 Photoshop Essentials.com

The Background Erasers cursor is made up of a simple circle with a crosshair in the middle.

You can adjust the size of the circle directly from your keyboard just as you can with Photoshops other brush tools. Press the left bracket key ( [ ) to make the circle smaller or the right bracket key ( ] ) to make it larger. You can also adjust the hardness of the edges by adding the Shift key. Press Shift+left bracket ( [ ) to make the edges softer or Shift+right bracket ( ] ) to make them harder. In general, youll want to use hard edges with the Background Eraser, since soft edges can leave many background artifacts behind.

How The Background Eraser Works

Before we look at a real-world example of the Background Eraser in action, lets take a more basic look at how it works. Heres a simple image made up of nothing more than a few blue and green vertical columns:

A blue-green pattern. Image © 2010 Photoshop Essentials.com

Another Photoshop masterpiece.

If we take a quick look over at the Layers palette, we see that the image is sitting on the Background layer, which is usually the case when we first open an image in Photoshop:

The Background layer in Photoshop. Image © 2010 Photoshop Essentials.com

The original image on the Background layer.

Lets say I want to erase the blue column in the middle of the image. The way the Background Eraser works (by default, anyway) is that Photoshop samples the color thats directly underneath the small target symbol in the center of the circle. The larger circle surrounding the target symbol represents the area where Photoshop will erase pixels. Any pixels inside the circle that match the color of the pixel directly under the target symbol will be erased.

To erase the blue center column, Ill move the circle into the blue area, making sure that the target symbol in the center of the circle is directly over the blue color I want to erase. When I click my mouse button, Photoshop will sample the blue color under the target symbol and then erase all of the blue pixels that fall within the larger circle:

Clicking with the Background Eraser to remove part of the image. Image © 2010 Photoshop Essentials.com

Photoshop erases all of the pixels inside the circle that are the same color as the pixel under the target symbol in the center.

To erase more of the blue column, I just need to continue holding my mouse button down while I drag the Background Eraser over more of the area I want to erase. Notice that even though the circle sometimes extends into one of the green columns on either side of the blue column, they remain untouched since those pixels are not the same color as the color Im erasing. This makes it easy to get right up along the edges of the area I want to erase. As long as I keep the small target symbol inside the blue area, Photoshop will only erase blue pixels:

Erasing more of the blue column with the Background Eraser. Image © 2010 Photoshop Essentials.com

You can move the circle into other colors in the image without erasing them as long as you keep the target symbol away from them.

If I accidentally move the target symbol over one of the green columns, though, Photoshop will sample the green color and start erasing green pixels:

Moving the Backgound Eraser target symbol over a different color in the image. Image © 2010 Photoshop Essentials.com

Moving the target symbol over a new color causes Photoshop to change the color that its erasing.

If you do make a mistake like this, simply press Ctrl+Z (Win) / Command+Z (Mac) to undo it. If you need to undo multiple steps, press Ctrl+Alt+Z (Win) / Command+Option+Z (Mac) repeatedly.

The Background Layer
Notice the checkerboard pattern that appears in place of the areas Ive erased. Thats Photoshops way of representing transparency on a layer, which, if youre familiar with Photoshop, may have you wondering whats going on here. A moment ago, we saw that my image was sitting on the Background layer. Photoshop treats Background layers differently from normal layers, with different rules for what we can and cant do with them. One of the things we cant do is erase pixels on them, since transparency is not allowed on a Background layer (after all, its the background, and not being able to see through it is part of what makes it a background). How, then, did I manage to erase the pixels? Is there some sort of "Extra Strength" setting for the Background Eraser we havent looked at yet?

Nope. Whats happened is that Photoshop assumed I knew what I doing (not always the best assumption to make) and, rather than tossing up an error message complaining that I cant delete pixels on a Background layer, automatically converted the Background layer into a regular layer, which it named "Layer 0". This isnt anything terribly important, but its still good to know whats going on:

The Background layer has been converted to a normal layer in Photoshop. Image © 2010 Photoshop Essentials.com

When using the Background Eraser on the Background layer, Photoshop converts it to a normal layer.

Heres an example of the Background Eraser in action. As I make my way around the tree in the photo, the Background Eraser has little trouble erasing the blue sky while leaving the tree itself untouched, as long as I keep the target symbol over the sky and away from the tree:

An example of the Background Eraser in Photoshop. Image © 2010 Photoshop Essentials.com

Even though the Background Eraser extends into the tree, only the blue sky is erased.

However, if I slip and move the target symbol over the green color in the tree, Photoshop starts erasing the tree, in which case Id need to undo the last step and try again:

An example of the Background Eraser in Photoshop. Image © 2010 Photoshop Essentials.com

Photoshop has no idea what the sky or a tree is. It cares only about the color under the target symbol.

So far, we know that Photoshop samples the color directly under the target symbol in the center of the Background Erasers cursor, then it erases any pixels of that same color that fall within the larger circle. We also know that if we move the target symbol over a different color as were dragging the Background Eraser around, Photoshop will sample the new color and use it as the color it should be erasing. What weve just described here is the default behavior of the Background Eraser, but its not the only way the tool can behave. So how do we change things? We do that using the settings and options found in the Options Bar, which well look at next!

Sampling Options

Whenever we have the Background Eraser selected, the Options Bar along the top of the screen displays various options for controlling how the tool behaves. One of the most important behaviors we can change is how Photoshop samples colors under the target symbol, or if it samples them at all.

Directly to the right of the Brush Presets picker on the left side of the Options Bar are three icons. Each of these icons selects a different sampling option. From left to right, we have Continuous, Once and Background Swatch:

The Continuous, Once and Background Swatch sampling options for the Background Eraser in Photoshop. Image © 2010 Photoshop Essentials.com

From left to right: The Continuous, Once and Background Swatch sampling options.

Of these three, the two youll switch between the most are Continuous (the icon on the left) and Once (the middle icon). Continuous is selected by default, and it means that as we move the Background Eraser around, Photoshop continuously samples the color under the target symbol. Thats why, when I accidentally moved the target symbol over the green column or the green tree, Photoshop started erasing green pixels in the image even though I was initially erasing blue pixels.

The Continuous sampling option works great when youre trying to erase backgrounds that contain multiple colors, but if the color of your background doesnt change much, the Once option usually works better. Ill select it by clicking on the middle icon:

Selecting the Sample Once option for the Background Eraser in Photoshop. Image © 2010 Photoshop Essentials.com

Selecting the Once sampling option in the Options Bar.

As you may have guessed from its name, Once tells Photoshop to sample the color under the target symbol once and thats it. Whichever color is under the target symbol the moment you click your mouse button is the color that Photoshop will erase no matter how many other colors you drag the target symbol over (while youre still holding the mouse button down). Watch what happens now when I "accidentally" move the target symbol over the green column. The Background Eraser has no effect on it this time because the target symbol was over the blue column when I clicked my mouse button:

The Background Eraser sampling option is set to Once. Image © 2010 Photoshop Essentials.com

Photoshop no longer erases the green column even though the target symbol has moved over the green color.

We see the same thing happening in our photo. With Once selected as the sampling option, Photoshop is able to ignore the tree this time even though Ive moved the target symbol over it, and thats because I initially clicked on the blue sky:

The Background Eraser in Photoshop with the Once sampling option selected. Image © 2010 Photoshop Essentials.com

With Once selected, the only color Photoshop will erase is the one that was sampled initially.

If youre having trouble positioning the target symbol over the color you want to erase, try the Background Swatch sampling option (the icon on the right). With Background Swatch selected, click on the Background color swatch in the Tools palette and select a color from the Color Picker that matches (as close as possible, anyway) the color in your image that you want to erase. If the color youve selected isnt quite right, adjust the Tolerance value in the Options Bar (which well look at in a moment) until youre able to erase the pixels:

The Background color swatch in the Tools palette in Photoshop. Image © 2010 Photoshop Essentials.com

With the Background Swatch sampling option selected, choose a Background color similar to the color you need to erase.

Limits

Another important option for the Background Eraser is Limits. Once Photoshop knows which color you want to erase, Limits tells it where it can look for pixels that match the color so it can erase them. The two main choices for the Limits option are Contiguous and Discontiguous:

The Limits option for the Background Eraser in the Options Bar. Image © 2010 Photoshop Essentials.com

Choose either Contiguous or Discontiguous for the Limits option.

Contiguous, the default setting, means that Photoshop can only erase pixels in areas that are physically touching the pixel under the target symbol. In other words, it cant jump across tree branches, fence posts, or anything else in the photo that separates and isolates one area of pixels from another. This causes a problem for me as I try to erase the sky showing through the tree branches:

The Background Eraser can't jump across the tree branches to delete the sky. Image © 2010 Photoshop Essentials.com

The branches on the tree act as road blocks for the Background Eraser as it tries to delete the blue sky pixels.

To get around this problem, Ill set my Limits option to Discontiguous:

Setting the Background Eraser Limits option to Discontiguous in Photoshop. Image © 2010 Photoshop Essentials.com

Selecting Discontiguous for the Limits option in the Options Bar.

Discontiguous means that Photoshop is free to erase any pixels anywhere in the image that match the sampled color were erasing, whether theyre in the same area as the target symbol or not. Once Ive clicked the target symbol on an area of blue sky, I can simply drag the Background Eraser around inside the tree to easily erase the sky showing through it (I have my sampling option set to Once so Photoshop doesnt change the color being erased as I move over the tree):

Using the Background Eraser with Limits set to Discontiguous. Image © 2010 Photoshop Essentials.com

With Limits set to Discontiguous, erasing the blue sky through the tree is as easy as dragging the Background Eraser around.

Unfortunately, if we look closely, we can see some darker blue areas of the sky remaining around some of the tree branches. Even with the Limits option set to Discontiguous, the Background Eraser still needs a little more help with this image:

Blue fringes still appear around some of the tree branches. Image © 2010 Photoshop Essentials.com

Some blue fringes still remain around some of the tree branches.

This brings us to the third important option for the Background Eraser, and the one that can make all the difference when it comes to using the tool successfully Tolerance, which well look at next!

Tolerance

The third of the three major options for the Background Eraser is Tolerance, which determines how different a pixels color can be from the sampled color for Photoshop to erase it. Youll find the Tolerance option directly to the right of the Limits option in the Options Bar:

The Tolerance option for the Background Eraser in Photoshop. Image © 2010 Photoshop Essentials.com

Use Tolerance to control how similar a pixel color needs to be to the sampled color for it to be erased.

The default Tolerance value is 50% and thats usually a good starting point, but if you find that the Background Eraser keeps erasing part of the area youre trying to keep because the color of the background is too similar to your subject, try a lower Tolerance setting. If your background color is quite different from your subject, increase the Tolerance value.

Im going to undo my previous steps with the Background Eraser so I can try again, and since my sky is quite a bit different in color from the tree, Ill increase my Tolerance value to 70%. Ill click to sample an area of blue sky with the target symbol, and this time, with the higher Tolerance setting, the Background Eraser is able to do a much better job with cleaner results:

Erasing the sky through the trees with the Background Eraser with Tolerance set to 70%. Image © 2010 Photoshop Essentials.com

With a higher Tolerance setting, the Background Eraser was able to avoid the blue fringing along the branches.

Protect Foreground Color

Finally, if you cant seem to get the Background Eraser to erase the background in your image without erasing part of your subject as well no matter what Tolerance value you use, try the Protect Foreground Color option. Click inside its checkbox to select it:

The Protect Foreground Color option for the Background Eraser. Image © 2010 Photoshop Essentials.com

Click the checkbox to turn the Protect Foreground Color option. Click again to turn it off.

This option allows us to sample a color from the image that Photoshop will protect, preventing it from being erased. The color you sample will become your Foreground color, hence the name Protect Foreground Color. In this photo below, the flowers are very similar in color to the background, causing the Background Eraser to erase part of the flowers along with the sky:

The flowers in the image are being erased along with the background due to their similar colors. Image © 2010 Photoshop Essentials.com

The flowers in the image are being erased along with the background due to the similar colors.

To overcome this problem, Ill first undo my last step, then Ill select the Protect Foreground Color option in the Options Bar. Ill hold down my Alt (Win) / Option (Mac) key, which temporarily gives me access to the Eyedropper Tool. Then, Ill click with the eyedropper on one of the flowers to sample that color. This will become the color thats protected:

Sampling a color from the photo with the Eyedropper Tool in Photoshop. Image © 2010 Photoshop Essentials.com

Hold down Alt (Win) / Option (Mac) and sample the color to protect with the eyedropper.

If you look at your Foreground color swatch near the bottom of the Tools palette, youll see that the color you sampled has become your Foreground color:

The Foreground color swatch in the Tools palette in Photoshop. Image © 2010 Photoshop Essentials.com

The sampled color appears in the Foreground color swatch in the Tools palette.

With that color now protected, Ill try again to erase the background around the flower. This time, things work out better:

Erasing the background in the image with the Protect Foreground Color option enabled for the Background Eraser. Image © 2010 Photoshop Essentials.com

The background goes, the flowers get to stay.

Just remember to deselect the Protect Foreground Color option when youre done, otherwise the next time you use the Background Eraser, you could get unexpected results.

And there we have it! Thats how to remove backgrounds with the Background Eraser Tool in Photoshop! Check out our Photo Retouching section for more great image retouching and editing tutorials, or see below for tutorials you may be interested in!

Download our tutorials as print-ready PDFs! Learning Photoshop has never been easier!

You May Also Like...


Photoshop Background Eraser Tutorial
Learn how Photoshop's powerful Background Eraser Tool uses differences in color to easily erase unwanted background areas of a photo!

Quick Tip: Erase Backgrounds Quickly With The Background ...
Many people use complicated methods to erase backgrounds when they can do it much easier with the Background Eraser tool. It creates great results with its automatic

Introducing The Background Eraser Tool To Photoshop ...
The Background Eraser Tool in Photoshop Elements really delivers and is definitely worth getting to know how to use. Here's an easy to follow tutorial.

Learning | Background Eraser | Photoshop.com
Learn how to make a nondestructive selection in Photoshop CS3 from the layer transparency created by the Background Eraser Tool. It sounds complex, but it's easy and

Use Photoshop's Background Eraser Tool.
http://www.creativetechs.com/tips/qui If you find yourself needing to quickly remove the background from an image in Photoshop, take a moment to play

Photoshop Tutorials, How To Edit Pictures | Photoshop.com
Learn how to properly edit pictures with Photoshop and Lightroom Tutorials.

Removing the Background - Photoshop's Background Eraser Tool
Removing the background in Photoshop is easy using the background eraser tool in Photoshop 5.5. Get step by step instructions for using the background eraser tool to

Photoshop Tutorials: Background Eraser tool
Background Eraser Tool. The Background Eraser Tool clears content of background layer to transparency: In the Toolbox, select the Background Eraser Tool.

Photoshop Tutorials | Photoshop Essentials
Photoshop Background Eraser Tutorial In this tutorial, we look at Photoshops Background Eraser and how this powerful and popular image editing tool uses

Using the Background Eraser tool from the Course Photoshop ...
Using the Background Eraser tool provides you with in-depth training on Photography. Taught by Jan Kabili as part of the Photoshop CS4 Essential Training

Previous
Next Post »