Multimedia Elements Graphics Graphics in Multimedia Applications Graphics

Multimedia Elements – Graphics

Graphics in Multimedia Applications

Graphics in Multimedia Applications n Graphical images - used to add emphasis, direct attention, illustrate concepts, and provide background content n Two types of graphics: 1) 2) Draw-type graphics or vector graphics – represent an image as a geometric shape Bitmap graphics – represents the image as an array of dots, called pixels

Draw Type Graphics n Draw type or vector graphics q q Geometric shape stored as set of instructions Smaller than bitmap Resize, rotate, no distortion No photo quality

Draw-type Example Scanned image: from Multimedia Concepts – James Shuman

Bitmap Graphics n Bitmaps – array of dots or pixels n Color depth per pixel n High quality pictures n Photo realistic n Larger than draw-type n File size = pixels x color depth / 8

Graphic Image File Sizes n Image file sizes can become large, you must balance the need for quality images with the need for small file sizes

Graphics Software n n n Drawing programs – used to create drawtype graphics Paint programs – used to create bitmap images Image editing programs – useful in making changes, or applying textures or patterns to existing images

Graphics Software Programs n Drawing programs – Adobe Illustrator n Paint programs – Paint Shop Pro n Image-editing programs – Photoshop (does the work of all 3)

Graphics Programs Features n n n n Graphics types Compatibility Graphics files – tiff, jpeg, bmp, gif … Layers Image enhancement Selection tools Color adjustments

Graphics Programs Features (Cont. ) n n n Image manipulation Filters Antialiasing q n n n Smoothes edges by blending colors Text support Hardware support Open architecture

Using Graphics on the Internet n Techniques to speed transfer times q q File compression – reduces the file size of a graphic Load images in stages Use thumbnails Use image editing programs

Graphic Image Sources n Alternative image sources q q q q Clip art Stock photographs Video images Still images Scanned images Photo CD’s Screen-capture programs

Other Resources n Some of the sources for font shopping n n n n Eye. Wire (www. eyewire. com) garage. Fonts (www. garagefonts. com) Letter. Space (www. letterspace. com) Bit. Stream (www. bitstream. com) My. Fonts (www. myfonts. com) T 26 (www. tw 6. com) P 22 (www. p 22. com) Font. Haus (www. fonthaus. com)

The End University of North Texas Dr. Vicky Cereijo