Presentation on theme: "Graphics and Animation Multimedia Projects Part 2."— Presentation transcript:
Graphics and Animation Multimedia Projects Part 2
8 Graphics in Multimedia Graphics are an element that virtually all multimedia applications include.
8 What is a graphic? A graphic can be a: Chart Drawing Painting Photograph Logo Navigation button Diagram
8 What do graphics look like? Graphics can be: Black and White (2 colors) Grayscale (all variations of black) Color (RGB – best for web and computer or CMYK – best for printing images) Still Animated
8 What do graphics do? Graphics can: Illustrate or demonstrate procedures Clarify data Convey ideas Tell stories Add visual appeal
8 Computer Graphics Technology Images created or edited on computers are either: Bitmapped graphics Vector graphics
8 What are bitmapped graphics? Bitmapped graphics, also known as raster graphics, consist of grids of tiny dots called pixels. Each pixel is assigned a color. Can be a continuous-tone image, such as a photograph Bitmap graphic editors are called paint programs Enlarging a bitmap graphic may cause the image to lose crispness and clarity, will get pixilated.
8 What are vector graphics? Vector graphics use mathematical formulas to define lines, curves, and other attributes. Generally much smaller than raster graphic files Vector graphic editors are called draw programs Do not lose clarity as you enlarge them. Appear as bitmaps on computer monitors because computer monitors consist of pixels
8 Graphics Quality Two factors that determine graphics quality are resolution and color depth. Resolution is the number of pixels per inch. Computer Monitors use 72dpi. Color depth refers to the number of distinct colors an image can contain. It can range from 2-bit (black and white) to 24-bit (16.7 million colors).
8 Graphic File Formats A computer can save and interpret graphic images in a variety of formats. Some of the most common are: GIF (Graphics Interchange Format) JPEG (Joint Photographic Experts Group) TIFF (Tagged Information File Format) PIC (PICTure) BMP (bitmap) TGA (Targa) PNG (Portable Network Graphics)
8 Editing Graphics Graphics editors have features for changing the sizes of images as well as their colors and other attributes. These include: Dithering Cropping Anti-aliasing Resizing
8 Dithering Creates the illusion that an image has more colors than it really has Before After
8 Cropping Cropping is used to eliminate unwanted parts of a picture Before After
8 Anti-aliasing Anti-aliasing smoothes the lines or transitions between neighboring colors and shapes Not anti-aliased Anti-aliased
8 Resizing Resizing is changing the height and width of the image Correct Original Incorrect
8 What is animation? Animation is when images achieve the illusion of motion.
8 Animation in Multimedia Some common uses of animation include: An animated navigation button that changes when the cursor passes over it (rollover) Tutorials using animated graphics for demonstration Web site advertisements that are animated to attract attention Computer games using animation to simulate action
8 Digital Photography Steps to Good Composition 1. Focus 2. Center the subject 3. Use rule of thirds 4. Check the background 5. Unifying Elements 6. Special Effects 7. Action settings
8 Focus Focus can mean two things 1. Is the picture clear.OR 2. What is the focus or purpose of the picture
8 Center the Subject This is the most common mistake, give the focus of the photo prominence without it being perfectly centered
8 Rule of Thirds Divide the photo into thirds either horizontally or vertically to achieve balance
8 Rule of thirds examples and usage Good Not Good Better
8 Check the Background Be sure to rid the photo of non- essential “clutter so more attention is on the Focus of the photo
8 Unifying Elements To help the eye wander around the photo use line or geometric shapes to tie the photo together