Photoshop For Beginners: 6 techniques to extract anything

Photoshop For Beginners: 6 techniques to extract anything from its background

This is the second of a series of tutorials thought for Photoshop beginners. Ill explain in depth those features that can result difficult to understand for a newbi. Today Ill show you 6 techniques you can use to extract a person/object from its background. From now on extraction wont have secrets for you!


Extraction is one of the worst enemies for those who start using Photoshop. While its simple to extract a geometric figure from its background, it is difficult to do the same with a tree or a blonde flowing hair model. There is not a unique approach to this topic, but several techniques in according with the nature of the object to be extracted. Here are 7 extraction techniques that will allow you to isolate and extract almost anything.

Do you want to learn Photoshop basics with simple yet effective tutorials? Dont lose any article of this series. Subscribe to our RSS or follow us on Twitter!

How to:

Before we start: in the following exercises I take for grant youll unlock the background layer when you open a new image in Photoshop before start the exercise. To unlock the background layer double click on it in the layers window (generally placed in the bottom-right) and hit ok in the window that appears.

For mac users: alt=options. ctrl=cmd.

Exercise 1: How to extract simple form objects

Objects with simple forms are easy to be extracted. Lets suppose we want to remove this screw head from its background.

nail in photoshop

Open the screw image in Photoshop. Grab the Elliptical Marquee Tool from the tool bar on the left. Since the form of the object to extract is a circle, we will use a circle selection to extract it. But before start using the selection tool we need to highlight the center of the screw. Photoshop grid can help us.  Go to view>Show>Grid

show the grid

Now that its easier to find the center of the screw head, grab the elliptical marquee tool, hold down alt and shift, left click on the center of the screw and drag until you select the entire object.

Why to press shift? Shift key is often used in Photoshop to maintain constant proportions. If you want to re-size an object without modifying its proportions, you have to press shift while resizing it. In this case if you want a circle you have to pres shift, while you dont have to press shift in case you want an ellipse .

Why to press alt? In this way the first click coincides with the center of the circle. Instead if you dont hold down Alt, the first click coincides with a point of the circumference.

select the nail

Once you have your screw selected, inverse the selection by going to Select>Inverse (or press shift+ctrl+I) and hit delete. You have so removed the background.

Note: in case you dont see the transparent background, but still a white background, it means you havent unlocked the background layer. When you open an image in Photoshop this image is by default locked. To unlock it double click on the image layer (into the layer window bottom right) and hit ok in the window that appears.

Note 2: If you want to save an image with a transparent background, you have to choose .png format.

nail extracted

Now that you have your screw extracted, you can use it for your compositions, as I did in this type treatment tutorial:

wooden type treatment

But what if you have to extract an object with a simple yet irregular form? In this case you have to use the Pen tool.  The pen tool allows you to create any kind of form and selection. Select this tool from the tool bar and set it in paths mode. We will use the pen to extract an apple.

Dont you know how the pen tool work? Take a look at the first tutorial for this matter.

pen tool in path mode

Use the pen tool to trace the outline of the apple:

trace the outline of the apple

Once youve finished, press ctrl+enter to activate the selection tool, shift+ctrl+I to inverse the selection and  finally hit delete.

apple extracted

Exercise 2: How to extract a person

To extract a person is less simple then to isolate an apple. For this exercise Im going to use this image of a model.

model image

What is the best tool to extract this beautiful girl? The pen tool. Whats the difference with the previous exercise? You shall be moooooore patient because you need moooore anchor points. Grab the pen tool and zoom on the image. The more you zoom, more precisely will be your selection. Then start tracing the outline of the girl as in the previous exercise with the apple.

Tip: press alt+scroll the mouse wheel to zoom in/out

use the pen tool to trace

Once youve traced the outline of the model, use the pen tool in substract area mode to trace those inner parts that shall be removed.

remove inner parts from selection

Here is the path at the end of the process:

end path

As in the previous exercise, press ctrl+enter to activate the selection. But in order to make our selection more precise (persons edges are more complex than apple ones), with the selection still active press the refine edge button in the options bar. Refine Edge tool is very intuitive to use. You have different options to manage (radius, contrast, smooth etc) and the live preview of your  selection. When youre satisfied hit ok.

refine edge

The last step is to inverse selection (shift+ctrl+I) and hit delete to remove the background.

extraction completed

Exercise 3: How to extract dark objects from white backgrounds

For this exercise Im going to use this image of a leaf. Notice the strong contrast between the leaf color and the white background. When you want to extract an object which strongly contrasts with its background color, the Extract Filter is the best choice.

leaf

This method is super easy. Go to Filter>Extract. The leaf will appear into a new window. The first tool on the left, the edger highlighter tool, shall be used to highlight the edges of the areas to be retained.

Note: In Photoshop CS3 extract filter is a default plugin. If you are using CS4 version, you can download it for free here if you are a mac user. Or here if you have Windows.

highlight the edges

Use the Fill tool to fill the areas you want to retain

fill tool

Click on preview to see if youve correctly extracted the leaf:

preview of the selection

Use the cleanup tool and the edge touchup tool to refine your selection:

refine the selection

And here is the final result:

final result

Exercise 4: How to extract clouds and flames

If you have always wondered how to extract clouds and flames from their backgrounds, the following exercise is for you. Download the image of a flame and open t in Photoshop.

open flame img in photoshop

Go to the channels window (Window>Channels). Here ctrl+click con the red channel. You should see a selection active on your image.

Why red channel? Choose the channel in according with the image. Channels having more contrasts will allow you to detect less pixels. Channels with less contrast will detect more pixels.

select flames

Now you can copy (ctrl+C) and paste (ctrl+V) your flames into another image, as I did in this tutorial written for DesignInstruct

vivid flaming skull composition

Exercise 5: How to extract hair using channels

Hair extraction is one of the most difficult Photoshop exercises. Im going to show you how to use channels to extract this girls hair:

hair

In the channels window (Window>Channels) you can see 4 channels: RGB, Red,Green and Blue. We need to work with the channel with the strongest contrast between model hair and white background. In this case the Blue channel. Duplicate it by dragging it to the create new layer channel button.

create a new channel

Now take in mind: black areas are the ones we want to retain, while white areas the ones we want to remove. The first thing to do is to increase a little bit contrasts using curves. Press ctrl+M to activate curves and make a kind of S as shown in the screenshot below:

curves

Secondly use the pen tool to trace the outline of girls arms and face:

use the pen tool to trace girl's outline

Make sure to have black (#000000) as foreground color. Press ctrl+Enter to activate the selection and hit alt+delete to fill selection with black. Finally go to Select>Deselect (or press ctrl+D).

tip: Alt+delete: fill with foreground color. Ctrl+delete: fill using background color.

fill selection with black

Our preparation to selection is almost complete. Remember: black areas will be selected while white ones removed. We still have to cover with black some white areas within hair. Select the brush tool (B), choose a soft mechanical brush (hardness 0%) and set blending mode to overlay. With this brush start painting the last white areas we want to remove.

Why blending mode to overlay? In this way we wont affect white background but only gray areas

use a brush

The last step: increase again contrasts using levels. Press ctrl+L to activate level adjustment. Then move the left arrow to 20.

levels

Ok we can see the end ;-). Ctrl+click on the blue copy channel to select black area. Then click on the RGB layer to return to our starting colored image. Inverse the selection and hit delete.

extraction completed

Lets verify if the method works well. Create a new layer below and fill it with green using the Paint Bucket Tool (G).

add a green background

As you can notice, selection is good but not perfect. We have some white parts at the end of hair strands. How to eliminate them? Simply select the girls layer and go to Layer>Matting>Remove white matting.

Here is the final result:

final result

Exercise 6: How to extract furry animals

Have you ever desired to put a nice sweet rabbit into one of your works (maybe no)? Anyway Im going to explain how to extract furry animals from their background without lose a single fur. For this exercise Ill use this image of a bunny.

bunny

To extract hair/fur is not simple. But there is a trick I gonna show you. Grab the pen tool in paths mode and start tracing rabbits outline. We will add fur later.

trace the outline with the pen tool

As we made in the previous tutorials, once we have created the path using the pen tool we can switch to the selection by pressing ctrl+Enter. Then inverse the selection (shift+ctrl+I) and hit delete.

rabbit extracted

The rabbit is too sharp without its fur. But we can create them using the Smudge tool. Firstly create a new layer and fill it with green so it wont be difficult to see bunnys fur.

add a green background

Select rabbits layer by clicking on it in the layers window. Grab the smudge tool and choose a soft 5px brush with hardness 0%  and strenght 80%.

select the smudge tool

With the smudge tool start painting from the rabbit edges to the outside as if youd like to create its fur. For this step the best would be to do with a graphic tablet. Anyway you can obtain a nice result with your mouse too.

use the smudge tool to create animal fur

After lots of patience and brushes of different sizes and strength, here is the final result.

rabbit extracted finish

Extraction plugins

In case you need to extract complex objects like trees, or you want to preserve semi-transparencies, you could think to use a premium plugin. Dont forget that Photoshop possibilities can be extended with professional problems-solving plugins. Here are 3 plugins that can help you to extract intricate objects:

Topaz ReMask

topaz re-mask

Topaz ReMask is specifically engineered to supercharge the masking and extraction workflow for photographers and designers within Photoshop. Other masking tools both within Photoshop and other third party filters require intricate brushing, sampling, and refining for a detailed mask. Topaz ReMask, on the other hand, does all the heavy lifting while requiring a minimum of user input.

Price:$69

Go to download page

Mask Pro 4

mask pro 4

For removing unwanted backgrounds, Mask Pro 4.1 is the Photoshop plugin recommended by Advanced Photoshop magazine. Mask Pro 4.1 allows you to cut out a subject from the background by assigning keep and drop colors and simply painting away the background.

Price: $159,95

Go to download page

Fluid Mask 3

fluid mask 3

Fluid Mask 3 instantly shows key edges in an image and provides comprehensive easy to use tools that work with difficult to see edges and tricky areas like trees & latices.

Price: $149

Go to download page

Related Posts

Previous
Next Post »