McGraw-Hill Technology Education

Slides:



Advertisements
Similar presentations
Introduction to Computer Graphics Raster Vs. Vector COMMUNICATION TECHNOLOGY.
Advertisements

Multimedia for the Web: Creating Digital Excitement Multimedia Element -- Graphics.
2.01 Understand Digital Raster Graphics
Copyright © 2006 by The McGraw-Hill Companies, Inc. All rights reserved. McGraw-Hill Technology Education Copyright © 2006 by The McGraw-Hill Companies,
Ann Ware Digital Imaging 101. Digital Image Categories BITMAPVECTOR A bitmap is an image created with pixels (small squares of color) The number of pixels.
Introduction to Computers Section 11A. home Types of Graphics File Bitmap Vector.
CSC 101 Introduction to Computing Lecture 25
Working with lesson 21 Images. This lesson includes the following sections: Computer Platforms Used for Graphics Types of Graphics Files Getting Images.
Introduction to Computer Graphics Raster Vs. Vector TGJ 2OI St. Christopher C.S.S. 4 Introduction to Computer Graphics.ppt.
Multimedia Elements – Text and Graphics. Text in Multimedia Applications Of all multimedia elements, text is the easiest to manipulate General guidelines:
1 ADVANCED MICROSOFT POWERPOINT Lesson 7 – Working with Visual and Sound Objects Microsoft Office 2003: Advanced.
Chapter 3 Survival Techniques. Goals Discover that being an Illustrator artist is more than just knowing the tools Develop a basic understanding of the.
Graphic Images 101. Painted on a grid Drawn mathematically.
Images you see on your screen are made up of these things called pixels. A screen will show over 1 million pixels and then a computer has to do what it.
May Melissa Albo #1 Sagrario Casillas #4 Angela Durán #8 Daniela Martínez #16.
Dedicated Vector and Bitmap editing software.
Unit 30 Digital Graphics – Course overview Anne Sewell
Graphics.
Working With Images, Sound, and Video Mark Grabe.
1 Bitmap Graphics It is represented by a dot pattern in which each dot is called a pixel. Each pixel can be in any one of the colors available and the.
Unit 30 P1 – Hardware & Software Required For Use In Digital Graphics
XP Practical PC, 3e Chapter 13 1 Working with Graphics.
Copyright Prentice-Hall, Inc Tickling Our Senses - Chapter 10.
TYPES OF GRAPHICS TECHNOLOGICAL DESIGN. GRAPHIC DESIGN DEFINITION Visual problem solving that utilizes shapes, images, text, color, etc. to communicate.
Graphics, Hypermedia, and Multimedia.  Prentice HallSlide 2 Focus on Computer Graphics Computer graphics include: –Painting Software –Digital Image Processing.
GRAPHICS. Topic Outline What is graphic. Resolution. Types of graphics. Using graphic in multimedia applications.
Chapter 14 Working with Graphics. 2Practical PC 5 th Edition Chapter 14 Getting Started In this Chapter, you will learn: − About different graphics you.
Multimedia Elements –Graphics. Graphics in Multimedia Applications.
© Anthony J. Nowakowski, Ph.D. GRAPHICAL MEDIA EDC 601 Instructional Technologies © Anthony J. Nowakowski, Ph.D. “Graphics help to display and to clarify.
Computer Graphics Bitmap v Vector Graphics. Learning Objectives: By the end of this topic you should be able to:
Forcier and Descy The Computer as an Educational Tool (Fifth Edition) Copyright © 2008 by Pearson Education, Inc. Columbus, Ohio All rights reserved.
Digital Imaging 101 Ann Ware. Digital Image Categories BITMAP  A vector is created by using a series of mathematically defined lines and curves rather.
Digital Imaging 101 Ann Ware
Copyright © 2006 by The McGraw-Hill Companies, Inc. All rights reserved. McGraw-Hill Technology Education Chapter 8B Graphics and Multimedia.
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.
Chapter 8B Graphics and Multimedia. 8B-2 Graphic File Formats Bitmapped images –Most common image type –Also called raster images –Image is drawn using.
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.
2.01 Understand Digital Raster Graphics
CONTENT INCLUDED IN POSTERS THAT WOULD BE DISPLAYED IN A GYM AND METHODS BY WHICH THESE POSTERS CAN BE CREATED.
Chapter 14 Working with Graphics
2.01 Understand Digital Raster Graphics
2.01 Understand Digital Raster Graphics
Digital Imaging 101 Ann Ware.
Graphics and Multimedia
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,
Chapter 13 Working with Graphics
Lesson 22 Graphics Software.
2.01 Understand Digital Raster Graphics
Lecture Week 4 Images.
Multimedia Elements – Text and Graphics
IMAGES.
Lesson 21 Working with Images.
2.01 Investigate graphic image design.
CMPE 101 Introduction to Information Technologies Chapter 5: Application Software: Tools for Productivity Copyright © 2012 Pearson Education, Inc. Publishing.
Chapter 3:- Graphics Eyad Alshareef Eyad Alshareef.
LET’S LEARN ABOUT GRAPHICS!
1.01 Investigate graphic types and file formats.
Productivity Software
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
Lesson 21 Working with Images.
2.01 Investigate graphic image design.
Lesson 22 Graphics Software.
Building an Online Store
2.01 Investigate graphic image design.
Presentation transcript:

McGraw-Hill Technology Education Copyright © 2006 by The McGraw-Hill Companies, Inc. All rights reserved.

Graphics and Multimedia Chapter 8B Graphics and Multimedia

Graphic File Formats Bitmapped images Most common image type Also called raster images Image is drawn using a pixel grid Each grid contains a color Color depth Number of usable colors Used to store drawings or photographs Resizing image can reduce quality Teaching tip Describe bitmapped image as drawing on graph paper. Fill in the blocks to create the image. I use a graph paper circle to illustrate.

Bitmap Resized This image was drawn as a straight line.

Graphic File Formats Vector images Drawn using mathematical formulas Formulas describe the line properties CAD and animation software Resizing image will not reduce quality Teaching tip Remind your students of the algebra classes they took in high school. The functions they plotted on the Cartesian plane are similar to vector equations.

Graphic File Formats File formats and compatibility Method for storing an image Each method has pros and cons Some formats are proprietary Graphic software can handle all formats Teaching tip Table 8B.1 on page 325 lists several image types.

Graphic File Formats Common bitmapped file formats BMP EMF GIF JPG PICT PNG TIFF Discussion point Discuss when JPGs are appropriate. A picture of my daughter will lose some detail in her shirt. This is OK. However, a JPG of my most recent CAT scan may lose detail of a tumor. This is not OK.

Graphic File Formats Vector file formats Most vector formats are proprietary Two universal formats exist DXF IGES

Acquiring Images Scanners Like a photocopier Image is saved onto disk Scanners import a variety of formats

Acquiring Images Digital cameras Stores digitized images Uses long term storage Image is usually a JPG file

Acquiring Images Digital video cameras Stores full motion video Uses long term storage Movie can be transferred to DVD

Acquiring Images Clip art Originally a book with images Now a CD with images Most office suites include a selection Additional clip art is online Teaching tip Free or inexpensive clip art is often of too poor quality to use in graphic production. They are best suited for interoffice or personal communication.

Graphics Software Paint programs Create bitmap images Includes sophisticated tools Artists draw with several brushes Objects drawn become permanent Windows Paint

Graphics Software Draw programs Create vector based images Used when accuracy is critical Objects have an outline and fill Both have line style and color Can fill using pictures Adobe Illustrator Teaching tip Figure 8B.7 on page 327 demonstrates two images created with a paint program.

Graphics Software Photo-editing software Modify and manipulate digital images Work at the pixel level Images can be enhanced Picture flaws can be repaired Pictures can be completely changed Photoshop and GIMP

Enhancing a Photo Teaching tip This image is an example of the solution to the project found in the Instructor’s Manual.

Graphics Software Computer Aided Drafting (CAD) Generates vector files Engineering and design fields Drawings accurate to the millimeter AutoCAD

Graphics Software 3D modeling software Generates three dimensional images Image can be shaped on screen Image is animated frame by frame

Graphics Software Computer generated imaging Generates photo realistic images Used for movies and television Software eliminates tedious parts Teaching tip Have fun with this one. Remind the students of the Jurassic Park movies. Sarcastically say that the dinosaurs were not real. But they sure looked good.

Multimedia Basics Medium Way of sharing information Voice, pictures, text More effective with multiple mediums Multimedia presents information with one medium

Multimedia Basics Interactivity Users and program respond Users can control the content Main difference between TV and computer

Chapter 8B End of Chapter