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.

Slides:



Advertisements
Similar presentations
2.01 Investigate graphic image design. Image Resolution.
Advertisements

Introduction to Computer Graphics Raster Vs. Vector COMMUNICATION TECHNOLOGY.
Raster Graphics vs. Vector Graphics
Multimedia Elements – Text and Graphics Unit B. 2 Objectives - Text Text in multimedia applications Text on the web Software for text editing.
Multi-media graphics--JOUR 205 Vectors vs. bitmaps.
Introduction to Computer Graphics
Vector vs. Bitmap SciVis V
How Images are Represented Bitmap images (Dots used to draw the image) Monochrome images 8 bit grey scale images 24 bit colour Colour lookup tables Vector.
V Obtained from a summer workshop in Guildford County July, 2014
Digital Images. Scanned or digitally captured image Image created on computer using graphics software.
What is digital resolution all about? Jellybean portrait shows us how units of color placed together make an image.
Multimedia Elements – Text and Graphics. Text in Multimedia Applications Of all multimedia elements, text is the easiest to manipulate General guidelines:
 Scanned or digitally captured image  Image created on computer using graphics software.
BITMAP & VECTOR GRAPHICS Art Fundamentals of Graphic Design.
Bitmap vs. Vector How computers work with photographs and drawings.
Minard Saladino By:. Introduction: Illustrator is a vector-based imaging program. Unlike PhotoShop, which deals in pixels (raster images), this one deals.
Bitmapped Images. Bitmap Images Today’s Objectives Identify characteristics of bitmap images Resolution, bit depth, color mode, pixels Determine the most.
WEB GRAPHICS. The Pixel Computer displays are comprised of rows and columns of pixels. Pixels are indivisible. Some common screen resolutions are:, 600.
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.
Higher Computing Data Representation.
COMP Bitmapped and Vector Graphics Pages Using Qwizdom.
Module Code: CU0001NI Technical Information on Digital Images Week -2.
Simple Graphics. Graphics Used in PowerPoint, Web pages and others Basic Knowledge drawing change of colour, shape and others acquiring, video camera,
Objective Understand concepts used to create digital graphics. Course Weight : 15% Part Three : Concepts of Digital Graphics.
Vector vs. Bitmap
Bitmap Vs. Vector Graphics. To create effective artwork, you need to understand some basic concepts about vector graphics versus bitmap images, resolution,
© 2010 Delmar, Cengage Learning Chapter 3: Working with Symbols and Interactivity.
2.01D Investigate graphic image design. Image Resolution.
Computer Concepts 2014 Chapter 8 Digital Media. 8 Chapter Contents  Section B: Bitmap Graphics  Section C: Vector and 3-D Graphics Chapter 8: Digital.
Multimedia Elements, Text and Graphics Unit B Multimedia Concepts Bob Griffin.
GRAPHICS. Topic Outline What is graphic. Resolution. Types of graphics. Using graphic in multimedia applications.
Graphics. Graphic is the important media used to show the appearance of integrative media applications. According to DBP dictionary, graphics mean drawing.
Multimedia Elements –Graphics. Graphics in Multimedia Applications.
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:
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.
 Scanned or digitally captured image  Image created on computer using graphics software.
Multimedia. What is a graphic?  A graphic can be a: Chart Drawing Painting Photograph Logo Navigation button Diagram.
Data Representation The storage of Text Numbers Graphics.
Digital Imaging Fundamentals Ms. Hema C.R. School of Mechatronic Engineering.
Raster Graphics 2.01 Investigate graphic image design.
COMPUTER GRAPHICS. Can refer to the number of pixels in a bitmapped image Can refer to the number of pixels in a bitmapped image The amount of space it.
Information Technology Images: Types, Resolution and Techniques.
Introduction to Images & Graphics JMA260. Objectives Images introduction Photoshop.
Image File Formats Harrow Computer Club – Wed, 1 Dec 2010 Bob Watson MA CMath MIMA MBCS.
RASTERIZING SHAPES IN PHOTOSHOP RASTERIZE: A process in Photoshop of converting a vector image into a bitmap (or raster) image VECTOR: A vector image is.
Graphics and Image Data Representations 1. Q1 How images are represented in a computer system? 2.
Guilford County SciVis V104.03
Lesson 9: Web Graphics. Objectives Distinguish between vector and raster graphic types Identify and choose appropriate image file formats, including browser-compatibility.
Software Design and Development Storing Data Part 2 Text, sound and video Computing Science.
Graphics Basic Concepts 1.  A graphic is an image or visual representation of an object.  A visual representation such as a photo, illustration or diagram.
Vector vs. Bitmap. Vector Images Vector images (also called outline images) are images made with lines, text, and shapes. Test type is considered to be.
Unit 2.6 Data Representation Lesson 3 ‒ Images
BITMAPPED IMAGES & VECTOR DRAWN GRAPHICS
Computer Graphics Lecture 3 Computer Graphics Hardware
Vector vs. Bitmap.
Pixel, Resolution, Image Size
Introduction to raster graphics
Intermediate 2 Computing
IMAGES.
Graphics Basics Ellen Eyth.
Learning Intention I will learn how a computer stores graphics.
Digital Images.
Chapter 3:- Graphics Eyad Alshareef Eyad Alshareef.
LET’S LEARN ABOUT GRAPHICS!
Some terms to become familiar with:
Digital Images.
Bitmap, Vector, Pixels, Resolution, Metadata.
Digital Media Objective
Presentation transcript:

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 straight lines, ovals, and arcs. When you draw a line, a set of instructions is written to describe its size, position, and shape. If more than one line is drawn, it has a precise relationship to the other parts.

 There are advantages and disadvantages to using draw-type graphics. The ability to resize and rotate a graphic without distortion is a major advantage of a draw- Type graphic.  Another advantage of a simple draw-type graphic is its smaller file size. Because each draw-type graphic is stored as a set of instructions, its file size may be significantly smaller than bitmap graphics.  One disadvantage of draw-type graphics is that the more complex the graphic is, the larger the file size and the longer it takes to appear on the screen. Another disadvantage is that draw- type graphics cannot be displayed in photo quality.

 BITMAP  A bitmap graphic represents the graphic image as an array of dots, called pixels.  The screen is made up of a grid, and each part of the grid is a pixel. Color information, called color depth, is recorded for each pixel.  Unlike a draw-type graphic, which keeps the same relationship (relative position and relative size) among its parts when its size or placement is changed, a bitmap graphic becomes distorted under those same circumstances.  To avoid distortion, bitmap graphics need to be redrawn using different resolution settings  Bitmap graphics are often used with photographic images because they can represent subtle gradients in color.

 A clear difference exists between draw-type graphics and bitmap graphics. Because draw-type graphics are displayed using a set of instructions that define each line in the graphic, they are not as discrete as bitmap graphics, which are displayed using a set of instructions that define each pixel in the graphic. Consequently, the quality of the draw-type image is lower than the quality of the bitmap image. For example, creating a circle with a draw-type program allows you to specify only one color for the entire circle, whereas creating a circle with a bitmap program allows you to change the color of every pixel in the circle.  Thus the bitmap graphic can have a photo quality. The trade-off is that a bitmap graphic file is larger than a draw-type graphic file.

 Commercially available programs for creating draw-type graphics include Corel DRAW and Adobe Illustrator.  Commercially available programs for creating bitmap graphics include Adobe Photoshop and Jasc Paint Shop Pro.

 SCREEN RESOLUTION  Screen resolutions are measured in horizontal and vertical pixels with 640x480 being the lowest standard.  The larger the pixel count and the smaller the pixel diameter are the higher the image resolution. A screen resolution of 1024x 768 will display a much better-quality image than a screen resolution of 640x480 on the same size monitor.

 IMAGE SIZE  The image size is determined by the number of pixels making up the image. The screen resolution and the image size determine how much of the screen is occupied by the image.  For example, if the image size is 640 x 480 and the screen resolution is 640 x 480, then the image will occupy the entire screen

 COLOR DEPTH  Each pixel can display from one color to millions of colors. The number of colors is determined by information associated with the pixel.  Various numbers of colors can be associated with each pixel, depending on the number of bits specified (8-bit for 256 colors, 16- bit for 65,000 colors, and 24-bit for 16.7 million colors).  The range of colors available for pixels is called the color depth.

 How is the range of colors available for each pixel determined? The information is coded in bits, which means binary digits.  Computers operate on the basis of the flow of electricity and the sensing of electrical impulses. The symbols used to represent this are 1 for “on” and 0 for “off.”  Because there are two symbols (1 and 0), this is a binary system. Everything that is done by the computer can be represented by this binary system—including determining how many colors can be displayed by a pixel.

 Let’s say that you want to use 16 different colors in your graphic. Each pixel in the graphic would need to be able to display each of the 16 colors. Each color could be assigned a number ranging from 0 to 15 (16 total colors).  The question then becomes, “How many bits are needed to represent 16 colors?” Using a binary number system, 4 bits in different combinations of “on” and “off” can represent 16 different numbers (colors).  The process requires assigning each bit a value based on its position relative to the other bits.