How do you make "Stand Alone" Pictures?

If you go to
and stroll down you will see pictures of Shirts, Cups, ect. The pictures are "standing alone"(i don't know the correct terminology)by that I mean they have no backround around the border. Is there a easy way to do this using Adobe Photoshop 5.5 Thanks.
Paul RiskoAsked:
Who is Participating?
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

Actually they do have a background but it's white.  They likely shot the T-Shirts against a solid color not used on the shirt and then removed the color in photoshop.

If you are lucky enough to have an image on a background color not used in the main image this should be very easy.

1. Go into the menu at the top and switch to index color. ( Image:Mode:Index Color )

2. Then export the image as GIF89a Export ( File:Export:GIF89a Export )

3. In the new window that pops up you will be able to select the background color w/ the eyedropper tool and the background disappears (turns grey to us)

4. Click OK and then save the file.

If your background is not a flat color or the color appears somewhere in your image you want to cut out, you have a few extra steps to do first.  You need to get rid of the background without touching the main image. You can do this a couple ways, but first make sure your image is on an editable layer not a background layer.  
Double click on the layer and then after naming it you can procede.

A) Clicking on the solid flat background color w/ the magic wand then deleting.

B) If you don't have a simple background color you can use the lasso tools and outlining the image and then inverse the selection ( Select:Inverse in the menu ).  Then delete.

C) Using the eraser to erase along the outside of the image.

Combinations of these steps work well.

Once you have cutout your image pick a color not found anywhere in you cutout image and make a new layer.  Position this layer underneath the layer w/ your cutout image and then fill it with the new color.  If done correctly your background color should meet your cutout without any traces of the original background.  If any traces exist go in with the eraser and take them out by hand.  Then flatten the layers and goto step " 1. " at the top.  

Like always, with any luck this should work perfectly.


Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
Looking at the reference site ( ) again it looks like they designed the whole page in photoshop then cut out the sections and made pieces.  These pieces were then brought into a web building application and rebuilt there.  The idea of building a web page this way is it to cut out only the sections that have information on them.  The other blank sections (all white in this example) that don't have anything in them are not needed and only a waste of file size.  If you match the background color of the webpage w/ the background color of the images they should blend in seamlessly, without the missing pieces being visible.
Paul RiskoAuthor Commented:

It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
Adobe Creative Suite CS

From novice to tech pro — start learning today.