How to Remove Background from Image in Photoshop

โšก Smart Summary

Removing the background from an image in Photoshop can be done with several quick, efficient extraction techniques. This resource demonstrates the Magic Wand with Refine Edge, luminosity-based selection through the Channels panel, and the Quick Selection tool for extracting fine detail such as hair.

  • ๐Ÿช„ Magic Wand: Select a plain background, then invert to isolate the subject.
  • ๐Ÿชถ Refine Edge: Paint edges and view on black to soften rough selections.
  • ๐Ÿ’ก Luminosity: Ctrl-click the RGB channel to select by brightness for smoke or glow.
  • โšก Quick Selection: Roughly select, then Refine Edge to extract detailed hair.
  • ๐ŸŽญ Layer Mask: Output as a new layer with a mask for non-destructive editing.

How to Remove Background from Image in Photoshop

Delete/Remove a Background in Photoshop Easily

As a designer, we should know some quick and efficient techniques to extract particular objects or design elements from an image. We will learn them in this tutorial.

How to Remove Background in Photoshop: First Example

Below is a step-by-step guide to remove a background from an image in Photoshop with an example:

Step 1) Select the Image whose background you want to remove

This is an image of a model with a clean white background, and we want to extract the model and delete the background in Photoshop.

Remove Background in Photoshop

We can extract this with the help of a Photoshop extraction tool like the “pen tool”, but it will be a very time-consuming technique. So we cannot use the pen to remove the background from the image.

Step 2) Choose the Magic Wand Tool and select the background

So now go and grab the “Magic Wand tool” and click on the white background to select it. To add to the selection area, hold the “Shift key” and click on the portion which you want to add to the selection to isolate an image in Photoshop.

Remove Background in Photoshop

Step 3) Apply Inverse

Now we want to extract the model, so we have to select her. Go to the Select menu and choose “Inverse”, so it will invert the selection.

Remove Background in Photoshop

Step 4) Refine Edges

Our selection is made, but still it is not perfectly selected, because it has very sharp edges selected around it, some pixels are not selected on the edges, and some unwanted pixels are selected. So to deal with this problem I will click on the “Refine Edges” button up here in the option bar.

Remove Background in Photoshop

This is the Refine Edge panel. I am changing the view mode from “Black & White” to “On Black”.

Remove Background in Photoshop

Because of the black background, we can see what the problem with the edges of the model is. Now start painting on the edges of the model and see how it is subtracting some unwanted white color pixels from the selection, as shown in the below Photoshop CC remove background example.

Remove Background in Photoshop

I have removed the rough edges and made them softer. Let me change the view mode to “Black & White”.

Remove Background in Photoshop

Keep in mind that black means “transparent” and white means “opaque”.

Step 5) Use the “Erase Refinements tool”

Here some part of the model has become transparent, so I need to remove it. For that, select the “Erase Refinements tool” and correct the selection.

Remove Background in Photoshop

But this is not a big issue, so we can deal with it later.

Step 6) New Layer

You can see here some transparent pixels around the edges of the model in some specific portions. So now change the setting of the “Output” option. Select “New Layer with Layer Mask” from the drop-down list.

Remove Background in Photoshop

Press OK. You can see here in the layer panel a new layer is created with a layer mask. Now see these transparent pixels here. To deal with it, duplicate the layer by pressing CTRL + J.

Remove Background in Photoshop

And you can see our problem is solved.

Step 7) Output

You can see, with the help of this cool trick, we have extracted the model very nicely.

Remove Background in Photoshop

Remove Background in Photoshop: Luminosity Based Extraction Technique

In this Photoshop CC remove background technique, we will talk about “luminosity based selection”. See, here is an image of smoke; in the smoke, some portion is fully opaque while some part is half transparent. So we want to extract the smoke with proper transparent pixels.

Remove Background in Photoshop: Luminosity Based Extraction Technique

In the previous technique, we made our selection with the “Magic Wand tool”, but here it will not be the proper technique in the case of smoke. So here we will use the “Channels palette” to erase the background in Photoshop.

Remove Background in Photoshop: Luminosity Based Extraction Technique

In the Channels panel, hold the CTRL key and click on the “RGB channel” at the top of the channels panel. It loads all the brightness values as the active selection. It has selected the entire white background.

Remove Background in Photoshop: Luminosity Based Extraction Technique

Now go to the Select menu and choose Inverse.

Remove Background in Photoshop: Luminosity Based Extraction Technique

Then press CTRL + J to create a new layer of the selected portion. You can see here a new layer is created of the selected area, but it looks very flat. So to maintain its density, select the layer and press CTRL + J around 4-5 times, and merge all duplicate layers.

Remove Background in Photoshop: Luminosity Based Extraction Technique

Now you can see, with the help of this trick, how perfectly we have extracted the smoke. This is called the “luminosity based selection” technique to delete the background in Photoshop.

Photoshop Extracting Objects With Quick Selection Tool

Here is a model, and we want to extract her hair very quickly using the extract tool in Photoshop CC.

Photoshop Extracting Objects With Quick Selection Tool

If we use the “pen tool” on this particular image, then it will be a time-consuming process. But if we do not want to waste more time on this, we can do it very nicely and quickly with the help of the “Refine Edge” option.

Photoshop Extracting Objects With Quick Selection Tool

Grab the “Quick Selection tool” and select the model roughly. Click on the “Refine Edge” option.

Photoshop Extracting Objects With Quick Selection Tool

Select the view mode “On Layer”.

Photoshop Extracting Objects With Quick Selection Tool

And start painting around the edges of the hair. You can see how it is refining the selection around the hair. Look, some unwanted pixels are also removed from the selection. I will take out this selection as a “New Layer with Layer Mask”.

Photoshop Extracting Objects With Quick Selection Tool

Look, here a new layer is created with a layer mask and the model is extracted very nicely.

Photoshop Extracting Objects With Quick Selection Tool

Take a duplicate of the layer, so that we can deal with some transparent pixels around the edges of the model.

Photoshop Extracting Objects With Quick Selection Tool

So these are some cool and quick tricks for extraction in Photoshop CC.

FAQs

Yes. The AI-powered Remove Background and Select Subject features detect the main subject and delete the background in one click, producing a masked layer that you can refine further.

Modern AI selection has improved greatly at detecting fine hair and fur edges. For difficult images, combining AI selection with the Refine Edge brush still gives the cleanest, most natural result.

The Magic Wand selects pixels of similar color with one click. The Quick Selection tool paints a selection that snaps to edges, making it faster for subjects on complex backgrounds.

A layer mask hides the background non-destructively, so the original pixels stay intact. You can refine or restore the mask at any time, unlike permanently erasing the background.

Summarize this post with: