2. Bitmap vs. Vector How computers work with photographs and drawings

3. What are images?  Photographs (scanned, downloaded)  Pictures (drawn, painted)  Movies (videos, animation)

4. What are our options?  Bitmaps  Vector-based

5. Definition: Bitmap  Bitmapped images:  Photographs, computer paintings, videos  Specific number of dots (or pixels) across and down (160 x 120, 800 x 600, 1400 x 1050)  Dots spread out or squeeze together as image size changes  Number of dots remains the same  Photoshop, Paint, QuickTime

6. “Maps” of Dots

9. Bitmap Examples

10. Making Bitmaps Bigger 100% (900 x 983 dpi) 500% 200%

11. Warning!  DPI is critical!  Printers: 300 dpi, 600 dpi  Monitors: 72 dpi (Internet pictures)  If you download a picture from the Internet to print out, make sure it’s BIG!

12. Definition: Vector  Vector-based image:  Drawings, animation  Points, lines, fill, shapes  Instructions to computer  Quality remains same as image size changes  Illustrator, Word “draw”, Corel Draw

13. Points, Lines and Fill

14. Vector Examples

15. Vector Image 100% 500% 200%

16. Bitmap vs. Vector  Bitmap  Photographs  Dots (pixels)  Photoshop  Vector  Drawings  Points, lines, fill  Illustrator