XP Practical PC, 3e Chapter 13 1 Working with Graphics.

Slides:



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

Multimedia for the Web: Creating Digital Excitement Multimedia Element -- Graphics.
Digital Still Images ETT June Multimedia Assets Still Images Audio Video.
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,
Introduction to Computer Graphics
Introduction to Computers Section 11A. home Types of Graphics File Bitmap Vector.
Multimedia Elements – Text and Graphics. Text in Multimedia Applications Of all multimedia elements, text is the easiest to manipulate General guidelines:
Desktop Publishing Features Designing Documents. Publication Terms  Graphics - Objects used to convey a message.  Multiple Columns - Layout used to.
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.
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
Computer Concepts – Illustrated 8th edition
COMP Bitmapped and Vector Graphics Pages Using Qwizdom.
DIGITAL GRAPHICS & ANIMATION Complete LESSON 2 Importing and Exporting Graphics.
Simple Graphics. Graphics Used in PowerPoint, Web pages and others Basic Knowledge drawing change of colour, shape and others acquiring, video camera,
Presentation Design: Graphics. More About Color “Bit depth” of colors -- This is based on the smallest unit of information that a computer understands.
Graphics, Hypermedia, and Multimedia.  Prentice HallSlide 2 Focus on Computer Graphics Computer graphics include: –Painting Software –Digital Image Processing.
Computer Concepts 2014 Chapter 8 Digital Media. 8 Chapter Contents  Section B: Bitmap Graphics  Section C: Vector and 3-D Graphics Chapter 8: Digital.
Section 8.1 Create a custom theme Design a color scheme Use shared borders Section 8.2 Identify types of graphics Identify and compare graphic formats.
XP Practical PC, 3e Chapter 15 1 Creating Desktop Video and Animation.
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.
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.
Bitmap Graphics. Bitmap Basics Bitmap Graphic Bitmap Graphic Paint Software Paint Software.
Chapter 2 File Format Objectives (1 of 2) Identify the difference between vector based graphics and bitmap-based graphics Clarify bitmap and vector graphic.
Digital Imaging 101 Ann Ware. Digital Image Categories BITMAP  A vector is created by using a series of mathematically defined lines and curves rather.
Chapter 2 File Format Objectives (1 of 2) Identify the difference between vector based graphics and bitmap-based graphics Clarify 3 types of vector programs.
Digital Imaging 101 Ann Ware
Aim: What is Illustrator? Mr. Spaterella Technology Feb. 22.
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.
Resources used for marketing the product By Jamie Colclough.
2.01 Understand Digital Raster Graphics
© ExplorNet’s Centers for Quality Teaching and Learning 1 Objective % Understand digital graphics production methods, software, and hardware.
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
BITMAPPED IMAGES & VECTOR DRAWN GRAPHICS
Section 8.1 Section 8.2 Create a custom theme Design a color scheme
Chapter 8 Digital Media.
2.01 Understand Digital Raster Graphics
2.01 Understand Digital Raster Graphics
Digital Imaging 101 Ann Ware.
Graphics and Multimedia
Chapter 13 Working with Graphics
2.01 Understand Digital Raster Graphics
Lecture Week 4 Images.
Multimedia Elements – Text and Graphics
2.01 Investigate graphic image design.
Graphics: Production Methods, software, & Hardware
Chapter 3:- Graphics Eyad Alshareef Eyad Alshareef.
McGraw-Hill Technology Education
LET’S LEARN ABOUT GRAPHICS!
1.01 Investigate graphic types and file formats.
Graphics Basic Concepts.
2.01 Understand Digital Raster Graphics
Terms 1 Terms 2 Terms 3 Terms 4 Terms 5 1pt 1 pt 1 pt 1pt 1 pt 2 pt
2.01 Investigate graphic image design.
2.01 Understand Digital Raster Graphics
2.01 Investigate graphic image design.
2.01 Investigate graphic image design.
CS-101 Introduction to Computing
Presentation transcript:

XP Practical PC, 3e Chapter 13 1 Working with Graphics

XP Practical PC, 3e Chapter 13 2 Working with Graphics In this Chapter, you will learn: –What kind of graphics I can work with on the PC –When to use bitmap graphics –How to prepare graphics for Web pages –When to use vector graphics –How to create 3-D graphics –How to edit a digital photo –About Digitizing devices

XP Practical PC, 3e Chapter 13 3 What kind of graphics can I work with on my PC? Graphics or images are the pictures used in documents to add interest and visual explanations. Using graphics software, you can create, edit and store graphics on your computer. You can get graphics from many sources, including downloading from the internet, scanning paper sources, and buying clip art collections. There are two basic types of images you may use – bitmaps and vector graphics.

XP Practical PC, 3e Chapter 13 4 What kind of graphics can I work with on my PC? A Bitmap vs. a vector graphics image

XP Practical PC, 3e Chapter 13 5 When to use bitmap graphics In a bitmap graphic, the image is represented by a grid of colored dots. Bitmap images can be used to represent photo type images. Bitmap image file types include BMP, TIFF, GIF and JPEG. Paint software such as Adobe Photoshop and Corel PhotoPaint will create and edit bitmaps.

XP Practical PC, 3e Chapter 13 6 When to use bitmap graphics Bitmap quality depends on resolution and color depth. Higher resolution images show detail clearly. The number of color variations in an image is called color depth. True color, a 24-bit color depth produces 16.7 million colors but takes 3 times the storage space of a 256-color image.

XP Practical PC, 3e Chapter 13 7 When to use bitmap graphics The Windows Paint program You can change to color of an area with the fill tool The toolbar offers many tools for drawing and editing images A square on the grid is one dot in the image This window shows the actual image

XP Practical PC, 3e Chapter 13 8 Preparing graphics for Web Pages Web page graphics need to load as quickly as possible and still look good. Web graphics should be less than 20KB. Graphic sizes can be reduced by: –Resizing or scaling the graphic or using a thumbnail with a link to a bigger graphic –using a compressed format such as GIF or JPEG –reducing color depth to 256-color or dithered 16-color

XP Practical PC, 3e Chapter 13 9 Preparing graphics for Web Pages 256 color, dithered 16-color, and non-dithered 16 color

XP Practical PC, 3e Chapter When to use Vector Graphics In a Vector graphic, the image is represented by points, lines, arcs and other geometric shapes. A shape consists of line segments (vectors) with different widths and fill colors. Vector graphics are used for diagrams, line drawings and computer-aided design (CAD).

XP Practical PC, 3e Chapter When to use Vector Graphics The advantages of a vector graphic include: –They are usually small –They can change size with no loss of quality –Each shape is independent and can be modified individually Vector graphics file types include EPS and WMF. Vector graphics can be created/edited by packages such as Adobe Illustrator and Corel Draw.

XP Practical PC, 3e Chapter When to use Vector Graphics Using Micrografx software to add vectors to an image

XP Practical PC, 3e Chapter Creating 3-D graphics 3-D graphics appear to be three dimensional and also allow you to view the object from all angles. When creating a 3-D object, you produce a line drawing called wireframe of each surface of the object. Then you apply surface information to each surface (called rendering). This is similar to draping a covering over a frame.

XP Practical PC, 3e Chapter Creating 3-D graphics You also will specify a light source and the software will create bright spots and shadows. This process is called ray tracing. The rendering process can require extensive computer power and time. The finished image are very well defined with unflawed surfaces.

XP Practical PC, 3e Chapter Creating 3-D graphics The rendering process in creating a 3-D image

XP Practical PC, 3e Chapter Hardware – Digitizing devices An image that you can work with on your PC must be in digital format. A digitized image has been converted to a series of 0s and 1s. Images can be digitized by devices such as graphics tablets, scanners or digital cameras.

XP Practical PC, 3e Chapter Hardware – Digitizing devices A graphics tablet is like a drawing pad. Using a pen-shaped stylus you can draw on the pad. The images drawn on the tablet are then converted to bitmap graphs. The tablet is sensitive to where you touch the stylus and how much pressure is applied.

XP Practical PC, 3e Chapter Hardware – Digitizing devices A graphics tablet

XP Practical PC, 3e Chapter Hardware – Digitizing devices Scanners can digitize text, images, and bar codes. Flatbed scanners resemble small copiers. Scanning software allows you to adjust the size, resolution and other characteristics of the scanned image. OCR software allows you to scan and interpret text so that it can be read into word processing software.

XP Practical PC, 3e Chapter Hardware – Digitizing devices Scanning with a flatbed scanner

XP Practical PC, 3e Chapter Hardware – Digitizing devices Digital cameras take photos much like a regular camera, but store them as bitmap images instead of exposing the image on film. Digital cameras store images in a variety of ways, such as on a PCMCIA memory card, a floppy disk or in flash memory. Flash memory holds data without a constant supply of power and then transfers the pictures to the PC over a cable.

XP Practical PC, 3e Chapter Hardware – Digitizing devices A digital camera

XP Practical PC, 3e Chapter Making your own CDs Editing digital photos Remove Ceiling light Get rid of red eye Fix five o’clock shadow Sharpen edges

XP Practical PC, 3e Chapter What do you think? Shoes, UFOs, and Forrest Gump 1.In your opinion, should photos and videotapes be allowed as evidence in civil and criminal trials? 2.Do you think that it would be possible for someone to use doctored photos and videotapes to convince people that a fake event actually took place? 3.Do you have a set of criteria for judging the authenticity of newspaper and TC images?

XP Practical PC, 3e Chapter Chapter Summary You should now be able to: –Understand the differences between bitmaps and vector graphics –Know when to use each format –What to do for Web page graphics –How to create 3-D graphics –How to edit a digital photo –Understand the basic types and uses of Digitizing devices