Thursday, April 8, 2010

How to erase the backgroud using eraser tool

Today we are discussing about how easily erase a background of an image might done with in a very short time!let's have a look :

Step 1


Open an image you want to change the background color on.

photoshop elements background eraser

Duplicate the Background layer by pressing Ctrl+J. You will see in the Layers panel that this added a new layer that's an exact duplicate above the Background called Layer 1.


Step 2


Create the new color layer.

Before we actually create the new Layer we have to choose the color we want our new Background to be.

You do that by choosing that color from the Color Picker for the Foreground Color which is located at the bottom of the Toolbox. Actually there are two squares at the bottom of the Toolbox. The top square represents the Foreground Color and the bottom one represents the Background Color (not to be confused with the Background in our Layers panel).

First press the letter D on your keyboard. That will assure that the Foreground and Background Colors are set to their Default state where the Foreground is black and the Background is white as shown below.

photoshop elements background eraser

Click on the Foreground Color square to open the Color Picker dialog box. This is where you select the color for your new Background.

I'm going to choose blue for my color but you can choose any color you want.

The Color Picker gives you several options for choosing a color. You can use the slider on the vertical color bar or click inside the big color area and move the circle around to get different colors.

You can also enter HSB, RGB, or Hexadecimal values. You'll get the hang of how it works by playing around in there for awhile.

The color you have selected will be on the top half of the current/new box in the Color Picker.

photoshop elements background eraser

Now you will see your Foreground Color is changed to the color you just chose in the Color Picker.

Go to your Layers panel and click on the Background Layer to make it active. Click on the the square icon with the curled up corner in the Layers panel to create a new Layer above the Background Layer called Layer 2.

Press AltBackspace to fill Layer 2 with the Foreground color.


Step 3

Set-up the Background Eraser Tool.

Go to the Toolbox and click on the Background Eraser Tool. It looks like an eraser with a scissors over it. It might be hidden under the Eraser tool. Click and hold on the tiny black arrow next to the Eraser to see it, and then choose it from there.

photoshop elements background eraser

Go up to the Options bar. In the Limits field you can choose either Contiguous or Discontiguous. Select Discontiguous and set the Tolerance field to 50% for now.

photoshop elements background eraser

Put your cursor over your image and you will see a circle with a cross in the center. The circle indicates the size of your Eraser and the cross is the "hotspot" of the Background Eraser.

If you had chosen Contiguous that would mean that whatever color the hotspot was over would be erased within the circle, but only if those color pixels were right next to each other.

By selecting Discontiguous, it will still only erase the color under the hotspot but that color doesn't have to be connected to the pixels right under the hotspot. As long as that color is within the circle it will be erased. This will be helpful when we erase the background around strands of hair as you will see.


Step 4


Erase the Background.

Go to your Layers panel and make sure it looks like the image below with Layer 1 (the duplicate of the Background layer) at the top and Layer 2 (your color Layer) between Layer 1 and the Background.

photoshop elements background eraser

Click on Layer 1 to make sure it's the active layer. Now move your cursor over a white part of the photo and start erasing by dragging your mouse. As you erase the white away the color from the Layer below will show through.

Continue erasing but don't get too close to the part of the photo you want to keep. In this case the woman. Erase all of the Background except for the area right next to the person.

photoshop elements background eraser

Now let's zoom in to finish it off.

Click on the Zoom tool from the Toolbox to make it active. It's near the top and looks like a magnifying glass. Click once on your photo near the edge of the person and your photo will be enlarged to 200%. You can see in the image below where I circled in red the Zoom percentage.

photoshop elements background eraser

Look at the image below and notice where the Background Eraser cursor is. The hotspot is over a white area so all the white within the cursor circle should be erased when I click the mouse.

photoshop elements background eraser

The image below is the same shot after I clicked the mouse. It did erase all the white area that was within the circle of the Background Eraser. But notice where I circled in red inside the hair you can see some blue showing through.

photoshop elements background eraser

Why is that? Well it has to do with that Tolerance setting in the Options bar. Remember we left it at 50%.

The Tolerance tells Elements how similar the color under the hotspot has to be to be affected by the Background Eraser. A low tolerance setting erases areas that are very similar to the color under the hotspot. A high tolerance erases a wider range of colors.

Since our click included some of the lighter areas of the hair that means our Tolerance was set too high for that area. If you run into that problem press Ctrl+Z to undo the eraser. Then go up to the Options bar and try lowering the tolerance 10 or 20% and try again. You will find that for different parts of the photo you might have to use different Tolerance settings.

For instance when I erased the area next to her sweater there was a slight white line left around the edge of the sweater. Since the Background was so light and the sweater so dark I could really crank up the Tolerance setting. I redid the erasing in that area and the line went away.

Now lets look at the fly away hair area. This is an example of why we set the Limits field in the Options bar to Discontiguous.

Notice where my cursor is in the image below. The hotspot is over a white area, but within the Background Eraser circle there is not only white but also some hair. If we had set the Limits field in the Options bar to Contiguous, only the white on the left side of the hair would be erased. That's because Contiguous tells the Background Eraser to only effect areas that are the same color as the pixels under the hotspot and also right next to each other.

But since we chose Discontiguous, Elements knows that any pixels that are the same color as those under the hotspot and are within the circle of the cursor should be erased.

Let's see what happens.

photoshop elements background eraser

You can see from the image below that after we clicked the mouse that all the white (the color under the hotspot) was erased. Not just the white that was surrounded by other white. Exactly what we wanted!

photoshop elements background eraser

As a finishing touch, I used the Smudge tool (it might be hiding under the Blur tool) at a Strength setting of 20% and made the brush size very small. Then I dragged it along the edge of the hair on Layer 1 to make a smoother transition to the Color background.

That was a lot of information to absorb, but the more you use the Background Eraser the more sense it will make to you.

Here's a before and after of my photo:

photoshop elements background eraser

Credit: essential-photoshop-elements.com

Tuesday, April 6, 2010

Photoshop Tutorial: Draw a Penguin

In this tutorial, you will learn to draw a nice looking penguin. We are going to draw the penguin using Photoshop and its tool. Final output of this penguin drawing tutorial can be seen below:

Start by drawing the path with pen tool (Click on pen tool>click on path on the option palate or the second pen tool option in the option palate)

Select convert to point tool, and adjust the nodes as shown :


Now, press Ctrl + Enter to have a selection of the path. Create a new layer and fill the new layer with #08498D color :

Again draw the path :


Adjust the nodes as shown :

Create a new layer, fill the selection with #4481C2.

Duplicate the layer. Go to edit>transform>flip horizontal and place the layer as shown :

Either send it to back by pressing CTrl + shift + { keys together or erase the top part of the layer. You should have something like this :


Draw this path :


Adjust the nodes :





Fill the selection (after pressing Ctrl + Enter for the path selection and creating a new layer) with #DCE2F2 color :


Create this path :


Fill the selection with #4481C2 color :


Duplicate the layer. Place the layer as shown :

Draw the path :

Adjust the nodes :

Fill the selection with #FDCF07 :


Now, create a new layer. Select elliptical marquee tool and draw a circle as shown :

Fill the selection with # EB9A24 color :

Remove the top part of the image :

Draw this #4481C2 color shape with ellipse tool :

Draw a smaller white color circle :

a black circle :

and yet another white circle :

Group and merge these 4 eye layers. Duplicate and place it as shown :

Draw tail with pen tool. Choose #4481C2 color to fill the shape :

Finally:



Penguin is ready. I want to really trip you out on something. It has nothing to do with Photoshop, but it's still cool. :)

Credit: yourphotoshopguide.com

Sunday, April 4, 2010

How to make clipping mask in Photoshop CS4

This Photoshop tutorial is about making clipping mask. With clipping mask, we can put layers inside of other layer. Make a great photo effect will be easier to do with this mask. With clipping mask, we can put layers inside of other layer. The other layer will act as container for the clipped one. Useful to make photo frame. It may use different menu in other Photoshop version before CS4 or CS3.




Step 1

You can start by drawing a shape. This shape has to be in different layer. We can’t make a clipping mask photo effect on a locked background layer.



Step 2


Shape like this one can be found in Custom Shape tool. You can also find other shapes in the Photoshop toolbox, choose one as you like.



Step 3


After you make the shape in this tutorial, now open any image file you want with Photoshop. Place this image in the file which contains shape.


The image file should be placed above the shape layer in layer panel order. To make masking technique great photo effect, now select Layer > Create Clipping Mask or press Ctrl+Alt+G.


Step 4


After you make the shape in this tutorial, now open any image file you want with Photoshop. Place this image in the file which contains shape.



Step 5

Here, in this Photoshop tutorial, you can add some layer style to the container layer (lower layer) if you want to make a more stunning photo effects.

If you want to move or rotate the layer, make sure you select both of them (the clipped layer and the container layer) using Shift+click. It wills easier in further use if you link them.

Step 6

We can put more than one Photoshop clipped layers. And if you need to release the layer from clipped status, you can select it from Layer > Release Clipping Mask or by right click at the clipped layer (in layer panel) and select Release Clipping Mask to make the photo effect disappear.


Finally, this is the layer order and position to make the image sample in top of this Photoshop tutorial.

Credit: pscall.com