COMPUTER GRAPHICS. Once you scan an image or take a picture with your digital camera, it becomes digitized. Made up of hundreds of thousands of pixels.

Slides:



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

Introduction to Computer Graphics Raster Vs. Vector COMMUNICATION TECHNOLOGY.
A Digital Imaging Primer Nick Dvoracek Instructional Resources Center University of Wisconsin Oshkosh.
Graphics CS 121 Concepts of Computing II. What is a graphic? n A rectangular image. n Stored in a file of its own, or … … embedded in another data file.
Resolving the Problem Resolution: Concepts & Definitions.
2.01 Understand Digital Raster Graphics
Information Technology Services North Dakota State University Lorna Olsen Get the Best Digital Images Possible What’s it all about anyway?
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
What is digital resolution all about? Jellybean portrait shows us how units of color placed together make an image.
BITMAP & VECTOR GRAPHICS Art Fundamentals of Graphic Design.
Image size and Image Sensors. Look at an image in Photoshop Two ways to specify Image size…
Bitmapped Images. Bitmap Images Today’s Objectives Identify characteristics of bitmap images Resolution, bit depth, color mode, pixels Determine the most.
Lecture 3. Fundamentals of Computer Graphics. Computer Graphics, a very broad term Fields Related to Computer Graphics Bitmap/Vector graphics, 2D/3D graphics,
Fundamentals of Photoshop
COMP Bitmapped and Vector Graphics Pages Using Qwizdom.
GCSE Computing#BristolMet Session Objectives#9 MUST identify the data needed for a computer to display an image correctly (metadata) SHOULD describe the.
© GCSE Computing Candidates should be able to:  explain the representation of an image as a series of pixels represented in binary  explain the need.
Objective Understand concepts used to create digital graphics. Course Weight : 15% Part Three : Concepts of Digital Graphics.
Digital Terminology. Bitmap A representation consisting of rows and columns of dots of a graphic image stored in computer memory. To display a bitmap.
Vector vs. Bitmap
Megapixels. Intro When you are going to purchase a camera, two very important questions should be asked:
Bitmap Vs. Vector Graphics. To create effective artwork, you need to understand some basic concepts about vector graphics versus bitmap images, resolution,
Images Data Representation. Objectives  Understand the terms bitmap & pixel  Understand how bitmap images are stored using binary in a computer system.
2.01D Investigate graphic image design. Image Resolution.
Color and Resolution Introduction to Digital Imaging.
Resolution: The Peanut Butter Analogy. When you scan an image or take a digital picture you are “collecting” a batch of pixels. The mega pixel rating.
ADOBE PHOTOSHOP VECTOR VS RASTER. Pixel A pixel is the fundamental unit of an image in Photoshop. It is a small square block of color. An image often.
Which is the Pink Pen? Here is the Pink Pen (Example taken from
Computer Graphics An Introduction Jimmy Lam The Hong Kong Polytechnic University.
Graphics An image is made up of tiny dots called pixels (“picture elements”) The resolution determines the.
Adobe Photoshop Setting Up An A3 Poster. A3 You are required to produce a poster This poster needs to be A3 in size – twice the size of a normal (A4)
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.
Vocabulary Worksheet Answers
Representation of Data in Computer Systems
Adobe Photoshop CS4 – Illustrated Unit A: Getting Started with Photoshop CS4.
Guilford County SciVis V104.03
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.
UNITS OF MEASUREMENT 2.01 Understand Digital Raster Graphics.
UNITS OF MEASUREMENT 2.01 Understand Digital Raster Graphics.
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.
Demystifying the Pixel. What is a Pixel The smallest unit of measurement in a image It contains color space information in RGB, CMYK, HSB Resolution information.
Unit 2.6 Data Representation Lesson 3 ‒ Images
BITMAPPED IMAGES & VECTOR DRAWN GRAPHICS
Images Data Representation.
Data Representation Images.
Representing images.
2.01 Understand Digital Raster Graphics
What is digital resolution all about?
2.01 Understand Digital Raster Graphics
Screen and Image Resolution
Vector vs. Bitmap.
Pixel, Resolution, Image Size
2.01 Understand Digital Raster Graphics
Units of Measurement, Image Resolution, & Color Mode
LET’S LEARN ABOUT GRAPHICS!
ImageEditing Understanding Image Resolution.
Screen and Image Resolution
Representing Images 2.6 – Data Representation.
2.01 Understand Digital Raster Graphics
2.01 Understand Digital Raster Graphics
2.01 Understand Digital Raster Graphics
Nuts and Bolts of Digital Imaging
What is digital resolution all about?
Basic Concepts of Digital Imaging
2.01 Investigate graphic image design.
2.01 Understand Digital Raster Graphics
Screen and Image Resolution
Presentation transcript:

COMPUTER GRAPHICS

Once you scan an image or take a picture with your digital camera, it becomes digitized. Made up of hundreds of thousands of pixels. Pixels are nothing more than very tiny coloured squares that you can see if you increase the magnification of any image to its maximum PIXELS IN A BITMAP IMAGE

R ESOLUTION Resolution is the number of pixels in a linear inch—pixels per inch (or PPI), but it is most commonly referred to as dots per inch (DPI). The more pixels, or “dots,” per inch, the higher your image resolution will be.

There are two settings that affect the quality of the bitmap. The first is Bit Depth, Colour Depth or Image Mode. The number of colours that each pixel can represent.

A pixel in a typical 24-bit RGB image can represent one of 256 levels of red, green and blue which gives a possible tonal range of over 16 million colours (256 x 256 x 256). A pixel in an 8-bit indexed or grayscale image on the other hand represents one of just 256 possible values.

The second is Pixel Dimensions. The number of pixels in the image both horizontally and vertically.

With a pixel dimension of 300 x 300, for example, an image has a total of 90,000 pixels. With a doubled pixel dimension of 600 x 600 the image has four times as many pixels (360,000) to play with. And clearly the more pixels, or specific points of information there are in a picture, the more detail that can be represented.

By dividing the number of pixels in the height and in the width of a raster or bitmap by its resolution will determine the physical size of the image—e.g., a 300ppi raster image that is 900 pixels wide and 600 pixels high is 3 inches by 2 inches in size: 900 pixels ÷ 300ppi = 3 inches wide 600 pixels ÷ 300ppi = 2 inches high

An image resolution at 72 dpi is the Web or screen viewing standard. Different resolution settings have no effect on onscreen size... So if it makes no difference to a Web image's size if it was created at 72 dpi or 144 dpi or 1440 dpi, what function does the resolution setting play? The answer of course is print. Here there can be no flexibility.

Taken together the pixel dimensions and image mode provide the horizontal, vertical and depth settings that define the level of detail and tonal range in an image and hence its quality (aesthetics aside). By fixing how many image pixels are output per inch of paper, the image resolution setting fixes the image's printed size.

Resizing an image for print makes no difference whatsoever to the pixel data (as opposed to Resampling). In other words the resolution setting has no real effect on image quality it is really just a convenience for managing output size. The resolution setting is also important when you want to change the size of your print.

The resolution setting affects the size of the image rather than its quality Image quality is determined purely by the pixel information. The Image File Size considerations relate to quality. If you are creating an image for the Internet would you want a large file (high resolution, lots of pixels per inch) or a smaller file (low resolution, 16 bit)?