graphics, hypermedia, and multimedia. prentice hallslide 2 focus on computer graphics computer...
TRANSCRIPT
![Page 1: Graphics, Hypermedia, and Multimedia. Prentice HallSlide 2 Focus on Computer Graphics Computer graphics include: –Painting Software –Digital Image Processing](https://reader030.vdocuments.site/reader030/viewer/2022032606/56649eaa5503460f94baf039/html5/thumbnails/1.jpg)
Graphics,Graphics, Hypermedia, Hypermedia,
and and MultimediaMultimedia
![Page 2: Graphics, Hypermedia, and Multimedia. Prentice HallSlide 2 Focus on Computer Graphics Computer graphics include: –Painting Software –Digital Image Processing](https://reader030.vdocuments.site/reader030/viewer/2022032606/56649eaa5503460f94baf039/html5/thumbnails/2.jpg)
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
![Page 3: Graphics, Hypermedia, and Multimedia. Prentice HallSlide 2 Focus on Computer Graphics Computer graphics include: –Painting Software –Digital Image Processing](https://reader030.vdocuments.site/reader030/viewer/2022032606/56649eaa5503460f94baf039/html5/thumbnails/3.jpg)
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
![Page 4: Graphics, Hypermedia, and Multimedia. Prentice HallSlide 2 Focus on Computer Graphics Computer graphics include: –Painting Software –Digital Image Processing](https://reader030.vdocuments.site/reader030/viewer/2022032606/56649eaa5503460f94baf039/html5/thumbnails/4.jpg)
Prentice Hall Slide 4
Use pointing devices to “paint” objects, shapes or freehand script on the screen
Painting Software
![Page 5: Graphics, Hypermedia, and Multimedia. Prentice HallSlide 2 Focus on Computer Graphics Computer graphics include: –Painting Software –Digital Image Processing](https://reader030.vdocuments.site/reader030/viewer/2022032606/56649eaa5503460f94baf039/html5/thumbnails/5.jpg)
Prentice Hall Slide 5
Painting Software
Painting tools are used to create drawings
A variety of special effects can be added
![Page 6: Graphics, Hypermedia, and Multimedia. Prentice HallSlide 2 Focus on Computer Graphics Computer graphics include: –Painting Software –Digital Image Processing](https://reader030.vdocuments.site/reader030/viewer/2022032606/56649eaa5503460f94baf039/html5/thumbnails/6.jpg)
Prentice Hall Slide 6
Outlinedshapes can be filled with colors
Painting Software
Windows Paint
![Page 7: Graphics, Hypermedia, and Multimedia. Prentice HallSlide 2 Focus on Computer Graphics Computer graphics include: –Painting Software –Digital Image Processing](https://reader030.vdocuments.site/reader030/viewer/2022032606/56649eaa5503460f94baf039/html5/thumbnails/7.jpg)
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
![Page 8: Graphics, Hypermedia, and Multimedia. Prentice HallSlide 2 Focus on Computer Graphics Computer graphics include: –Painting Software –Digital Image Processing](https://reader030.vdocuments.site/reader030/viewer/2022032606/56649eaa5503460f94baf039/html5/thumbnails/8.jpg)
Prentice Hall Slide 8
Digital Image Processing
Start with this photo…
Combine it with other images to create this… Or this…
![Page 9: Graphics, Hypermedia, and Multimedia. Prentice HallSlide 2 Focus on Computer Graphics Computer graphics include: –Painting Software –Digital Image Processing](https://reader030.vdocuments.site/reader030/viewer/2022032606/56649eaa5503460f94baf039/html5/thumbnails/9.jpg)
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
![Page 10: Graphics, Hypermedia, and Multimedia. Prentice HallSlide 2 Focus on Computer Graphics Computer graphics include: –Painting Software –Digital Image Processing](https://reader030.vdocuments.site/reader030/viewer/2022032606/56649eaa5503460f94baf039/html5/thumbnails/10.jpg)
Prentice Hall Slide 10
Digital Image Processing:Software
Coral PhotoPaint
Adobe Photoshop Elements
Microsoft Picture It!
Jasc Paint Shop
Apple iPhoto
![Page 11: Graphics, Hypermedia, and Multimedia. Prentice HallSlide 2 Focus on Computer Graphics Computer graphics include: –Painting Software –Digital Image Processing](https://reader030.vdocuments.site/reader030/viewer/2022032606/56649eaa5503460f94baf039/html5/thumbnails/11.jpg)
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
![Page 12: Graphics, Hypermedia, and Multimedia. Prentice HallSlide 2 Focus on Computer Graphics Computer graphics include: –Painting Software –Digital Image Processing](https://reader030.vdocuments.site/reader030/viewer/2022032606/56649eaa5503460f94baf039/html5/thumbnails/12.jpg)
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
![Page 13: Graphics, Hypermedia, and Multimedia. Prentice HallSlide 2 Focus on Computer Graphics Computer graphics include: –Painting Software –Digital Image Processing](https://reader030.vdocuments.site/reader030/viewer/2022032606/56649eaa5503460f94baf039/html5/thumbnails/13.jpg)
Prentice Hall Slide 13
Drawing: Software
• Adobe Illustrator
• Macromedia Freehand
• Corel Draw
![Page 14: Graphics, Hypermedia, and Multimedia. Prentice HallSlide 2 Focus on Computer Graphics Computer graphics include: –Painting Software –Digital Image Processing](https://reader030.vdocuments.site/reader030/viewer/2022032606/56649eaa5503460f94baf039/html5/thumbnails/14.jpg)
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:
![Page 15: Graphics, Hypermedia, and Multimedia. Prentice HallSlide 2 Focus on Computer Graphics Computer graphics include: –Painting Software –Digital Image Processing](https://reader030.vdocuments.site/reader030/viewer/2022032606/56649eaa5503460f94baf039/html5/thumbnails/15.jpg)
Prentice Hall Slide 15
Painting Pixels vs.Drawing Object Shapes
When painting with pixels:
– Use for simulatingnatural paint media
– Use to embellishphotographic images
![Page 16: Graphics, Hypermedia, and Multimedia. Prentice HallSlide 2 Focus on Computer Graphics Computer graphics include: –Painting Software –Digital Image Processing](https://reader030.vdocuments.site/reader030/viewer/2022032606/56649eaa5503460f94baf039/html5/thumbnails/16.jpg)
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
![Page 17: Graphics, Hypermedia, and Multimedia. Prentice HallSlide 2 Focus on Computer Graphics Computer graphics include: –Painting Software –Digital Image Processing](https://reader030.vdocuments.site/reader030/viewer/2022032606/56649eaa5503460f94baf039/html5/thumbnails/17.jpg)
Prentice Hall Slide 17
Graphics File Formats
• Tiff – bit-mapped, images from scanners, widely supported
• EPS – encapsulated postscript
• Native file formats
• For commercial printing
![Page 18: Graphics, Hypermedia, and Multimedia. Prentice HallSlide 2 Focus on Computer Graphics Computer graphics include: –Painting Software –Digital Image Processing](https://reader030.vdocuments.site/reader030/viewer/2022032606/56649eaa5503460f94baf039/html5/thumbnails/18.jpg)
Prentice Hall Slide 18
Graphics File Formats
• BMP – Windows bit-map
• PICT – Macintosh, both bit-mapped and object-oriented
Platform dependent Paint programs
![Page 19: Graphics, Hypermedia, and Multimedia. Prentice HallSlide 2 Focus on Computer Graphics Computer graphics include: –Painting Software –Digital Image Processing](https://reader030.vdocuments.site/reader030/viewer/2022032606/56649eaa5503460f94baf039/html5/thumbnails/19.jpg)
Prentice Hall Slide 19
Graphics File Formats:for the WEB
GIF
• 256 possible colours
• Lossless compression
JPEG
• Photo-realistic
• Lossy compression
![Page 20: Graphics, Hypermedia, and Multimedia. Prentice HallSlide 2 Focus on Computer Graphics Computer graphics include: –Painting Software –Digital Image Processing](https://reader030.vdocuments.site/reader030/viewer/2022032606/56649eaa5503460f94baf039/html5/thumbnails/20.jpg)
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
![Page 21: Graphics, Hypermedia, and Multimedia. Prentice HallSlide 2 Focus on Computer Graphics Computer graphics include: –Painting Software –Digital Image Processing](https://reader030.vdocuments.site/reader030/viewer/2022032606/56649eaa5503460f94baf039/html5/thumbnails/21.jpg)
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)
![Page 22: Graphics, Hypermedia, and Multimedia. Prentice HallSlide 2 Focus on Computer Graphics Computer graphics include: –Painting Software –Digital Image Processing](https://reader030.vdocuments.site/reader030/viewer/2022032606/56649eaa5503460f94baf039/html5/thumbnails/22.jpg)
Prentice Hall Slide 22
CAD/CAM: From Picturesto Products
Engineers,architects, and designersuse CAD/CAMsoftware to designor manufactureproducts
![Page 23: Graphics, Hypermedia, and Multimedia. Prentice HallSlide 2 Focus on Computer Graphics Computer graphics include: –Painting Software –Digital Image Processing](https://reader030.vdocuments.site/reader030/viewer/2022032606/56649eaa5503460f94baf039/html5/thumbnails/23.jpg)
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
![Page 24: Graphics, Hypermedia, and Multimedia. Prentice HallSlide 2 Focus on Computer Graphics Computer graphics include: –Painting Software –Digital Image Processing](https://reader030.vdocuments.site/reader030/viewer/2022032606/56649eaa5503460f94baf039/html5/thumbnails/24.jpg)
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
![Page 25: Graphics, Hypermedia, and Multimedia. Prentice HallSlide 2 Focus on Computer Graphics Computer graphics include: –Painting Software –Digital Image Processing](https://reader030.vdocuments.site/reader030/viewer/2022032606/56649eaa5503460f94baf039/html5/thumbnails/25.jpg)
Prentice Hall Slide 25
Animation: Graphics in Time
Create the illusionof animation fromstill images with animated graphics
![Page 26: Graphics, Hypermedia, and Multimedia. Prentice HallSlide 2 Focus on Computer Graphics Computer graphics include: –Painting Software –Digital Image Processing](https://reader030.vdocuments.site/reader030/viewer/2022032606/56649eaa5503460f94baf039/html5/thumbnails/26.jpg)
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
![Page 27: Graphics, Hypermedia, and Multimedia. Prentice HallSlide 2 Focus on Computer Graphics Computer graphics include: –Painting Software –Digital Image Processing](https://reader030.vdocuments.site/reader030/viewer/2022032606/56649eaa5503460f94baf039/html5/thumbnails/27.jpg)
Prentice Hall Slide 27
3-D Modeling Software
Illustrators and designers use this software to add depth to two dimensional objects
![Page 28: Graphics, Hypermedia, and Multimedia. Prentice HallSlide 2 Focus on Computer Graphics Computer graphics include: –Painting Software –Digital Image Processing](https://reader030.vdocuments.site/reader030/viewer/2022032606/56649eaa5503460f94baf039/html5/thumbnails/28.jpg)
Prentice Hall Slide 28
Objects can be stretched…rotated … and combined with other objects
3-D Modeling Software
![Page 29: Graphics, Hypermedia, and Multimedia. Prentice HallSlide 2 Focus on Computer Graphics Computer graphics include: –Painting Software –Digital Image Processing](https://reader030.vdocuments.site/reader030/viewer/2022032606/56649eaa5503460f94baf039/html5/thumbnails/29.jpg)
Prentice Hall Slide 29
3-D Modeling Software
Volume based
• Medicine and scientific visualization
Surface based
• Photo-realistic
• TV, movies, computer games
![Page 30: Graphics, Hypermedia, and Multimedia. Prentice HallSlide 2 Focus on Computer Graphics Computer graphics include: –Painting Software –Digital Image Processing](https://reader030.vdocuments.site/reader030/viewer/2022032606/56649eaa5503460f94baf039/html5/thumbnails/30.jpg)
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
![Page 31: Graphics, Hypermedia, and Multimedia. Prentice HallSlide 2 Focus on Computer Graphics Computer graphics include: –Painting Software –Digital Image Processing](https://reader030.vdocuments.site/reader030/viewer/2022032606/56649eaa5503460f94baf039/html5/thumbnails/31.jpg)
Prentice Hall Slide 31
3-D Modeling Process
Model description
– Solids
– Polygon surface
– Wire-frame
• Artist models (defines) a 3-D actor
![Page 32: Graphics, Hypermedia, and Multimedia. Prentice HallSlide 2 Focus on Computer Graphics Computer graphics include: –Painting Software –Digital Image Processing](https://reader030.vdocuments.site/reader030/viewer/2022032606/56649eaa5503460f94baf039/html5/thumbnails/32.jpg)
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
![Page 33: Graphics, Hypermedia, and Multimedia. Prentice HallSlide 2 Focus on Computer Graphics Computer graphics include: –Painting Software –Digital Image Processing](https://reader030.vdocuments.site/reader030/viewer/2022032606/56649eaa5503460f94baf039/html5/thumbnails/33.jpg)
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
![Page 34: Graphics, Hypermedia, and Multimedia. Prentice HallSlide 2 Focus on Computer Graphics Computer graphics include: –Painting Software –Digital Image Processing](https://reader030.vdocuments.site/reader030/viewer/2022032606/56649eaa5503460f94baf039/html5/thumbnails/34.jpg)
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
![Page 35: Graphics, Hypermedia, and Multimedia. Prentice HallSlide 2 Focus on Computer Graphics Computer graphics include: –Painting Software –Digital Image Processing](https://reader030.vdocuments.site/reader030/viewer/2022032606/56649eaa5503460f94baf039/html5/thumbnails/35.jpg)
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)
![Page 36: Graphics, Hypermedia, and Multimedia. Prentice HallSlide 2 Focus on Computer Graphics Computer graphics include: –Painting Software –Digital Image Processing](https://reader030.vdocuments.site/reader030/viewer/2022032606/56649eaa5503460f94baf039/html5/thumbnails/36.jpg)