Computer Graphics Bitmap v Vector Graphics. Learning Objectives: By the end of this topic you should be able to:

Slides:



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

Vector vs. Bitmap Monica Stoica, book used:the essential guide to computing by garrison walters.
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,
Information Technology Services North Dakota State University Lorna Olsen Get the Best Digital Images Possible What’s it all about anyway?
The University of Adelaide Picture Perfect: Image Formats and Resolution Peter Murdoch March 2014 PREPARING GOOD LOOKING DOCUMENTS.
8.2 PICTURE IT Graphic Types and Their Uses. What Are Graphics?  Graphics are pictures/images  They could be images taken on a digital camera or scanned.
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.
Digital media products. Types of digital media products Graphic digital media Desktop publishing Graphic design Audio digital media Audio sequences Music.
Raster vs Vector and Image Resolution By Josh Gallagan.
File Formats By Jack Turner. Raster (Bitmap) Raster or bitmap is a dot matrix data structure, containing columns of dots and rows, of a graphics image.
Introduction to Computer Graphics Raster Vs. Vector TGJ 2OI St. Christopher C.S.S. 4 Introduction to Computer Graphics.ppt.
Part A Multimedia Production Rico Yu. Part A Multimedia Production Ch.1 Text Ch.2 Graphics Ch.3 Sound Ch.4 Animations Ch.5 Video.
Digital Images. Scanned or digitally captured image Image created on computer using graphics software.
WHAT IS IT AND WHY SHOULD I CARE? 2.0.  GRAPHICS  Draw-type graphics (also called vector graphics) represent an image as a geometric shape made up of.
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.
Dedicated Vector and Bitmap editing software.
Unit 30 Digital Graphics – Course overview Anne Sewell
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
COMP Bitmapped and Vector Graphics Pages Using Qwizdom.
Presenting Work: Graphics and Charts Letts Chapter 14.
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.
Bitmap Vs. Vector Graphics. To create effective artwork, you need to understand some basic concepts about vector graphics versus bitmap images, resolution,
Types of Data. Numbers Text Pictures Sound Video.
Digital imaging. Two types of graphic Bitmap Vector.
Digital Darkroom I Theresa L. Ford. Objectives Basic Digital Image Terminology Screen Display of Pictures –Why are pictures too big for the screen? –Why.
BTEC ICT Task 4 By Elliot lee. Hardware required to create and edit a graphic »Memory »Storage »Monitor »Processor »Input devices – scanners, tablets,
GRAPHICS. Topic Outline What is graphic. Resolution. Types of graphics. Using graphic in multimedia applications.
Marketing the Product By Dru Irwin. Graphics Cards (Video Card) Images on the screen you are looking at is made up of at least a million pixels. Pixels.
Multimedia Elements –Graphics. Graphics in Multimedia Applications.
CHAPTER 4 : MULTIMEDIA DEVELOPMENT 4.2 MULTIMEDIA ELEMENTS IMAGE/graphic/picture.
Graphics. What is a Graphic ? A Graphic is an image or a picture e.g. Pictures can be either drawn or painted. Pixel - Stands for Picture Element.
CS- 375 Graphics and Human Computer Interaction Lecture 1: 12/4/1435 Fundamental Techniques in Graphics Lecturer: Kawther Abas.
Photoshop Photoshop works with bitmapped, digitized images (that is, continuous-tone images that have been converted into a series of small squares, or.
Graphics and CAD. LO: Understanding graphics formats, manipulation, and the benefits of using CAD software. Learning Outcome: Define key words and answer.
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.
Unit 1: Task 1 By Abbie Llewellyn. Vector Graphic Software (Corel Draw) Computer graphics can be classified into two different categories: raster graphics.
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
Bitmap and Vector Graphics Bitmap Graphics Pictures are made up of little dots called pixels The colour of each dot is saved –Examples: Binary code representing.
Copyright © 2006 by The McGraw-Hill Companies, Inc. All rights reserved. McGraw-Hill Technology Education Chapter 8B Graphics and Multimedia.
Digital imaging. Two types of graphic Bitmap Vector.
Chapter 8B Graphics and Multimedia. 8B-2 Graphic File Formats Bitmapped images –Most common image type –Also called raster images –Image is drawn using.
Information Technology Images: Types, Resolution and Techniques.
Introduction to Images & Graphics JMA260. Objectives Images introduction Photoshop.
Resources used for marketing the product By Jamie Colclough.
Marketing the product By Ryan Porter. Graphics cards (video card) A graphics card is an expansion card which puts out images to a display. They’re made.
By tom squire.  Graphic cards are made of millions of dots called pixels. Graphic cards take data from the CPU and turn it into a picture. At most common.
Software Design and Development Storing Data Part 2 Text, sound and video Computing Science.
13 June – Session : Graphics Different types of Graphics for the web Features of image editing software Good practice for image editing.
Basic Digital Imaging For PE 266 Technology in HPER.
 Many people like the flexibility of digital images. For example:  They can be shared by attaching to /uploading to Internet  Sent via mobiles.
CONTENT INCLUDED IN POSTERS THAT WOULD BE DISPLAYED IN A GYM AND METHODS BY WHICH THESE POSTERS CAN BE CREATED.
Digital Imaging 101 Ann Ware.
Vector (Shapes) vs. Raster (Pixels)
Graphics and Multimedia
Digital imaging.
Hardware research By Hollie Willis.
Introduction to raster graphics
IMAGES.
Learning Intention I will learn how a computer stores graphics.
McGraw-Hill Technology Education
Digital imaging.
Representing Images 2.6 – Data Representation.
Digital Media Objective
Vector (Shapes) vs. Raster (Pixels)
Presentation transcript:

Computer Graphics Bitmap v Vector Graphics

Learning Objectives: By the end of this topic you should be able to:

Learning Objectives: By the end of this topic you should be able to: describe the difference between Vector and Bitmap graphics describe the difference between Vector and Bitmap graphics

Learning Objectives: By the end of this topic you should be able to: describe the difference between Vector and Bitmap graphics describe the difference between Vector and Bitmap graphics evaluate their suitability for given applications evaluate their suitability for given applications

Bitmap v Vector Graphics

Features of Bitmap Graphics photographic imagesphotographic images ‒ usually produced by scanner or digital camera images stored as pixelsimages stored as pixels ‒ ‘dots’ on the screen higher number of pixels = better resolution (quality)higher number of pixels = better resolution (quality) subtle changes can be made to an imagesubtle changes can be made to an image ‒ since each pixel is an individually addressable unit ‒ e.g. photo editing bitmap editing software:bitmap editing software: - Photoshop, Paint Shop Pro, Picasa, Paint, Fireworks ….

Bitmap Graphics Suitability: images can be of photographic quality images can be of photographic quality  images are not as precise as vector drawings  large amount of disk space taken up  large images take a long time to load, display & send images can be compressed images can be compressed - take up less storage space & take less time to send - e.g. JPEG image files  resizing images can cause distortion - pixellation

Vector Images Features: used in technical drawingsused in technical drawings –architectural, CAD, 3D modelling/animation object-basedobject-based –shapes: line, circle, rectangle …… created by mathematical equationscreated by mathematical equations –points described by a relative distance from the origin lines/shapes described by features:lines/shapes described by features: –length, thickness, colour … vector editing software:vector editing software: - e.g. CorelDraw, AutoCAD, Flash, Fireworks, Illustrator, Freehand, ….

Vector Images Suitability: more accurate drawings can be made more accurate drawings can be made objects can be resized without losing clarity objects can be resized without losing clarity images take up less memory and less disk space images take up less memory and less disk space 3D images can be created 3D images can be created  more powerful computer required - software needs to recalculate when redrawing/zooming - greater demand on CPU  can’t display photographic images

Question An architect has the choice between saving his plans as a vector or a bitmap graphic. Giving reasons, identify which he should use.[4]

Exam Questions