1. Scanning and Graphics Workshop I Graphics for the Web, Scanning and Introduction to Photoshop

2. Graphics Workshops l I: flatbed scanner and Photoshop basics l II: slide scanner and digital camera l III:Photoshop “tricks” - neat things to do with text, graphics, and file compression l IV: “Clickable” images l animated gifs and graphics “helpers”

3. l Basic considerations of graphic-design for the Web Basic considerations l Intro to Web graphic file formatsfile formats l Scanning paper documents Scanning paper l Intro to graphic-editing with Photoshop l File conversions File conversions

4. Web-Graphics Basics l Basic Considerations Basic Considerations l Most common file formats are.gif and.jpeg l 8-bit color l 254 colors of Netscape http://www.killersites.com/1-design/index.html

5. GIFs and JPEGS l GIFs use an LZW compression algorithm and have lossless compressions (decompressed image looks just like the compressed image) l uses linear pattern recognition for run- length encoding, so horizontal regularity is greatly compressable

6. GIF compression 941 bytes10001001 103311021147 118618036685

7. GIFs and JPEGs, cont. l allows transparency, animation, interlacing, etc. GIF 89a

8. GIFs and JPEGs, cont. l best way to compress photographic images (continuous tone images) JPEG

9. Flatbed scanners l mac and Windows 95 machines l use scanner software for image acquisition l use Photoshop for image manipulation and file conversion

10. Scanning l scan as “millions of colors”, even if the original image is black and white l save file as.bmp or.tiff

11. Photoshop l Open file l work with layers l use image adjustment routines to compensate for bad scanning l resize images for use on Web l save images in a web formats

12. Saving in.GIF format l select “mode” from the menu bar l select “indexed color” l say “OK” to “flatten layers?” l select either 8-bits/pixel or “Other” for resolution - it’s up to you. However, because gifs are an indexed file format, the fewer colors you use, the smaller your file will be!

13. l select “exact” or “adaptive” for the palette l click “OK” l select “file”, “save as”, and be sure to select “CompuServe GIF” in the “Save File as Format Type” box.

14. Saving in JPEG format l if you have more than one layer you must “flatten” the image l save as JPEG (choose jpeg in “Save File as Format Type” box)