Adobe Photoshop CS3

Creating Transparent Images

Photoshop offers a unique layer system for creating images, and many options are available to create different backgrounds for your image. By creating a transparent background for an image, lower layers are allowed to show through without whitespace or unwanted parts of the image. To achieve this effect, you can create a transparent background for an image or make an existing image's background transparent.

Using the Transparency Option
Creating Transparency
Deleting an Existing Background

For more information on recoloring a background, refer to Working with Colors.

Using the Transparency Option

You can use the Transparency option to create an image on a single layer with no background color values.

From the File menu, select New...
The New dialog box appears.
In the Name text box, type the name of your image
Set the width and height for the image
From the Background Contents pull-down list, select Transparent
Click OK

Creating Transparency

When creating a transparent background, the colors that you select in the Color Table will become transparent; therefore, this will work best if the background has been deleted or converted to a solid color.

Open or create the desired image
Adjust the background of the image as necessary
From the File menu, select Save for Web & Devices...
The Save For Web & Devices dialog box appears.
On the Color Table palette, select a swatch color that you would like to become transparent in your image
At the bottom of the Color Table palette, click MAPS SELECTED COLORS TO TRANSPARENT
OPTIONAL: Repeat steps 9 and 10 until you achieve the desired effect
Click SAVE
The Save Optimized As dialog box appears.
From the Save in pull-down list, select the desired location to save your file
In the File name text box, type a name for your image
Click SAVE
The image is now saved with its transparencies.
NOTE: If the Replace Files dialog box appears, click REPLACE

Deleting an Existing Background

You may find an image you want to use but may not want the background of that image. Removing the background color with the Magic Wand Option works best if the image has a simple one-color background. However, if you have a complex, multicolored background (e.g., the background in a photograph) you will want to use the Select Inverse Option.

Deleting a Background: Magic Wand Option

In the Layers palette, double click the background layer
NOTE: This may be the only layer present.
The New Layer dialog box appears.
In the Name text box, verify that it reads Layer 0
NOTE: Do not make changes to the Opacity and Mode settings.
Click OK
From the Toolbox, select Magic Wand Tool
In the image, click the background
NOTES:
The Magic Wand tool selects similar colors in the vicinity of where you click.
An animated dashed line appears around the background or area of similar color.
HINTS:
To add to the selected area, press and hold [Shift] while clicking.
To deselect areas, press and hold [Alt] while clicking.
Once the background is selected, press [Delete]
The background (or selected area) becomes transparent.
OPTIONAL: If the image has a multicolored background (e.g., the background of a photograph), and you choose not to use the Select Inverse Option, you may find it necessary to repeat steps 5-6 to delete the remaining parts of the background or to delete other parts of the photo you want transparent.

Deleting a Background: Select Inverse Option

If you are working with a complex, multicolored background (e.g., the background in a photograph) you will want to use the Select Inverse Option. This option allows you to select the area of the image you would like to remain visible, while making the rest of the image transparent.

In the Layers palette, double click the background layer
NOTE: This may be the only layer present.
The New Layer dialog box appears.
In the Name text box, verify that it reads Layer 0
NOTE: Do not make changes to the Opacity and Mode settings.
Click OK
From the Toolbox, select an appropriate selection tool
Select the area of the image you want to remain visible
From the Select menu, select Inverse
The background of your image is now selected.
Press [Delete]
The background (or the area around your selected image) becomes transparent.