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:
- 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
- Elements Guides, Tips, Help:
hope.greenberg@uvm.edu