Cutting Image Backgrounds for better eBay Pictures | Photoshop

Ranked #7,314 in Education, #167,876 overall | Donates to Squidoo Charity Fund

Image Background removal for better Ebay Pictures

When I started eBay, I didn't have a computer and a digital camera nor did I have an internet connection... All I had was the drive to sell on eBay.

So everytime I go looking for new product I ask a friend who owns a cell phone with a built in camera to come along. Or we change sim cards and I get to use her phone. I find a product, take some shots, go into a net cafe, select the not too horrible images, edit them and use them in my eBay listing.

This lens is a tutorial on how to remove the background of an image.

Amorsiko.com









"A Picture of
many colors
proclaims images
of many Thoughts."





Mission: Remove the background using Photoshop 

STEP 1 --------------------

...bits and pieces we need

We need the following to complete this tutorial. The image manipulation may not be a walk in the park but it's not that hard either. In the end, you'll be smiling thinking... not bad. Hopefully.

  • A notebook/laptop or personal computer running on Windows XP or better.

  • Any image which you want the background removed. Or you can use the example here.

  • Adobe Photoshop 6 or above

  • A mug of coffee or can of soda

Important Things

1. CTRL+Z - undo your last action
2. CTRL+ALT+Z - undo several of your last actions
3. CTRL+S - saves the file (do this frequently)
4. Leave comments if you need help
5. Suggest ways to improve this tutorial
6. Visit my other lenses. :-)

Amorsiko.com

GRAPHICS TABLETS

...a must for every digital artist


Loading

...highly recommended photo-editing software


Loading

Step 2 --------------------

...firing up Photoshop

LOAD PHOTOSHOP: Double click on the Photoshop icon on your desktop or windows menu.

OPEN IMAGE TO EDIT: Use the shortcut key, CTRL + O (press and hold the ctrl key down then press letter O). Locate and select the file you want to edit. Then click the OPEN button.

And your Photoshop screen should look more or less like the picture below.

Dat was very easy... right? See your done with step 2.

Photoshop after opening the file to edit 

Step 3 --------------------

...layer duplication

CREATE A DUPLICATE LAYER: From the Menu Bar, click Layer then Duplicate. Then Click the OK button.

Lower right corner of your Photoshop screen should look something like this image.

On that same corner, click on the lowest "eye" icon. This would disable the background leaving you with the duplicate layer.

Now maximize the duplicate image. This will provide as with a bigger canvas to work in.

Easy wasn't it? I told you it just looks hard.

Your Photoshop should look like this now 

Step 4 --------------------

...Pen tool selection

Select the Pen Tool from the left panel border menu. You won't miss it because it looks like the head of an old fashioned fountain pen. Aptly named. OR you can simply press "P" (quotes not included). This is the shortcut for activating the pen tool.

Engage the paths option. It's located below the overhead menu. I'm afraid I don't know the shortcut for it. Click on the icon which is a square with a pen head inside. you won't miss it. See the picture below... yup that icon the cursor is pointing at. Click that baby!!!

Too easy? Of course it's easy. I know you can do it. I'll be with you every step of the way.

Step 5 --------------------

...anchor outlining...

ADD AN ANCHOR: You have your pen tool ready? Cool. Notice the image and visualize an outline. Imagine the major points in that online. A point in the sharp corner... a point here... a point there. So that when this points are connected you get a rough outline of the image. So using your pen tool click on your first anchor point.

DOTS... think of it as connect the dots. Once you have clicked the first anchor or dot... click on the anchor on your imagined outline. Take note that we do not have to get the exact outline, just a ROUGH outline.

Do the anchoring or dot thing around your imagined outline until you return to your originating point. This would result into a fine rough outline enclosing your image.

Image enclosed in an outline from Step 5 

Step 6 --------------------

...fine tuning the outline

What we are about to do is to fine tune the rough outline you created to enclose the true image outline as close as possible.

The image should be zoomed or enlarged. It's easy... press Z and a magnifying glass pointer appears. If it has the negative sign on it then look at the upper most left corner and click on the magnifying glass icon with a plus sign on it. When the magnifying glass pointer has the plus sign, use it to click on the image.

Ugrade your pen tool into an Anchor Point Tool. Do this by clicking on the pen tool button on the left border menu and expanding it to show different pen tool upgrades. Choose the Anchor Point Tool from the options presented. (Hey!!! Don't forget to zoom you image, okay?) Better see this image.





Now we go back to your hopefully zoomed image. Let's start near your point of origin (remember Step 5). Find connected dotted lines that do not hug the image. Click on it using your Anchor Tool. A small square point will appear. Also your entire rough outline will resolve into movable anchor points.










Ease that point close to the image. Click on the point hold and drag it as close as possible to the image. Take note that you can add as many points across your rough outline. Use this anchor points by dragging them close to your image.











Use the control lines of each anchor point you add to bring a little more fine tuning on curves. This control line is the one that appears with each anchor button It is a line with points on its tip. You can drag this point anyway you want... up down, left, right, stretch... every move affects the outline. Try and it and get the hang of its effect.













Please repeat until you have the entire image covered. Your rough outline should hug your image very closely by now. Adjust the anchor points where needed. Accuracy would result into a better output. Piece of cake? A BIG CAKE. But a cake nevertheless.

See how the line hugs the image 

Step 7 --------------------

...lifting the image

Look at your outlined image. Are you satisfied? Or do you still need a little more fine tuning? Granting your ok with every thing... position your cursor inside the image and right click.

In the options provided choose "Make Selection". Then click the OK button on the dialog box that appears. This should make your entire outline into a some sort of moving "worms". I don't have the words OK? So see for yourself. " :-)














Finally, use the shortcut key CTRL+C (yup just like copying text) to copy the everything inside the "moving outline". Then create a new photoshop file. Use the shortcut key CTRL+N. Click the OK button on the dialog box that pops up. You will be presented with a clean photoshop canvas (all white). THEN (music please...) click on that white canvas and paste the image. Using the shortcut key CTRL+V (yep just like pasting text) would be much easier.

Then save this new image first in PSD format. Then save it or export it into another format say JPG, GIF, PNG... or whatever you think is suitable. Now it's ready for an eBay listing.

The Image without the background 

Last words...

...(ding!)

End of tutorial.. well that went well, I think. Did it? Well I left out a few details on this tutorial. And I intentionally chose this image to give you a little bit of a hard time. This way you'll be forced to learn or discover a few things on your own. I believe things gleaned this way are hard to forget. My apologies.

Now don't ever limit yourself on a white background. Imagine the possibilities this trick has. Use it on images of people and you can change the background to almost anything. Change the background of your picture to that of a beach in Hawaii.. or in the company of celebrities. Only your imagination limits the possibilities.

Develop this skill and you may even earn from it. I myself have earned a little bit just changing backgrounds of images by clients. The greatest work I've done was a family portrait for an Australian that included people who have passed away. :-) HOW? That would be on another lens.

Photo-editing tools and resources that really count

Loading

Tutorial also available in GIMP

...you've gotta see the PhotoMosaic Fan Wall


Loading

Wear a PhotoShop Shirt

...and feel creativity run through your hands


Loading

Was the lens of any help?

...oh come on! I know you've got something to say...don't be shy

I'd be delighted and honored if you can lend me a few seconds of your life to let me know your impression of my lens. Any suggestions on how to improve it are very much welcome. You can also suggest what tutorials you'd like to see using Photoshop or Gimp. See your Avatars at the Great Squidoo PhotoMosaic Wall.


JOIN SQUIDOO NOW. It's absolutely free!!!

  • BigDogStudioX Mar 22, 2011 @ 5:27 am | delete
    Great guide. Think anyone new to PS can use your guide to do their at home image cutting.

    Digital Stationery
    Image Cutting
    www.digital-stationery.co.uk
  • clippingpathindia Sep 3, 2010 @ 2:20 am | delete
    Very much impressive and clean tutorial.

    Clipping Path India
    http://www.clippingpathindia.com
  • Jul 30, 2010 @ 11:39 am | delete
    i learned everything i know about photoshop by following online tutorials so keep up the good work. people like me owe you guys alot. good work.

    Elliott Walsh - Photo Restoration Expert
  • RuthRead Jun 22, 2009 @ 11:01 pm | delete
    Wow, I think I could do this! I know I am going to try. I did not under stand all the features on photoshop. Very nice lens.
  • clipping path May 29, 2009 @ 1:58 am | delete
    Informative tutorial. Thanks.

    Regards,
    clip a path
    http://www.sblgraphics.com/clipping-path_service.aspx
  • Load More

LENSMASTER OF THE DAY


Do YOU have what it takes?
Click here, I dare you!!!

by

Portable_eBay

more »

Feeling creative? Create a Lens!