Presentation on theme: "Scanning and Graphics Workshop I Graphics for the Web, Scanning and Introduction to Photoshop."— Presentation transcript:
Scanning and Graphics Workshop I Graphics for the Web, Scanning and Introduction to Photoshop
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”
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
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
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
GIFs and JPEGs, cont. l allows transparency, animation, interlacing, etc. GIF 89a
GIFs and JPEGs, cont. l best way to compress photographic images (continuous tone images) JPEG
Flatbed scanners l mac and Windows 95 machines l use scanner software for image acquisition l use Photoshop for image manipulation and file conversion
Scanning l scan as “millions of colors”, even if the original image is black and white l save file as.bmp or.tiff
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
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!
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.
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)