UNDERSTANDING COMPUTER GRAPHICS imaging details pixels are components of bitmap images bitmap images are rendered on a grid every bitmap image has a defined.

Slides:



Advertisements
Similar presentations
Computer Graphics Visible Surface Determination. Goal of Visible Surface Determination To draw only the surfaces (triangles) that are visible, given a.
Advertisements

Original image: 512 pixels by 512 pixels. Probe is the size of 1 pixel. Picture is sampled at every pixel ( samples taken)
B.Sc. Multimedia ComputingMedia Technologies Vector Graphics.
Multi-media graphics--JOUR 205 Vectors vs. bitmaps.
2.01 Understand Digital Raster Graphics
Chapter 6 Color Image Processing Chapter 6 Color Image Processing.
Vector vs. Bitmap SciVis V
Objective 1.  Computer graphics falls into two main categories:  Bitmap images  Vector images.
Objective 1.  Also known as raster images.  Made up of pixels in a grid.  Pixels: tiny dots of individual color that makes up what you see on your.
Raster vs Vector and Image Resolution By Josh Gallagan.
BITMAP & VECTOR GRAPHICS Art Fundamentals of Graphic Design.
What the difference is between bitmap and vector images. Which is suitable and when. Why do I need to know this?
Working with Graphics. Objectives Understand bitmap and vector graphics Place a graphic into a frame Work with the content indicator Transform frame contents.
Computer Image Dr Jimmy Lam CAD for Fashion and Textiles.
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.
Scanning 101 and Beyond Media & Instructional Technology Services Darryl Simcoe, Instructor Scanning: process of converting images to digital data files.
Lecture 3. Fundamentals of Computer Graphics. Computer Graphics, a very broad term Fields Related to Computer Graphics Bitmap/Vector graphics, 2D/3D graphics,
Computer Graphics Computer Graphics is everywhere: Visual system is most important sense: High bandwidth Natural communication Fast developments in Hardware.
It’s all in the Details Working with Graphics. Importing Graphics In PageMaker, graphics can be inserted As inline graphics As independent graphics Independent.
Objective Understand concepts used to create digital graphics. Course Weight : 15% Part Three : Concepts of Digital Graphics.
Category: Original Art & Graphic Design #1. Category: Original Art & Graphic Design #2.
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,
Computer Graphics Researched via: Student Name: Cheyenne Bell Date: 04/29/2010.
General Purpose Packages GRAPHICS Chapter 5. General Purpose Packages Features of Graphics Packages Entering text Entering text Common tools Common tools.
PhotoshopPhotoshop. Photoshop What is Photoshop? An image editing program used to create and modify digital images What is a digital image? – A picture.
Introduction to Vector Graphics and Adobe Illustrator CS3
Introduction To Technology.  In computer graphics, there are two type of graphics:  Raster  Vector.
Graphic and Narrative Rendering of the Unit 4 Translation.
Digital Media Lecture 4: Bitmapped images: Compression & Convolution Georgia Gwinnett College School of Science and Technology Dr. Jim Rowan.
Scanners “The Computer as an Educational Tool: Productivity and Problem Solving” ©Richard C. Forcier and Don E. Descy.
Graphics: Conceptual Model Real Object Human Eye Display Device Graphics System Synthetic Model Synthetic Camera Real Light Synthetic Light Source.
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.
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.
Scanning Basics. An image can be created, opened, edited, and saved in over a dozen different file formats in Photoshop. Of these, you might use only.
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.
* Bitmap images are based on a grid of pixels * Each pixel is assigned a specific location and color value * Bitmaps contain a limited number of pixels,
Introduction to Images & Graphics JMA260. Objectives Images introduction Photoshop.
Digital Graphics for Computer Games Pixels Types of Digital Graphics (Raster and Vector) Compression.
Scanner Scanner Introduction: Scanner is an input device. It reads the graphical images or line art or text from the source and converts.
Guilford County SciVis V104.03
Computer Graphic. Raster graphics In computer graphics, a raster graphics image, digital image, or bitmap, is a data structure representing a generally.
2.01 Understand Digital Raster Graphics
2.01 Understand Digital Raster Graphics
Vector vs. Bitmap.
2.01 Understand Digital Raster Graphics
1.01 Investigate graphic types and file formats.
2.01 Investigate graphic image design.
Images and PowerPoint Scanners usually try to save an image as a TIF or Bitmap Don’t use .bmp, or .tif files in PowerPoint They are too big They will make.
PHOTOSHOP.
LET’S LEARN ABOUT GRAPHICS!
Saving Images from Fireworks
1.01 Investigate graphic types and file formats.
Images in Binary.
ImageEditing Understanding Image Resolution.
Screen and Image Resolution
2.01 Understand Digital Raster Graphics
2.01 Investigate graphic image design.
Enhancing the Enlargement of Images
2.01 Understand Digital Raster Graphics
Color Image Processing
Importing & Altering Images
2.01 Investigate graphic image design.
2.01 Investigate graphic image design.
The Image The pixels in the image The mask The resulting image 255 X
Graphics Basics.
2.01 Investigate graphic image design.
Creating Digital Graphics
Presentation transcript:

UNDERSTANDING COMPUTER GRAPHICS imaging details pixels are components of bitmap images bitmap images are rendered on a grid every bitmap image has a defined size in pixels “image size” and “document size” are related but not the same when altering “image size” pixels are removed or “interpolated” when altering “document size” pixels are not changed PREPARE BITMAP IMAGES FOR YOUR INTENDED RENDERING OUTPUT no more, no less

pixels are components of bitmap Images bitmap images are rendered on a grid every bitmap image has a defined size in pixels “image size” and “document size” are related but not the same UNDERSTANDING COMPUTER GRAPHICS imaging details when altering “image size” pixels are removed or “interpolated” when altering “document size” pixels are not changed PREPARE BITMAP IMAGES FOR YOUR INTENDED RENDERING OUTPUT no more, no less

Eggleston, William. Near the River at Greenville, Mississippi Chromogenic process color print (Ektacolor). The Cleveland Museum of Art, Cleveland, Ohio, USA. CAMIO: CMA_ Web. 8 NOV THIS IS A BITMAP IMAGE THE ORIGINAL ISN’T Eggleston, William. Near the River at Greenville, Mississippi Chromogenic process color print (Ektacolor). The Cleveland Museum of Art, Cleveland, Ohio, USA. CAMIO: CMA_ Web. 8 NOV THIS ONE IS A SCAN IT’S A BITMAP IMAGE

YOU CAN REALLY SEE THE PIXELS WHEN ZOOMED Eggleston, William. Detail: Near the River at Greenville, Mississippi Chromogenic process color print (Ektacolor). The Cleveland Museum of Art, Cleveland, Ohio, USA. CAMIO: CMA_ Web. 8 NOV IN FACT IT’S A GRID MADE OF PIXELS

Eggleston, William. Near the River at Greenville, Mississippi Chromogenic process color print (Ektacolor). The Cleveland Museum of Art, Cleveland, Ohio, USA. CAMIO: CMA_ Web. 8 NOV 2011.