Bitmapped Images. Bitmap Images Today’s Objectives Identify characteristics of bitmap images Resolution, bit depth, color mode, pixels Determine the most.

Slides:



Advertisements
Similar presentations
A Digital Imaging Primer Nick Dvoracek Instructional Resources Center University of Wisconsin Oshkosh.
Advertisements

Capturing and optimising digital images for research Gilles Couzin.
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
The University of Adelaide Picture Perfect: Image Formats and Resolution Peter Murdoch March 2014 PREPARING GOOD LOOKING DOCUMENTS.
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.
Chapter 11 Preparing a Document for Prepress and Printing.
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.
 Scanned or digitally captured image  Image created on computer using graphics software.
Introduction to Graphic Arts Technology PRINT Versus WEB.
© 2011 Delmar, Cengage Learning Chapter 11 Preparing a Document for Prepress and Printing.
Pixels, PPI, DPI, and LPI for Scanning, Printing, and Web Publishing
Computer Image Dr Jimmy Lam CAD for Fashion and Textiles.
Color Systems. Subtractive Color The removal of light waves to perceive color: –Local or physical attributes of pigments, dyes, or inks reflect certain.
HBCU-CUL Digital Imaging Workshop, November 2005
Analog and Digital Cameras  History of Digital cameras  Advantages and Disadvantages / Similarities and Differences of both types of cameras  Types.
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,
Fundamentals of Photoshop
Dean Pentcheff NHMLAC MBPC/Crustacea 17 April 2006.
Computer Systems Nat 4.5 Computing Science Data Representation Lesson 4: Storing Graphics EXTENSION.
It’s all in the Details Working with Graphics. Importing Graphics In PageMaker, graphics can be inserted As inline graphics As independent graphics Independent.
07: Color in Interactive Digital Media
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.
Colours and Computer Jimmy Lam The Hong Kong Polytechnic University.
Vector vs. Bitmap
1 Perception, Illusion and VR HNRS 299, Spring 2008 Lecture 14 Introduction to Computer Graphics.
Bitmap Vs. Vector Graphics. To create effective artwork, you need to understand some basic concepts about vector graphics versus bitmap images, resolution,
Digital Cameras And Digital Information. How a Camera works Light passes through the lens Shutter opens for an instant Film is exposed to light Film is.
Color and Resolution Introduction to Digital Imaging.
1 Ethics of Computing MONT 113G, Spring 2012 Session 10 HTML Tables Graphics on the Web.
Adobe Illustrator Chapter 1 Notes Pages 1-2 –1-75 Mrs. Leonard.
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.
 Scanned or digitally captured image  Image created on computer using graphics software.
Color and Images. Color The natural colors we see and the colors we see on computer monitors are different. CMYK -natural RGB -monitor.
Adobe Photoshop CS5 – Illustrated Unit A: Getting Started with Photoshop CS5.
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.
PART 2 – Size, Display, Color Modes. Image Size Courtesy of Digital images are made up of pixels (picture elements),
RGB vs. CMYK Screen vs. Print.
Scanner Scanner Introduction: Scanner is an input device. It reads the graphical images or line art or text from the source and converts.
© ExplorNet’s Centers for Quality Teaching and Learning 1 Objective % Understand concepts used to create digital graphics.
Adobe Photoshop CS4 – Illustrated Unit A: Getting Started with Photoshop CS4.
Guilford County SciVis V104.03
Digital Basics Quiz Preparation. Basic Digital Image Concepts Aliasing & Anti‐aliasing Resolution Compression Raster & Vector Color mode & Image mode.
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.
Multimedia and weBLOGging Grade 7-9 | Cahaya Bangsa Classical School (C) 2010 Digital Media Production Facility 03 - Still Picture 01 – Basics.
Photoshop CS6 – Nelson Unit 3: Photoshop CS6. Objectives Define photo editing software Start Photoshop and view the workspace Use the Zoom tool and the.
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
DIGITAL MEDIA FOUNDATIONS
Images Data Representation.
Getting Started with Adobe Photoshop CS6
Data Representation Images.
2.01 Understand Digital Raster Graphics
Vector vs. Bitmap.
Pixel, Resolution, Image Size
Digital Images.
ImageEditing Understanding Image Resolution.
2.01 Understand Digital Raster Graphics
Color and Images.
Visuals are analog signals...
VISUAL COMMUNICATION USING ADOBE PHOTOSHOP CREATIVE SUITE 5
Presentation transcript:

Bitmapped Images

Bitmap Images Today’s Objectives Identify characteristics of bitmap images Resolution, bit depth, color mode, pixels Determine the most appropriate color mode to edit images Calculate file size for various size images Explain relationship between bit depth, image size, and file size Determine appropriate image resolution for final output Resample images (up) and resize images for linking to page layout document

Raster Images & Resolutions Resolution refers to how well the image is resolved. –Full range of colors or tones Raster refers to images that contain dots or pixels in a vertical and horizontal row format –Synonymous with Bitmap, Pixel based

Bitmapped (Raster) Graphics Scanned or digital images Composed of individual dots or pixels –Defined by a rectangular grid

Bit Depth Refers to the number of values that can be stored in a pixel –1 bit = 2 colors –8 bit = 256 colors –24 bit = 16,000,000 colors

Bitmap Mode –1-bit image –Pixels are either black or white –Used for line art

Grayscale Mode –8-bit image –Pixels can be any 1 of 256 tones –Used for continuous tone images for B&W reproduction

RGB Mode –24-bit image using Red, Green, & Blue –Uses 3 (8-bit) channels of R,G,B light –TV and video monitors used RGB light –Pixels can any 1 of 256 shades of R,G, & B –Three channels combines to produce 24-bit color –RGB colors on screen brighter than CMYK

RGB Mode –Not all colors in RGB can be reproduced using CYMK printing –Should work on images in RGB until all editing completed Faster More editing options

CYMK Mode –Based on 4-color process printing –Uses 4 channels CYMK –The 4th (black) channel does not increase number of colors –CYM = K (black) –CYMK has smaller gamut than RGB

RGB vs. CMYK RGGCMYK

What Mode to Work In? –Scan as RGB, –Most scanners/cameras capture as RGB It is faster to work in RGB –Some options/filters only work in RGB –Perform most editing in RGB –Then convert and fine tune in CYMK –Trend towards RGB workflow

Index Mode –Uses 1 channel –Limited to max 256 colors (user defined) –Used primarily for web based images –Can vary the bit depth depending on number of colors used –Web safe colors less than 256 colors

Bitmapped Graphics Increase bit depth, increase file size arithmetically 24-bit image; 3 times as large as a 8 bit image –1 bit = 2 colors –8 bit = 256 colors –24 bit = 16 million colors

Bitmapped (Raster) Graphics Increase bit depth, increase file size arithmetically –24-bit image; 3 times as large as a 8 bit image Increase image dimension, increase the file size geometrically –Double image dimension, increase file size by a factor of 4 To Determine File size –Resolution 2 x width x height x bits / 8,192 = file size –Ex. 4 x 5 image x 4 x 5 x 1 / 8,192= 220K (1 bit) x 4 x 5 x 8 / 8,192= 1,757 (8 bit) x 4 x 5 x 24 / 8,192= 5,273K (24 bit)

Bitmapped Graphics (cont.) Image resolution –ppi = pixels per inch (dpi, lpi) –Number of pixel displayed per unit length –At 150 ppi a 1” x 1” = 22,500 pixels –Once scanned, usually cannot improved resolution DO NOT SCALE IMAGES IN PAGE LAYOUT APPLICATION!

Bitmapped Graphics (cont.) Image resolution –Need aprox times image resolution compared to final reproduction process –Can resample down, (reduce number of pixels) Printed images are made up of halftone dots to create illusion of tones These are PIXELS, note the difference!

Bitmapped Graphics (cont.) Monitor resolution –Pixels are translated directly to monitor pixels –Mac = 72 ppi –PC = 96 ppi –If resolution greater than monitor, image appears bigger on screen

Monitor Resolution 72 ppi 144 ppi