Creating Graphics for the Web

Slide 1 - Title
Slide 2 - Why use Graphics on your web pages?
Slide 3 - Web Graphics - terminology
Slide 4 - Compression types
Slide 5 - Compare compression
Slide 6 - Compare compression
Slide 7 - Always save a copy of the original file
Slide 8 - Fun with Photoshop

Slide 9 - Vignette
Slide 10 - Create the vignette in Photoshop 6
Slide 11 - Vignette - screen shot
Slide 12 - Vignette - screen shot
Slide 13 - Vignette - screen shot
Slide 14 - Vignette - screen shot
Slide 15 - Vignette - screen shot

Slide 16 - Bevel effect
Slide 17 - Create the bevel in Photoshop 6
Slide 18 - Bevel - screen shot
Slide 19 - Bevel - screen shot

Slide 20 - Drop shadow
Slide 21 - Drop shadow - screen shot
Slide 22 - Drop shadow - screen shot
Slide 23 - Drop shadow - screen shot
Slide 24 - Drop shadow - screen shot
Slide 25 - Drop shadow - screen shot

Slide 26 - Add text to picture
Slide 27 - Adding text - screen shot
Slide 28 - Adding text - screen shot
Slide 29 - Adding text - screen shot
Slide 30 - Adding text - screen shot
Slide 31 - Adding text - screen shot
Slide 32 - Adding text - screen shot
Slide 33 - Adding text - screen shot

Slide 34 - Photo gallery
Slide 35 - Photo gallery - screen shot
Slide 36 - Photo gallery - screen shot
Slide 37 - Photo gallery - screen shot
Slide 38 - Photo gallery - screen shot
Slide 39 - Photo gallery - screen shot
Slide 40 - Photo gallery - screen shot

Slide 41 - In Conclusion

Kay Morrison
Computer Sciences Corporation
U.S.EPA Large Lakes Research Station
Mid-Continent Ecology Division
National Health and Environmental Effects Laboratory
Office of Research and Development