Graphics and Multimedia

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:
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.
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
Simple Graphics. Graphics Used in PowerPoint, Web pages and others Basic Knowledge drawing change of colour, shape and others acquiring, video camera,
XP Practical PC, 3e Chapter 13 1 Working with Graphics.
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.
CHAPTER 4 : MULTIMEDIA DEVELOPMENT 4.2 MULTIMEDIA ELEMENTS IMAGE/graphic/picture.
CS- 375 Graphics and Human Computer Interaction Lecture 1: 12/4/1435 Fundamental Techniques in Graphics Lecturer: Kawther Abas.
© Anthony J. Nowakowski, Ph.D. GRAPHICAL MEDIA EDC 601 Instructional Technologies © Anthony J. Nowakowski, Ph.D. “Graphics help to display and to clarify.
Photoshop Photoshop works with bitmapped, digitized images (that is, continuous-tone images that have been converted into a series of small squares, or.
Computer Graphics Bitmap v Vector Graphics. Learning Objectives: By the end of this topic you should be able to:
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.
Types of Graphics Technological Design.
Chapter 13 Working with Graphics
Lesson 22 Graphics Software.
2.01 Understand Digital Raster Graphics
Lecture Week 4 Images.
Multimedia Elements – Text and Graphics
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.
Enhancing a Document Part 1
Chapter 3:- Graphics Eyad Alshareef Eyad Alshareef.
McGraw-Hill Technology Education
LET’S LEARN ABOUT GRAPHICS!
1.01 Investigate graphic types and file formats.
Productivity Software
Enhancing a Document Part 1
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:

Graphics and Multimedia Chapter 8B Graphics and Multimedia

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. MIS105: Graphics and Multimedia

Graphic File Formats Bitmapped images (.bmp) 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. MIS105: Graphics and Multimedia

Bitmap Resized This image was drawn as a straight line. MIS105: Graphics and Multimedia

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. MIS105: Graphics and Multimedia

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. MIS105: Graphics and Multimedia

Graphic File Formats Vector file formats Most vector formats are proprietary Two universal formats exist DXF (Drawing Interchange File) IGES (Initial Graphics Exchange) MIS105: Graphics and Multimedia

Acquiring Images Scanners Like a photocopier Image is saved onto disk Scanners import a variety of formats MIS105: Graphics and Multimedia

Acquiring Images Digital cameras Stores digitized images Uses long term storage Image is usually a JPG file MIS105: Graphics and Multimedia

Acquiring Images Digital video cameras Stores full motion video Uses long term storage Movie can be transferred to DVD MIS105: Graphics and Multimedia

Acquiring Images Clip art Originally a book with images Now a CD with images Most office suites include a selection Additional clip art is available 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. MIS105: Graphics and Multimedia

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

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. MIS105: Graphics and Multimedia

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 MIS105: Graphics and Multimedia

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

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

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

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. MIS105: Graphics and Multimedia

Multimedia Basics Medium Way of sharing information Voice, pictures, text More effective with multiple mediums MIS105: Graphics and Multimedia

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