Web Design with HTML and CSS

94

Saving images as GIFs

Web Design with HTML and CSS Digital Classroom

1 Choose File > Open. In the dialog box that appears, browse to the web05lessons folder

and open the fi le named web0504.psd. A colorful logo appears.

The logo you will optimize.

This logo contains a lot of solid color, and has an image behind it. In such situations you

must determine the part of the image on which you want to focus; in this case, you will

focus on the logo type, not the image behind it.

You will now remove the background. When you have a solid background, you can

remove it using the Magic Eraser tool, which has a tolerance option to control the pixels

to delete to transparency.

2 Select the Magic Eraser tool ( ), which is hidden under the Eraser tool ( ) in the

Tools panel.

3 In the Options bar at the top of the window, confi rm that the number 32 is in the

Tolerance text box. Also, make sure that the Contiguous option is checked.

Tolerance determines how much of a selected pixel color is deleted when you use the

Magic Eraser tool: the higher the value, the more shades of that color are deleted. The

lower the value, the fewer shades of that color is deleted. Selecting the Contiguous

option ensures that only touching pixels are deleted to transparency.

Click the Contiguous button to select only pixels that are connected to each other.