• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 223
  • Last Modified:

How do you make "Stand Alone" Pictures?

If you go to www.navyshipshop.com
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 Risko
Paul Risko
  • 2
1 Solution
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.

Looking at the reference site ( www.navyshipshop.com ) 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:

Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

Featured Post

Get 10% Off Your First Squarespace Website

Ready to showcase your work, publish content or promote your business online? With Squarespace’s award-winning templates and 24/7 customer service, getting started is simple. Head to Squarespace.com and use offer code ‘EXPERTS’ to get 10% off your first purchase.

  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now