Digital Graphics 101

767 views
615 views

Published on

With today's software, it is easy to create and modify pictures and different types of graphics. To effectively use graphics, however, we need to understand different types (raster versus vector) and be aware of the file types for each.

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
767
On SlideShare
0
From Embeds
0
Number of Embeds
9
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Digital Graphics 101

  1. 1. Computer Graphics If a picture is worth 1,000 words, then its worth your while to understand computer & web graphics!
  2. 2. Text Generated • Series of characters and spaces • ASCII Art & emoticons • Advantages: Fast, simple, and easy • Requires no special software, hardware, or libraries • Disadvantage: Monochrome and crude.
  3. 3. Special Characters • Uses the extended ASCII character set, 128 to 255 • Special symbols mapped to extended ASCII codes. • Advantages: Fast, easy, & simple • Works reasonably well for line boxes, smiley faces, etc. • Disadvantage: Monochrome and crude.
  4. 4. Raster Graphics • Rectangular grid of pixels (picture elements) • Dots of light • Most common • .jpg & .jpeg .gif .png .bmp .tiff • Adobe PhotoShop
  5. 5. Image Resolution • • • • • Dots per inch Higher DPI, better image Most monitors display 72 Printers have limits Don’t use higher resolution than can be displayed • Printers handle between 120-1200
  6. 6. .jpg & jpeg • Joint Photographic Expert Group • Can be compressed (lossy) • More than 16 million possible colors • RBG: Red, Blue, Green • Web compatible • Most digital cameras
  7. 7. .gif & animated .gif • Graphics Interchange Format • Lossless compression • 256 colors (RBG) • Can set 1 color transparent • Can be animated (flashes series of frames) • Web-compatible
  8. 8. .png • Portable Network Graphics • Lossless compression • More than 16 million possible colors (RBG) • Supports alpha channel • Web compatible, but newer than .jpg & .gif
  9. 9. .bmp • Bitmap • “Wrapper” format – picture is created pixel-by-pixel • Large file sizes • Usually uncompressed • More than 16 million possible colors
  10. 10. .tiff or tif • Tagged Image File Format • Professional print format • More than 16 million colors • Can compress (lossless) • Supports alpha channel • RBG or CYMK
  11. 11. Vector Graphics • Drawn on computer, Mathematical lines, color fills • Areas can be transparent • Resize perfect, keep smooth lines, crisp look • Fonts are vector-like • Adobe Illustrator • Not web compatible

×