The Basic Steps

The steps for creating actual transparency or mock transparency are nearly the same. The result can be accomplished in both Photoshop and Image Ready.

GIF/Web graphic transparency:

1. Isolate the image you want to retain area using selection.

2. Remove outter portions of the image via delete, or copy and paste the image area to place it on its own layer.

3. Save as a single layer in Indexed Color as a GIF with transparency.

Accepting the changes will alter the file so that specific pixel colors or areas are considered transparent: the browser will allow you to look through those pixels to see whatever is in the background.

JPEG/GIF mock transparency:

1. Isolate the image you want to retain area using selection.

2. Remove outter portions of the image via delete, or copy and paste the image area to place it on its own layer.

3. Replace the background with a color to match the intended background. This can be done by adding a layer with the background color or by assigning a Matte color.

4. Save as a single layer as a GIF or JPEG without transparency.

Accepting the changes will save the isolated image area over a background that matches the intended web page: the browser will see all of the image, but it will appear to blend in to the background.

  Copyright © Richard Lynch 2001