"Digital Media Primer" Yue-Ling Wong, Copyright (c)2013 by Pearson Education, Inc. All rights reserved.

Slides:



Advertisements
Similar presentations
Chapter 3 Capturing and Editing Digital Images “Computers and Creativity” Richard D. Webster, COSC 109 Instructor Office: 7800 York Road, Room 422 | Phone:
Advertisements

Capturing and optimising digital images for research Gilles Couzin.
Resolving the Problem Resolution: Concepts & Definitions.
Monitor Sizes Monitor sizes in the US are measured in inches, diagonal distance. 20” (inches)
ETT 429 Spring 2007 Digital Photography/Scanners.
Information Technology Services North Dakota State University Lorna Olsen Get the Best Digital Images Possible What’s it all about anyway?
Pixels, PPI, DPI, and LPI for Scanning, Printing, and Web Publishing
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.
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.
4/14: Scanners Roll Call Response to request Lecture: scanners –general –flatbed –sheet-fed –hand-held –OCR Image courtesy of Microtek
What is it a scanner? An optical input device that uses light- sensing equipment to capture an image on paper or some other subject. The image is translated.
Digital Darkroom I Theresa L. Ford. Objectives Basic Digital Image Terminology Screen Display of Pictures –Why are pictures too big for the screen? –Why.
Chapter 3 Capturing and Editing Digital Images 1.
Intro to Scanners. A scanner works by creating a digital image. When you scan a document, you are making a picture of it. This digital image can be used.
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.
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.
1 The Math of Printing & Imaging Copyright © Texas Education Agency, All rights reserved. Images and other multimedia content used with permission.
Information Technology Images: Types, Resolution and Techniques.
HOW SCANNERS WORK A scanner is a device that uses a light source to electronically convert an image into binary data (0s and 1s). This binary data can.
ITEC2110, Digital Media Chapter 3 Digital Image Processing 1 GGC -- ITEC Digital Media.
ITEC2110, Digital Media Chapter 3 Digital Image Processing 1 GGC -- ITEC Digital Media.
ITEC2110, Digital Media Chapter 3 Digital Image Processing 1 GGC -- ITEC Digital Media.
ITEC2110, Digital Media Chapter 2 Fundamentals of Digital Imaging 1 GGC -- ITEC Digital Media.
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.
© 2016 Pearson Education, Inc., Hoboken, NJ. All rights reserved.
© 2016 Pearson Education, Inc., Hoboken, NJ. All rights reserved.
© 2016 Pearson Education, Inc., Hoboken, NJ. All rights reserved.
© 2016 Pearson Education, Inc., Hoboken, NJ. All rights reserved.
© 2016 Pearson Education, Inc., Hoboken, NJ. All rights reserved.
© 2016 Pearson Education, Inc., Hoboken, NJ. All rights reserved.
© 2016 Pearson Education, Inc., Hoboken, NJ. All rights reserved.
© 2016 Pearson Education, Inc., Hoboken, NJ. All rights reserved.
© 2016 Pearson Education, Inc., Hoboken, NJ. All rights reserved.
What is digital resolution all about?
© 2016 Pearson Education, Inc., Hoboken, NJ. All rights reserved.
© 2016 Pearson Education, Inc., Hoboken, NJ. All rights reserved.
© 2016 Pearson Education, Inc., Hoboken, NJ. All rights reserved.
© 2016 Pearson Education, Inc., Hoboken, NJ. All rights reserved.
© 2016 Pearson Education, Inc., Hoboken, NJ. All rights reserved.
"Digital Media Primer" Yue-Ling Wong, Copyright (c)2013 by Pearson Education, Inc. All rights reserved.
"Digital Media Primer" Yue-Ling Wong, Copyright (c)2013 by Pearson Education, Inc. All rights reserved.
"Digital Media Primer" Yue-Ling Wong, Copyright (c)2013 by Pearson Education, Inc. All rights reserved.
"Digital Media Primer" Yue-Ling Wong, Copyright (c)2013 by Pearson Education, Inc. All rights reserved.
"Digital Media Primer" Yue-Ling Wong, Copyright (c)2013 by Pearson Education, Inc. All rights reserved.
© 2016 Pearson Education, Inc., Hoboken, NJ. All rights reserved.
"Digital Media Primer" Yue-Ling Wong, Copyright (c)2013 by Pearson Education, Inc. All rights reserved.
"Digital Media Primer" Yue-Ling Wong, Copyright (c)2013 by Pearson Education, Inc. All rights reserved.
"Digital Media Primer" Yue-Ling Wong, Copyright (c)2013 by Pearson Education, Inc. All rights reserved.
"Digital Media Primer" Yue-Ling Wong, Copyright (c)2013 by Pearson Education, Inc. All rights reserved.
"Digital Media Primer" Yue-Ling Wong, Copyright (c)2013 by Pearson Education, Inc. All rights reserved.
"Digital Media Primer" Yue-Ling Wong, Copyright (c)2013 by Pearson Education, Inc. All rights reserved.
"Digital Media Primer" Yue-Ling Wong, Copyright (c)2013 by Pearson Education, Inc. All rights reserved.
Scanners.
"Digital Media Primer" Yue-Ling Wong, Copyright (c)2013 by Pearson Education, Inc. All rights reserved.
Chapter 3 Capturing and Editing Digital Images
ImageEditing Understanding Image Resolution.
Screen and Image Resolution
© 2016 Pearson Education, Inc., Hoboken, NJ. All rights reserved.
"Digital Media Primer" Yue-Ling Wong, Copyright (c)2013 by Pearson Education, Inc. All rights reserved.
© 2016 Pearson Education, Inc., Hoboken, NJ. All rights reserved.
What is digital resolution all about?
Photoshop: Image size and resolution
"Digital Media Primer" Yue-Ling Wong, Copyright (c)2013 by Pearson Education, Inc. All rights reserved.
"Digital Media Primer" Yue-Ling Wong, Copyright (c)2013 by Pearson Education, Inc. All rights reserved.
"Digital Media Primer" Yue-Ling Wong, Copyright (c)2013 by Pearson Education, Inc. All rights reserved.
"Digital Media Primer" Yue-Ling Wong, Copyright (c)2013 by Pearson Education, Inc. All rights reserved.
"Digital Media Primer" Yue-Ling Wong, Copyright (c)2013 by Pearson Education, Inc. All rights reserved.
Presentation transcript:

"Digital Media Primer" Yue-Ling Wong, Copyright (c)2013 by Pearson Education, Inc. All rights reserved.

Chapter 3 Capturing and Editing Digital Images Part 1 Digitizing Images by Scanning

Types of Scanners Flatbed Sheet-fed Handheld Drum

Scanner Resolution Optical resolution Enhanced resolution Reported in dpi (dots per inch)

How Scanners Work A flatbed scanner has a moving scan head. A scan head contains an array (or a row) of light sensors. The scan head moves across the scanner bed during scanning. Its movement is controlled by a stepper motor.

Dot Each sensor will produce a sample (a color value) corresponding to a position of the picture being scanned. A sensor: a dot Each sample (color value) results in a pixel in the scanned image.

Dot vs. Pixel Generally speaking, a dot (sensor) produces a sample (pixel). But a dot is not a pixel.

A scan head only have one row of sensor A scan head only have one row of sensor. So how can it produce color values for a whole picture?

Here is how Get a row of color values Move the scan head forward a little bit Get another row of color values .

Sampling Recall sampling and sampling rate in the sampling step in digitization. Sampling rate in the x-direction of a picture: The number of sensors available in the row Sampling rate in the y-direction of a picture: The discrete stepwise movement of the scan head

Determining Scanning Resolution How the scanned image will be used: Print physical dimensions of the image requirement of the printing device (e.g. printing resolution) Web or on-screen display pixel dimensions of the image

Determining Scanning Resolution Basic steps: Determine the pixel dimensions of the final image Determine the scanning resolution (pixel dimensions from step 1) / (physical dimensions of your picture)

Determining Scanning Resolution for Web or On-screen Display Example Suppose: the monitor resolution of your target audience is 1600  1050 pixels you want your image to appear about ½ the width and height of the screen your original picture is 5"  4" Step 1. The pixel dimensions of your final image should be 800  525 pixels. Step 2. Scanning resolution based on the width = 800 pixels / 5"  1 dot/pixel = 160 dpi Scanning resolution based on the height = 525 pixels / 4 "  1 dot/pixel = 131 dpi We will pick the highest dpi of the two, i.e., 160 dpi With 160 dpi, your final image will have the pixel dimensions: 5"  160 dpi  1 pixel/dot = 800 pixels 4"  160 dpi  1 pixel/dot = 640 pixels If you want exactly 800  525 pixels, you will need to crop the final image.

Determining Scanning Resolution for Print Example Suppose: your original picture is 5"  4" you want to scan the picture to print as 13"  10" at 300 ppi Step 1. The pixel dimensions of your final image should be: 13"  300 ppi = 3900 pixels 10"  300 ppi = 3000 pixels Step 2. Scanning resolution based on the width = 3900 pixels / 5"  1 dot/pixel = 780 dpi Scanning resolution based on the height = 3000 pixels / 4 "  1 dot/pixel = 750 dpi We will pick the highest dpi of the two, i.e., 780 dpi. You may also round it up to 800 dpi. With 780 dpi, your final image will have the pixel dimensions: 5"  780 dpi  1 pixel/dot = 3900 pixels 4"  780 dpi  1 pixel/dot = 3120 pixels

Determining Scanning Resolution for Print Example The final image 3900  3120 pixels will be printed in these physical dimensions: 3900 pixels / 300 ppi = 13" 3120 pixels / 300 ppi = 10.4" If you want exactly 13"  10", you will need to crop the final image.

Review Questions Note to instructor: Depending on your preference, you may want to go over the review questions at the end of this lecture as an instant review or at the beginning of next lecture to refresh students' memory of this lecture.

Review Question True/False: The optimization of tonal adjustment at the time of capturing images--scanning or digital photography--does not matter because you can always extend the tonal range of the image to any extent afterwards in image editing applications, such as Photoshop. False

Review Question Suppose that you scan a 2"  1" picture in at a resolution of 300 dpi. What are the pixel dimensions of the scanned image? ___ pixels  ___ pixels (i) 600  300 because 2"  300 dpi  1 pixel/dot = 600 pixels, and 1"  300 dpi  1 pixel/dot = 300 pixels

Review Question Suppose that you scan a 2"  1" picture in at a resolution of 300 dpi. What are the pixel dimensions of the scanned image? ___ pixels  ___ pixels What will the physical dimensions of the image be if you print it at 300 ppi? ___" ___" (i) 600  300 because 2"  300 dpi  1 pixel/dot = 600 pixels, and 1"  300 dpi  1 pixel/dot = 300 pixels (ii) 2" x 1" because 600 pixels / 300 ppi = 2", and 300 pixels / 300 ppi = 1"

Review Question Suppose that you scan a 2"  1" picture in at a resolution of 300 dpi. What are the pixel dimensions of the scanned image? ___ pixels  ___ pixels What will the physical dimensions of the image be if you print it at 300 ppi? ___" ___" What will the physical dimensions of the image be if you print it at 600 ppi? (i) 600  300 because 2"  300 dpi  1 pixel/dot = 600 pixels, and 1"  300 dpi  1 pixel/dot = 300 pixels (ii) 2" x 1" because 600 pixels / 300 ppi = 2", and 300 pixels / 300 ppi = 1" (iii) 1" x 0.5" because 600 pixels / 600 ppi = 1", and 300 pixels / 600 ppi = 0.5"

Review Question Suppose that you scan a 2"  1" picture in at a resolution of 300 dpi. What are the pixel dimensions of the scanned image? ___ pixels  ___ pixels What will the physical dimensions of the image be if you print it at 300 ppi? ___" ___" What will the physical dimensions of the image be if you print it at 600 ppi? What will the physical dimensions of the image be if you print it at 150 ppi? (i) 600  300 because 2"  300 dpi  1 pixel/dot = 600 pixels, and 1"  300 dpi  1 pixel/dot = 300 pixels (ii) 2" x 1" because 600 pixels / 300 ppi = 2", and 300 pixels / 300 ppi = 1" (iii) 1" x 0.5" because 600 pixels / 600 ppi = 1", and 300 pixels / 600 ppi = 0.5" (iv) 4"  2" because 600 pixels / 150 ppi = 4", and 300 pixels / 150 ppi = 2"

Review Question Suppose that you scan a 2"  1" picture in at a resolution of 300 dpi. What are the pixel dimensions of the scanned image? ___ pixels  ___ pixels What will the physical dimensions of the image be if you print it at 300 ppi? ___" ___" What will the physical dimensions of the image be if you print it at 600 ppi? What will the physical dimensions of the image be if you print it at 150 ppi? True/False: You gain image detail and quality if you print the image at 600 ppi as noted in (iii). (i) 600  300 because 2"  300 dpi  1 pixel/dot = 600 pixels, and 1"  300 dpi  1 pixel/dot = 300 pixels (ii) 2" x 1" because 600 pixels / 300 ppi = 2", and 300 pixels / 300 ppi = 1" (iii) 1" x 0.5" because 600 pixels / 600 ppi = 1", and 300 pixels / 600 ppi = 0.5" (iv) 4"  2" because 600 pixels / 150 ppi = 4", and 300 pixels / 150 ppi = 2" (v) False because it is the same image with the same number of pixels

Review Question Suppose that you scan a 2"  1" picture in at a resolution of 300 dpi. What are the pixel dimensions of the scanned image? ___ pixels  ___ pixels What will the physical dimensions of the image be if you print it at 300 ppi? ___" ___" What will the physical dimensions of the image be if you print it at 600 ppi? What will the physical dimensions of the image be if you print it at 150 ppi? True/False: You gain image detail and quality if you print the image at 600 ppi as noted in (iii). True/False: You lose image detail and quality if you print the image at 150 ppi as noted in (iv). (i) 600  300 because 2"  300 dpi  1 pixel/dot = 600 pixels, and 1"  300 dpi  1 pixel/dot = 300 pixels (ii) 2" x 1" because 600 pixels / 300 ppi = 2", and 300 pixels / 300 ppi = 1" (iii) 1" x 0.5" because 600 pixels / 600 ppi = 1", and 300 pixels / 600 ppi = 0.5" (iv) 4"  2" because 600 pixels / 150 ppi = 4", and 300 pixels / 150 ppi = 2" (v) False because it is the same image with the same number of pixels (vi) False because it is the same image with the same number of pixels