Creating and Editing Web Images

Outline

• Digital images: bitmap (raster) or vector (http://graphicssoft.about.com/od/aboutgraphics/a/bitmapvector.htm)
• resize, resample, interpolation
  
• Image formats: gif, jpeg, png
  (http://catcode.com/imgguide/index.html)
• gif: lossy, 256 colors, animation, transparency
• jpeg: lossy, full (millions) color, no animation, no transparency, quality
  
• png: lossy, full color, no animation, pixel-by-pixel transparency
• other non-web formats: BMP (useless), PICT, TIFF (lossless), PSD (lossless)
• Image size and resolution
• pixels x pixels
• resolution - only counts for output
• apparent vs. real
• Scanning tricks
• scan big, save in lossless format (TIFF, PSD)
• watch the source: line art, newspaper, magazine, photo
• moire and descreen (median filter)
  
• Finding Web Images
• Google images, find full size
• Save As or Copy Location (technical and copyright issues)
• Move to Zoo:
• Windows sFTP: http://www.uvm.edu/%7Ehag/webpub/?Page=wpftpwin.html&SM=wpcyclemenu.html#sftp
• Macintosh Fugu: http://www.uvm.edu/%7Ehag/webpub/?Page=wpftpmac.html&SM=wpcyclemenu.html#fetch
• Insert in Web Page (Composer: Image)
• Editing Images: Adobe PhotoShop Elements
• the Elements window
  
• redisplay/magnify image
  
• resize image
• resize canvas
• rotate image
• select: rectangle, lasso, magnetic lasso, magic wand, inverse
  
• select, copy, paste
• crop
• sharpen, blur
• sample, paint bucket
• text
• paint, pencil, erase
• painting tools
• stamp tools
  
• dodge and burn
  

Resources

• Scanning Help:
• Scanning for Beginners: http://home.att.net/~cthames/index.htm
• Wayne Fulton's Scan Tips: http://www.scantips.com/
  

• Elements Guides, Tips, Help:
• Jay Arraich's wonderful Basic guide:
       http://www.arraich.com/elements/pse_basics1.htm
• Jay Arraich's specific "how-to's":
       http://www.arraich.com/elements/pse_hhow1.htm
• Jay Arraich's book recommendations:
       http://www.arraich.com/ps_books.htm
• About.com's Graphics pages:
       http://graphicssoft.about.com/od/pselements/