Transparent GIFs in Photoshop

This is a very simple way of achieving transparency for GIF images for Web pages.

1 When opening a new image check transparent background (not white or background color).
2

3

Create your image. Sometimes it's helpful to add a layer of color as a "stand in background" so you can see what your image looks like against the color you will use. (In this case "pink")
4

5

Once you have created your image, delete or turn off your "stand in layer" so that the image itself is sitting on the gray and white checks (e.g. the transparent background).
6 Goto: File/Export/Gif89a
7 Click on the grey Transparency Index Color box (the square) - this will bring up your color picker. Select the color of your background, or in the case of a textured/patterned background the prominant color, and click OK.
8) Set pallete to ADAPTIVE. Preview the image using the least number of colors as looks good. Generally an image looks just as good at 128 as it does at 255 and this will decrease the file size.
Preview your image again. If satisfied with it, save it.

 

CIPART 2000