Graphics and Animation

Slides:



Advertisements
Similar presentations
Raster Graphics 2.01 Investigate graphic image design.
Advertisements

Introduction to Computer Graphics Raster Vs. Vector COMMUNICATION TECHNOLOGY.
L.Ghadah R. Hadba CT1514-L1.  Computer Graphics :refers to processing of creating a new image from Geometry, Lighting parameters, Materials and Textures.Using.
Raster graphics. Colour depth 01 1 bit pr pixel = 2 combinations (2 1 ): 2 bits pr pixel = 4 combinations (2 2 ): bits pr pixel = 16 combinations(2.
Multimedia for the Web: Creating Digital Excitement Multimedia Element -- Graphics.
Graphics CS 121 Concepts of Computing II. What is a graphic? n A rectangular image. n Stored in a file of its own, or … … embedded in another data file.
Image Processing, Illustration (Drawing), Paint Programs, and Scanning Dr. Warren C. Weber Cal Poly Pomona.
Graphics and Animation Chapter 8. 8 Graphics in Multimedia Graphics are an element that virtually all multimedia applications include.
Manipulating Images Image A visual representation of something that is seen in real life. It can be two-dimensional or three-dimensional A visual representation.
File Formats By Jack Turner. Raster (Bitmap) Raster or bitmap is a dot matrix data structure, containing columns of dots and rows, of a graphics image.
Introduction to Computer Graphics Raster Vs. Vector TGJ 2OI St. Christopher C.S.S. 4 Introduction to Computer Graphics.ppt.
Digital Images. Scanned or digitally captured image Image created on computer using graphics software.
WEB GRAPHICS. The Pixel Computer displays are comprised of rows and columns of pixels. Pixels are indivisible. Some common screen resolutions are:, 600.
GRAPHICS/IMAGES INFSCI Source: Learning Web Design by Jennifer Niederst RobbinsJennifer Niederst Robbins Creating Images:  Scanning  Be aware.
Module Code: CU0001NI Technical Information on Digital Images Week -2.
Objective Understand concepts used to create digital graphics. Course Weight : 15% Part Three : Concepts of Digital Graphics.
Image Storage Bitmapped Graphics – in which an image is represented as a collection of dots Vector Graphics – in which an image is represented as a set.
Presentation Design: Graphics. More About Color “Bit depth” of colors -- This is based on the smallest unit of information that a computer understands.
TYPES OF GRAPHICS TECHNOLOGICAL DESIGN. GRAPHIC DESIGN DEFINITION Visual problem solving that utilizes shapes, images, text, color, etc. to communicate.
Graphics and Animation Multimedia Projects Part 2.
Multimedia Elements II Graphics, Digital Video. UIT - Multimedia Production2 Multimedia Elements Multimedia elements include: Text Graphics Animation.
Information Processes and Technology Multimedia: Graphics.
GRAPHICS. Topic Outline What is graphic. Resolution. Types of graphics. Using graphic in multimedia applications.
2D Graphics Theory & Principles. Single Point Smallest addressable area on screen or digital image.
Bitmap Graphics. Bitmap Basics Bitmap Graphic Bitmap Graphic Paint Software Paint Software.
Unit 1: Task 1 By Abbie Llewellyn. Vector Graphic Software (Corel Draw) Computer graphics can be classified into two different categories: raster graphics.
Graphics & Images What File Format Do I Use?. Graphics & Images …..are visual images presented on some form of media (drawings, print, web, digital video)
Chapter 3 Image Files © 2013 Cengage Learning. All Rights Reserved. May not be scanned, copied or duplicated, or posted to a publicly accessible website,
Multimedia. What is a graphic?  A graphic can be a: Chart Drawing Painting Photograph Logo Navigation button Diagram.
Mirjana Devetakovic, M.Sc. CAAD - Images Beograd, 2011.
Raster Graphics 2.01 Investigate graphic image design.
File Types. Terms Multimedia- the integration of text, sound, video and/or animation into a document Letters, brochures, newsletters, web pages or presentations.
Image File Formats. What is an Image File Format? Image file formats are standard way of organizing and storing of image files. Image files are composed.
Graphics Concepts Presentation
Digital Image Editing Presented by John Hohn. File Formats JPEG – Joint Photographic Experts Group PNP – Portable Network Graphics GIF – Graphic Interchange.
21 st Century Technology. Painting Uses Pixels Quality of image Changes Drawing Uses Vectors or Lines Quality of Image Does NOT Change.
8 Graphics Digital Media I. What is a graphic? A graphic can be a:  Chart  Drawing  Painting  Photograph  Logo  Navigation button  Diagram.
© ExplorNet’s Centers for Quality Teaching and Learning 1 Objective % Understand concepts used to create digital graphics.
Graphics and Image Data Representations 1. Q1 How images are represented in a computer system? 2.
13 June – Session : Graphics Different types of Graphics for the web Features of image editing software Good practice for image editing.
Graphics Basic Concepts 1.  A graphic is an image or visual representation of an object.  A visual representation such as a photo, illustration or diagram.
Understanding Images. Pixels pixels Every image is made up of very small squares called pixels, and each pixel represents a color or shade. Pixels within.
Objective % Explain design concepts used to create digital graphics.
2.01 Understand Digital Raster Graphics
2.01 Understand Digital Raster Graphics
Types of Graphics Technological Design.
Chapter 3 Image Files © 2013 Cengage Learning. All Rights Reserved. May not be scanned, copied or duplicated, or posted to a publicly accessible website,
Introduction to Graphics
2.01 Understand Digital Raster Graphics
Introduction to raster graphics
Introduction To Photo Editing SHIELA MAE A. AQUINO SRNHS.
2.01 Investigate graphic image design.
Graphics Basics Ellen Eyth.
Graphics and Animation
Using GRAPHICS Bristol Community College CIS 13 Business Creativity Sources: Conference for Desktop Publisher and Others.
Chapter 3:- Graphics Eyad Alshareef Eyad Alshareef.
Some terms to become familiar with:
Adobe Visual Design 2.00 Identifying design elements when preparing images (10%) 7.00 Identifying design elements when preparing illustrations (1%)
Graphics and Animation
1.01 Investigate graphic types and file formats.
Graphics Basic Concepts.
2.01 Understand Digital Raster Graphics
Digital Media Objective
2.01 Investigate graphic image design.
Final Study Guide Arts & Communications.
2.01 Understand Digital Raster Graphics
Multimedia Graphics.
2.01 Investigate graphic image design.
Objective % Explain design concepts used to create digital graphics.
2.01 Investigate graphic image design.
Presentation transcript:

Graphics and Animation Chapter 8 Graphics and Animation

Graphics in Multimedia Graphics are an element that virtually all multimedia applications include.

What is a graphic? A graphic can be a: Chart Drawing Painting Photograph Logo Navigation button Diagram

What do graphics look like? Graphics can be: Black and White Grayscale Color Still Animated

What do graphics do? Graphics can: Illustrate or demonstrate procedures Clarify data Convey ideas Tell stories Add visual appeal

Computer Graphics Technology Images created or edited on computers are either: Bitmapped graphics Vector graphics

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

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

Graphics Quality Two factors that determine graphics quality are resolution and color depth. Resolution is the number of pixels per inch. 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).

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)

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

What is animation? Animation is when images achieve the illusion of motion.

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