Graphics, Hypermedia, and Multimedia

Graphics,Graphics, Hypermedia, Hypermedia,

and and MultimediaMultimedia

Prentice Hall Slide 2

Focus on Computer Graphics

• Computer graphics include:

– Painting Software

– Digital Image Processing

– Drawing Software

– 3-D Modeling Software

– CAD/CAM

– Presentation Software

Prentice Hall Slide 3

Painting Software

GrAphicS

Pixels: tiny dots of white, black or color arranged on the screen

Bit-Mapped Graphics: pictures that are simple maps showing how the pixels should be arranged on the screen

J a r g o n

Resolution: the number of pixels (dots) per inch

Prentice Hall Slide 4

Use pointing devices to “paint” objects, shapes or freehand script on the screen

Painting Software

Prentice Hall Slide 5

Painting Software

Painting tools are used to create drawings

A variety of special effects can be added

Prentice Hall Slide 6

Outlinedshapes can be filled with colors

Painting Software

Windows Paint

Prentice Hall Slide 7

Digital Image Processing:Photographic Editing by

Computer

Why Digital Imaging Software?

Provides a powerful way to edit high resolution images captured by digital cameras and scanners

Allows photographs to be edited and combined (think of the supermarket tabloids)

Offers a way to touch up pictures and make them look more professional and polished

Prentice Hall Slide 8

Digital Image Processing

Start with this photo…

Combine it with other images to create this… Or this…

Prentice Hall Slide 9

Digital Image Processing:Software

Adobe Photoshop

Acquires images

Manipulates pixels

Layers – edited and stored independently

Used by professionals

Saves in other formats

Prentice Hall Slide 10

Digital Image Processing:Software

Coral PhotoPaint

Adobe Photoshop Elements

Microsoft Picture It!

Jasc Paint Shop

Apple iPhoto

Prentice Hall Slide 11

Drawing:Object-Oriented Graphics

Object-Oriented Software offers drawing tools similar to painting software

Pointing devices are used to create various shapes

Prentice Hall Slide 12

Drawing

Shapes in Object-Oriented Software:– Are stored as formulas (not pixels)

that describe how to draw that shape

– Drawings are smoother and require less memory than bit-mapped drawings

– Resolution is not fixed

Prentice Hall Slide 13

Drawing: Software

• Adobe Illustrator

• Macromedia Freehand

• Corel Draw

Prentice Hall Slide 14

Painting Pixels vs.Drawing Object Shapes

– You have more control over textures, shading, and fine detail

– Use for creating screendisplays (for video games, multimedia presentations, and Web pages)

When painting with pixels:

Prentice Hall Slide 15

Painting Pixels vs.Drawing Object Shapes

When painting with pixels:

– Use for simulatingnatural paint media

– Use to embellishphotographic images

Prentice Hall Slide 16

Painting Pixels vs.Drawing Object Shapes

When drawing object shapes:

– shapes and lines are cleaner and smoother

– use for creating printed graphs, charts, and illustrations

Prentice Hall Slide 17

Graphics File Formats

• Tiff – bit-mapped, images from scanners, widely supported

• EPS – encapsulated postscript

• Native file formats

• For commercial printing

Prentice Hall Slide 18

Graphics File Formats

• BMP – Windows bit-map

• PICT – Macintosh, both bit-mapped and object-oriented

Platform dependent Paint programs

Prentice Hall Slide 19

Graphics File Formats:for the WEB

GIF

• 256 possible colours

• Lossless compression

JPEG

• Photo-realistic

• Lossy compression

Prentice Hall Slide 20

Presentation graphics software is used to create visual aids for:

– Lectures

– Training and education sessions

– Sales and product demonstrations

– Meetings

Presentation Graphics:Bringing Lectures to Life

Prentice Hall Slide 21

Presentation Graphics:Bringing Lectures to Life

– Users can Enter textin outline form

– Enhance text with font and style changes, clip art, audio, and videoclips

– Add Special effects and transitions to computer “slide shows”(like this one)

Prentice Hall Slide 22

CAD/CAM: From Picturesto Products

Engineers,architects, and designersuse CAD/CAMsoftware to designor manufactureproducts

Prentice Hall Slide 23

CAD/CAM: From Pictures to Products

– CAD (computer-aided design) is a modern drafting tool for designers

• Designs can be tested under various conditions before being built

– CAM (computer-aided manufacturing) is a program that controls the manufacturing of parts• CAM uses data from a CAD program

to build the part that was designed

Prentice Hall Slide 24

• Modern media often contains dynamic information that changes over time or in response to user input

Dynamic Media:Beyond the Printed Page

Prentice Hall Slide 25

Animation: Graphics in Time

Create the illusionof animation fromstill images with animated graphics

Prentice Hall Slide 26

Animation: Graphics in Time

• Tedious tasks have been automated with computers and animation software

• Toy Story was the first full-length animated movie created on a computer

• Artist draws the key frames only

• In-between frames are computer-drawn

Prentice Hall Slide 27

3-D Modeling Software

Illustrators and designers use this software to add depth to two dimensional objects

Prentice Hall Slide 28

Objects can be stretched…rotated … and combined with other objects

3-D Modeling Software

Prentice Hall Slide 29

3-D Modeling Software

Volume based

• Medicine and scientific visualization

Surface based

• Photo-realistic

• TV, movies, computer games

Prentice Hall Slide 30

3-D Modeling Software

Surface based

• High performance computers and custom software

• E.G. Jurassic Park: dinosaurs are 6.5 minutes

• Required 50 people, 18 months and $15 million equipment

Prentice Hall Slide 31

3-D Modeling Process

Model description

– Solids

– Polygon surface

– Wire-frame

• Artist models (defines) a 3-D actor

Prentice Hall Slide 32

3-D Animation

• Places the 3-D actor into the scene

• Scene is composed of multiple actors and background and timing and camera movement

• Scenes are rendered: computer software does the lighting, shading, perspective, hidden surface removal

Prentice Hall Slide 33

Desktop Video:Computers, Film and TV

Video digitizers allow you to capture analog video images as digital data that can be stored and manipulated in the computer’s memory

Prentice Hall Slide 37

Interactive Multimedia:Eye, Ear, Hand, and Mind

Combine text, graphics, animation, video, music,

or sound effects in such a way that the user takes an active part in the experience

Prentice Hall Slide 39

Multimedia Authoring:Making Mixed Media

Create and edit multimedia projects.

– Begin with source documents (text, graphics, video clips, music, and sound files)

– Multimedia authoring software allows you to combine the individual sources

– Authoring software allows the project to be interactive (requiring the user to take an active role)