Scanning 101 and Beyond Media & Instructional Technology Services Darryl Simcoe, Instructor Scanning: process of converting images to digital data files.

Slides:



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

Put your photos into PowerPoint Insert, crop, and format pictures Youve got photos and you want to display them in a slide show. The first thing you need.
A Digital Imaging Primer Nick Dvoracek Instructional Resources Center University of Wisconsin Oshkosh.
Digital Imaging and Image Analysis
Multimedia for the Web: Creating Digital Excitement Multimedia Element -- Graphics.
Resolving the Problem Resolution: Concepts & Definitions.
ETT 429 Spring 2007 Digital Photography/Scanners.
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.
Raster vs Vector and Image Resolution By Josh Gallagan.
File Formats The most common image file formats, the most important for cameras, printing, scanning, and internet use, are JPG, TIF, PNG, and GIF.
Photoshop: Designing Graphics for the Web Christine Vucinich & Vicki Weidler ITS Training Services 224 B Computer Building University Park, PA 16802
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.
 Scanned or digitally captured image  Image created on computer using graphics software.
Pixels, PPI, DPI, and LPI for Scanning, Printing, and Web Publishing
Understanding Web Graphics Web Design Section 5-4 Part or all of this lesson was adapted from the University of Washington’s “Web Design & Development.
Computer Image Dr Jimmy Lam CAD for Fashion and Textiles.
Bitmapped Images. Bitmap Images Today’s Objectives Identify characteristics of bitmap images Resolution, bit depth, color mode, pixels Determine the most.
Unit 30 P1 – Hardware & Software Required For Use In Digital Graphics
Tutorial 2: Working with Image Files. Objectives Session 2.1 Learn about file formats and their uses Change file type, file size, and resolution Examine.
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
Images and the Web web graphics. web graphics: constraints Due to the constraints imposed by varying degrees of Internet bandwidth, designing images for.
Dean Pentcheff NHMLAC MBPC/Crustacea 17 April 2006.
Objective Understand concepts used to create digital graphics. Course Weight : 15% Part Three : Concepts of Digital Graphics.
Introduction to Interactive Media Interactive Media Components: 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,
2.01D Investigate graphic image design. Image 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.
Digital Darkroom I Theresa L. Ford. Objectives Basic Digital Image Terminology Screen Display of Pictures –Why are pictures too big for the screen? –Why.
Graphics. Graphic is the important media used to show the appearance of integrative media applications. According to DBP dictionary, graphics mean drawing.
Graphics workshop Library and Information Services University of St Andrews.
Photoshop Photoshop works with bitmapped, digitized images (that is, continuous-tone images that have been converted into a series of small squares, or.
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.
Computer Graphics An Introduction Jimmy Lam The Hong Kong Polytechnic University.
 Scanned or digitally captured image  Image created on computer using graphics software.
Scanners “The Computer as an Educational Tool: Productivity and Problem Solving” ©Richard C. Forcier and Don E. Descy.
Adobe Photoshop CS5 – Illustrated Unit A: Getting Started with Photoshop CS5.
OV Copyright © 2012 Logical Operations, Inc. All rights reserved. Beginning with Image Basics  Manage Image Elements and Formats  Work with Digital.
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.
Introduction to Images & Graphics JMA260. Objectives Images introduction Photoshop.
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.
Graphics and Image Data Representations 1. Q1 How images are represented in a computer system? 2.
Adobe Photoshop CS4 – Illustrated Unit A: Getting Started with Photoshop CS4.
Guilford County SciVis V104.03
ITEC2110, Digital Media Chapter 3 Digital Image Processing 1 GGC -- ITEC Digital Media.
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.
BITMAPPED IMAGES & VECTOR DRAWN GRAPHICS
DIGITAL MEDIA FOUNDATIONS
Understanding Web Graphics
Getting Started with Adobe Photoshop CS6
2.01 Understand Digital Raster Graphics
Vector vs. Bitmap.
Digital Photo editing with Photoshop
Chapter I, Digital Imaging Fundamentals: Lesson V Output
Using GRAPHICS Bristol Community College CIS 13 Business Creativity Sources: Conference for Desktop Publisher and Others.
LET’S LEARN ABOUT GRAPHICS!
Digital Images.
Resolution and Printing Tips
ImageEditing Understanding Image Resolution.
Presentation transcript:

Scanning 101 and Beyond Media & Instructional Technology Services Darryl Simcoe, Instructor Scanning: process of converting images to digital data files Display on computer monitor Reprint on paper or overhead transparency Expose on photographic film Scanning: process of converting images to digital data files Display on computer monitor Reprint on paper or overhead transparency Expose on photographic film

Class Goal Convey essential information for productive scanning. Convey essential information for productive scanning. Build on basics as time permits.

Where do I begin? Start with the best quality original print or transparency available! --- "Golden Rule" of computing applies: GIGO (garbage in, garbage out) --- "Golden Rule" of computing applies: GIGO (garbage in, garbage out)

I have my original, now what? Choose the right scanner! --- Optimized for either reflective art or transparencies transparencies -- Resolution varies (number of pixels per inch -- Resolution varies (number of pixels per inch they can differentiate) they can differentiate) -- Ability to differentiate gradations in -- Ability to differentiate gradations in shadow areas varies shadow areas varies Choose the right scanner! --- Optimized for either reflective art or transparencies transparencies -- Resolution varies (number of pixels per inch -- Resolution varies (number of pixels per inch they can differentiate) they can differentiate) -- Ability to differentiate gradations in -- Ability to differentiate gradations in shadow areas varies shadow areas varies --- Given a choice, use a transparency scanner for 35mm slides or film negatives; scanner for 35mm slides or film negatives; use a flatbed scanner for reflective artwork use a flatbed scanner for reflective artwork --- Given a choice, use a transparency scanner for 35mm slides or film negatives; scanner for 35mm slides or film negatives; use a flatbed scanner for reflective artwork use a flatbed scanner for reflective artwork

Where can I find a scanner? Flatbed scanners: ITS Computing Lab - O'Connor Campus Center ITS Computing Lab - O'Connor Campus Center Media & Instructional Technology Services - Media & Instructional Technology Services - McGregory SB-8 (two available) Keck Humanities Resource Center - Lawrence Hall Keck Humanities Resource Center - Lawrence Hall Flatbed scanners: ITS Computing Lab - O'Connor Campus Center ITS Computing Lab - O'Connor Campus Center Media & Instructional Technology Services - Media & Instructional Technology Services - McGregory SB-8 (two available) Keck Humanities Resource Center - Lawrence Hall Keck Humanities Resource Center - Lawrence Hall Slide/transparency scanner: Media & Instructional Technology Services - Media & Instructional Technology Services - McGregory SB-8 McGregory SB-8 Slide/transparency scanner: Media & Instructional Technology Services - Media & Instructional Technology Services - McGregory SB-8 McGregory SB-8

Terminology Basic Terminology (see handout) Bitmapvs.Vector (object-oriented) graphics Bitmap vs. Vector (object-oriented) graphics Halftonevs.Contoneimages Halftone vs. Contone images Resolution & Image size Image Tone Image Tone Bit depth Bit depth

Bitmapvs.Vector (object-oriented) graphics Bitmap vs. Vector (object-oriented) graphics A bitmap image consists of pixels, whose color and location on a grid determine the appearance of the image. When editing bitmapped images, we edit individual pixels. A vector graphic is defined by mathematical objects called vectors, which determines the geometric characteristics of the graphic. When working with vector graphics, we edit shapes and objects rather than groups of pixels. Bitmap images are good at reproducing the subtle shading found in continuous-tone images, such as photographs. However, they are resolution dependent and thus can show jagged edges when magnified or printed at a higher resolution then they were created for. 3:1 zoom24:1 zoom Vector graphics display or print at the resolution available on output device (printer, monitor, film recorder). As a result, vector graphics enlarge well and are good at reproducing crisp outlines and details. 3:1 zoom24:1 zoom

Example of halftone grid representing grayscale image. White Light gray spot Dark gray spot Black (all dots off) (18.8%) (75%) (all dots on) Halftonevs. Halftone vs. Contoneimages Contone images

Example of a contone image: Continuous-tone (contone) image: the color or gray shade of each pixel can be varied (each has its own specific color definition made by building up varying densities of primary colors in the same spot) Halftonevs.Contoneimages Halftone vs. Contone images

Bit Depth Bit Depth Bit Depth: the particular number of bits (zeros and/or ones) making up each pixel in a bitmapped image; bit depth dictates the range of possible values for each pixel, and hence the total number of colors (or shades gray) that the image can contain.

Example of various bit depths:

Resolution is the measure of detail in an image, usually given in dots per inch (dpi) or pixels per inch (ppi). Resolution & Image size Image size is conferred upon a bitmapped image. With size comes resolution. An image's resolution changes as the image's (physical) size is altered. When making the image larger the pixels are simply displayed larger; when making an image smaller, the pixels are crammed into a smaller amount of space and each pixel is smaller.

Image pixel dimensions: 640 x 480 pixels Print size: 288 ppi (2.22" x 1.67") 13" Monitor: 640 x 480 setting 15" Monitor: 640 x 480 setting15" Monitor: 832 x 624 setting 21" Monitor: 1024 x 768 setting21" Monitor: 640 x 480 setting Regardless of specified print size, on-screen image size is determined by the pixel dimensions of the image, the monitor size, and the monitor resolution setting. Physical Size of Images on a Monitor

Image tone is the brightness, range, and balance of reds, greens, and blues in an image; tone varies depending on color balance, contrast between highlights and shadows, and dimness or brightness of midtones (gamma variations) Tonal manipulation is the key to setting the right contrast for images. Image Tone

Things to know before you scan ! What is the intended use? What size (dimensions) do you want the image to be when delivered? What size (dimensions) do you want the image to be when delivered? What image type are you scanning? What file format should the image be saved as? Knowing the following will help you set up your software for best results: Knowing the following will help you set up your software for best results:

Intended use... What "imaging" process will be used to What "imaging" process will be used to print, expose, or display the image? print, expose, or display the image? To be printed, exposed, or displayed?To be printed, exposed, or displayed? Continuous tone or halftone process? Continuous tone or halftone process? (see handout) (see handout) Resolution of printer, film recorder or monitor? Resolution of printer, film recorder or monitor? Type of paper if printing? Type of paper if printing? What "imaging" process will be used to What "imaging" process will be used to print, expose, or display the image? print, expose, or display the image? To be printed, exposed, or displayed?To be printed, exposed, or displayed? Continuous tone or halftone process? Continuous tone or halftone process? (see handout) (see handout) Resolution of printer, film recorder or monitor? Resolution of printer, film recorder or monitor? Type of paper if printing? Type of paper if printing?

Intended use... Printing black-and-white line art Limit scan resolution to maximum resolution of the printing device Experiment with lower settings Best compromise betweem file size and quality High resolution imagesetters: use 800 ppi minimum, preferably ppi Exception: 400 to 600 ppi usually adequate if printing to newsprint or other porous paper Printing black-and-white line art Limit scan resolution to maximum resolution of the printing device Experiment with lower settings Best compromise betweem file size and quality High resolution imagesetters: use 800 ppi minimum, preferably ppi Exception: 400 to 600 ppi usually adequate if printing to newsprint or other porous paper

Intended use... Printing grayscale & color bitmapped images on halftone devices (e.g., laser printer or imagesetter) Limit scan to 2 times the printer's default screen frequency Often 1.5 times the screen frequency or less will give adequate results (especially on porous, uncoated paper or newsprint) Printing grayscale & color bitmapped images on halftone devices (e.g., laser printer or imagesetter) Limit scan to 2 times the printer's default screen frequency Often 1.5 times the screen frequency or less will give adequate results (especially on porous, uncoated paper or newsprint)

Intended use... Displaying on a computer monitor Limit image resolution to what the screen can display Default screen resolution is usually 72 ppi on Mac monitors and 96 ppi on PC monitors Rule of thumb: Use 75 ppi Displaying on a computer monitor Limit image resolution to what the screen can display Default screen resolution is usually 72 ppi on Mac monitors and 96 ppi on PC monitors Rule of thumb: Use 75 ppi

Intended use... Exposing or printing to continuous-tone output devices (e.g., film recorders or dye- sublimation printers) Ideally, match scan resolution to output device resolution Practically, doing so may result in an unrealistically large file to work with Seek an adequate compromise between resolution and file size. (i.e., experiment!) Exposing or printing to continuous-tone output devices (e.g., film recorders or dye- sublimation printers) Ideally, match scan resolution to output device resolution Practically, doing so may result in an unrealistically large file to work with Seek an adequate compromise between resolution and file size. (i.e., experiment!)

Intended use... Polaroid digital film recorder Import image into Powerpoint for exposing to film Match the image dimensions to the PowerPoint slide dimensions Format slide background to black Polaroid digital film recorder Import image into Powerpoint for exposing to film Match the image dimensions to the PowerPoint slide dimensions Format slide background to black

What physical size (dimensions)? Remember, image size is conferred Remember, image size is conferred upon a bitmapped image. They have upon a bitmapped image. They have no physical size (just a set number of no physical size (just a set number of pixels) until you specify the height and pixels) until you specify the height and width. width. Determine the desired output size and Determine the desired output size and specify it in the software settings. specify it in the software settings.

What image type is being scanned... Select software setting appropriately Select software setting appropriately for the type of image desired for the type of image desired Often the same as the original, but Often the same as the original, but there are some exceptions there are some exceptions

What file format to save in? Know which file formats can be imported into the software program you'll use to print the final image. Know which file formats can be imported into the software program you'll use to print the final image.

What makes a good scan... (and why you should care…) Image tone Image tone Color balance Color balance Resolution Resolution

Examples of software setup: Apple Color Onescanner via Adobe Photoshop

Examples of software setup: Sprintscan 35 (slide/transparency scanner)

Some tips... Tip: Don't use "brightness" or "contrast" controls on images… too much data is lost. Use on channels or masks only. Instead, use levels or curves on images… less data loss.

Some tips... Tip: Don't upsample unless using as a method of doubling your scanner's line art resolution. Interpolation adds data, but not detail (information), resulting in soft or blurry images.

Some tips... Tip: Lose noise introduced by the scanner by scanning at the maximum optical resolution, then downsampling to the resolution you need. (Noise tends to show up as single pixels. Downsampling creates new pixels by averaging surrounding pixels, so noise is reduced significantly.)

Some tips... Tip: Scan b&w line art in grayscale mode then use various techniques (sharpening, thresholding) to massage the image. Finally, convert the image mode back to b&w.

Some tips... Tip: When rescreening a screen (scanning a halftone image), scan at high resolution, downsample using Bicubic Interpolation, print at smaller size than original.