SWHIG Seminar Ian Kim 1/18/12.  General overview of printing technology ◦ Background information:  Vector vs. raster graphics  How inkjet printers.

Slides:



Advertisements
Similar presentations
Introduction to Computer Graphics Raster Vs. Vector COMMUNICATION TECHNOLOGY.
Advertisements

L.Ghadah R. Hadba CT1514-L1.  Computer Graphics :refers to processing of creating a new image from Geometry, Lighting parameters, Materials and Textures.Using.
Engineer Training XL1200 DTP. Engineer Training XL1200 DTP Confidential 2 DTP Workflow Mac/PC Freehand Photoshop, Quark etc XL1200 machine Application.
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.
SWE 423: Multimedia Systems Chapter 4: Graphics and Images.
2.01 Understand Digital Raster Graphics
Desktop Publishing Carnegie-Mellon University Spring 2001 Dave Watterson Art Director, GATF
Introduction to Computer Graphics
Vector vs. Bitmap SciVis V
Raster vs Vector and Image Resolution By Josh Gallagan.
Components Text Text--Processing Software A Word Processor is a software application that provides the user with the tools to create and edit text.
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.
Vector A software technology that uses mathematical points based on “vectors" (information giving both magnitude and direction). Because the computer.
1. 2  A computer is a device capable of storing data  in a format suited to the computer,  which is then processed by mathematical manipulation and.
Images you see on your screen are made up of these things called pixels. A screen will show over 1 million pixels and then a computer has to do what it.
Minard Saladino By:. Introduction: Illustrator is a vector-based imaging program. Unlike PhotoShop, which deals in pixels (raster images), this one deals.
 COMPUTER & INDUSTRY LANGUAGE For Commercial Art.
Computer Image Dr Jimmy Lam CAD for Fashion and Textiles.
Dean Pentcheff NHMLAC MBPC/Crustacea 17 April 2006.
COMP Bitmapped and Vector Graphics Pages Using Qwizdom.
Introduction to Interactive Media 06: Text: Static Interactive Media Component.
Lecture 4 - Introduction to Computer Graphics
1 Pertemuan 12 Linking and Embedding, Saving and Exporting Matakuliah: U0344 / DESKTOP 1 Tahun: 2006.
Digital Terminology. Bitmap A representation consisting of rows and columns of dots of a graphic image stored in computer memory. To display a bitmap.
JRN 302: Introduction to Graphics and Visual Communication - Raster and Vector Files Tuesday, 9/8/15.
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,
Understanding Images on the Computer How do images work and why?
Engineer Training DTP. Engineer Training Confidential 2 RIP (Raster Image Processing) Onyx PosterShop DTP (Desk Top Publishing) XL1500 machine application.
Digital File Formats ACCT-IGD-10: Students will generate and manipulate various graphic imaging processes. ACCT-IGD-15: Students will identify and produce.
Introduction to Interactive Media Interactive Media Components: Text.
Information Processes and Technology Multimedia: Graphics.
Digital Multimedia, 2nd edition Nigel Chapman & Jenny Chapman Chapter 3 This presentation © 2004, MacAvon Media Productions Introduction to Computer Graphics.
CS- 375 Graphics and Human Computer Interaction Lecture 1: 12/4/1435 Fundamental Techniques in Graphics Lecturer: Kawther Abas.
Graphics workshop Library and Information Services University of St Andrews.
“Paper” output Root Graphics Workshop 16/07/2010.
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.
File Formats and Vector Graphics. File Types Images and data are stored in files. Each software application uses different native file types and file.
Vector vs. Raster Objectives:
Illustrator I I450 Technology Seminar. Bitmap vs. Vector Photoshop = Bitmap Illustrator = Vector Bitmap images are resolution dependent Vector images.
Chapter 3 Image Files © 2013 Cengage Learning. All Rights Reserved. May not be scanned, copied or duplicated, or posted to a publicly accessible website,
 Scanned or digitally captured image  Image created on computer using graphics software.
Adobe photoshop digital image making. the basics Adobe PhotoShop is an image-editing program that lets you create and edit digital images. ◦PhotoShop.
Image File Formats. What is an Image File Format? Image file formats are standard way of organizing and storing of image files. Image files are composed.
Image Editing Vocabulary Words Pioneer Library System Norman Public Library Nancy Rimassa, Trainer Thanks to Wikipedia ( help.
Graphics and Image Data Representations 1. Q1 How images are represented in a computer system? 2.
Guilford County SciVis V104.03
Digital Basics Quiz Preparation. Basic Digital Image Concepts Aliasing & Anti‐aliasing Resolution Compression Raster & Vector Color mode & Image mode.
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
Vector (Shapes) vs. Raster (Pixels)
Digital Illustration Chapter 6 File format.
2.01 Understand Digital Raster Graphics
2.01 Understand Digital Raster Graphics
Vector vs. Bitmap.
CSI-447: Multimedia Systems
Bitmap vs. Vector.
Digital Images.
Introduction to Computer Graphics
2.01 Understand Digital Raster Graphics
2.01 Understand Digital Raster Graphics
2.01 Understand Digital Raster Graphics
Vector (Shapes) vs. Raster (Pixels)
2.01 Understand Digital Raster Graphics
Presentation transcript:

SWHIG Seminar Ian Kim 1/18/12

 General overview of printing technology ◦ Background information:  Vector vs. raster graphics  How inkjet printers work ◦ Application: PostScript and PDF  How PostScript and PDF are understood by printers  Understanding printing requires a change in perspective ◦ Not the same thing as pixels on a monitor!

 Key idea in understanding printing ◦ Font rendering ◦ Graphic design  Most work with raster graphics ◦ JPEGs, PNGs, GIFs… ◦ The disadvantage? Limited resolution  Vector graphics: scalable to any resolution ◦ Extensively utilized in printing for this reason: images stay crisp even when printed at high res ◦ Font rendering is done with vector graphics  Inexact scaling: font hints

Vector graphicsRaster graphics  Picture is described by mathematical functions  Can be scaled to any resolution  Scaling up image does not change its look  Geometric transforms do not reduce level of detail in image  Picture is described by an array of pixels  Has one limited, “native” resolution  Scaling up the image results in stretching  Geometric transforms can cause generation loss

Left: a comparison between vector and raster graphics. When zoomed-in, the raster version loses detail whereas the vector version does not. Above: an example of a Bézier curve, a common primitive used in vector graphics. Source: Wikimedia Commons

 Computer pixels do not have a direct correspondence with ink dots on a page ◦ Measure of pixels on a screen: pixels per inch (PPI) ◦ For example, 96 PPI is standard in Windows  Reason? Limited inkjet printer color palette ◦ Ever heard of CMYK? (But sometimes more) ◦ Use dithering to get more colors ◦ This requires many ink dots for a single pixel ◦ Measure of this ink dot density: dots per inch (DPI)  Don’t confuse DPI and PPI!

Above: Differences between pixels on a computer screen and how they are printed by a typical inkjet printer. The method printers use to output the full array of colors of a computer pixel using just the CMYK colors is called dithering. The image uses just red and blue, but as the density increases the pattern is interpreted as solid purple. Often this requires quite a few dots to pull off. The example at left measures ~0.25”x0.25”, and is about 150 DPI. The individual ink dots are visible. Source: Wikimedia Commons

 PostScript: a programming language used to describe the layout of a page ◦ Contains control structures, is Turing-complete… ◦ Heavily stack based  Functions pop arguments off stack, push return values onto stack  Even objects are pushed onto the stock and popped off all at once to display the page ◦ These characteristics will be important later!  De facto standard for page description ◦ Slowly being phased out in favor of native PDF

 Originally each printer had its own printer language ◦ Primitive example: ASCII with control characters to tell the printer how to print the plaintext ◦ Not portable, and hard to guarantee desired output ◦ Each language was device-specific  PostScript allowed portability & reliability ◦ Device-independent page description ◦ Consistency of results across devices ◦ Similar to the motivation behind development of high-level programming languages

 PostScript input is interpreted by a raster image processor (RIP) ◦ Originally, this used to be contained within printers  Powerful processors  Very expensive (1984 LaserWriter: $3500) ◦ Nowadays, pages can be rendered on the computer then sent to a “dumb” printer (cheaper!)  Name comes from rasterization: rendering vector graphics into a raster image ◦ Convert PostScript input (vectors) to printed output (raster)

%!PS /Courier % name the desired font 20 selectfont % choose the size in points and establish % the font as the current one moveto % position the current point at % coordinates 72, 500 (the origin is at the % lower-left corner of the page) (Hello world!) show % stroke the text in parentheses showpage % print all on the page Displays “Hello world!” on a new page.

 PostScript, as a programming language, makes rendering pages difficult ◦ Implicit global state: can’t jump pages ◦ Variables, control flow statements  Stack-based computation ◦ No instant feedback to changes ◦ Need to push everything onto the stack, then render page  Computationally expensive ◦ Printers had better processors than the PCs!

 Encapsulated PostScript (EPS) was introduced to address these problems ◦ Contains an encapsulated bitmap “preview” of the accompanying PS code ◦ Forbids the use of global-state modification and control flow statements ◦ Has a well-defined BoundingBox element  Allowed PCs to see PS code output without rendering it  Predecessor to Portable Document Format (PDF)

 Based on PostScript technology ◦ Both were developed by Adobe  Not a replacement for PostScript! ◦ But is a replacement for EPS files ◦ Example: PostScript was used to print PDF output  Now, native PDF printers exist  PostScript is a programming language; PDF is a generalized container format ◦ Hyperlinks, images, fonts… ◦ You can even embed movies into PDF documents! (Why you would want to is another question)

 Embedded fonts ◦ Fixes font compatibility issues  Transparency support  PDF objects are PostScript objects that have already been interpreted by a RIP ◦ Eliminates need for preview images ◦ Objects can be more intuitively manipulated ◦ Pages can be accessed in arbitrary order ◦ More consistency from screen-to-paper  PDF provides greater reliability and consistency ◦ Mistakes in the printing world are expensive!

 Printing: conceptual differences ◦ Drawn in terms of vectors, then converted to raster ◦ A screen pixel doesn’t equal a dot  PostScript: “high-level” printing ◦ Brought together device-specific printing languages ◦ Still used today by printers to print documents  Next step: PDF ◦ Eliminates need for Encapsulated PostScript ◦ Extensible container for other kinds of content ◦ Not just confined to a physical page anymore