Workflow in Computer Graphics

© 2000 – All Rights Reserved - Page © 2000 – All Rights Reserved - Page 11© 2000 – All Rights Reserved - Page © 2000 – All Rights Reserved - Page 11

Workflow inWorkflow inComputer Computer GraphicsGraphics


For Print and For the WebFor Print and For the Web


Computer Graphics WorkflowComputer Graphics WorkflowComputer Graphics WorkflowComputer Graphics Workflow

PublishingPublishing

WordProcessing

WordProcessing

VectorGraphics

VectorGraphics

Raster Graphics

Raster Graphics

Page Layout

Page Layout

Pre-Press

Pre-Press


Raster GraphicsRaster GraphicsRaster GraphicsRaster Graphics

Raster Graphics

Raster Graphics

Also known as “bitmap” graphics

Scalable only on reduction through “resampling”

Creates relatively large files

Useful for painting techniques

Useful for editing photographs

Appropriate for any design requiring gradation of tone and subtlety of color as found in photographs, pastel drawings, charcoal drawings


Raster Graphics SoftwareRaster Graphics SoftwareRaster Graphics SoftwareRaster Graphics Software

Raster Graphics

Raster Graphics

Adobe Photoshop

Corel PHOTO-PAINT

MacPaint

Macromedia Fireworks

Microsoft Photo Editor

Microsoft Windows Paint

Raster-based web animation

Adobe ImageReady


Raster File FormatsRaster File FormatsRaster File FormatsRaster File Formats

Raster Graphics

Raster Graphics

Proprietary formats such as Adobe Photoshop’s “.psd”

Microsoft Windows Paint “.bmp”

Output format for print Tagged Interface File Format “.tif”

Output formats for the web CompuServe Graphics

Interchange Format “.gif”

Joint Photographic Experts Group “.jpg”

Portable Network Graphics “.png”


VectorGraphics

VectorGraphics

Vector GraphicsVector GraphicsVector GraphicsVector Graphics Also known as “object-

oriented” graphics

Uses Cartesian Geometry

Fully Scalable on reduction and enlargement

Creates relatively small files

Useful for drawing techniques

Most precise drawing method

Best for controlling smooth curves


VectorGraphics

VectorGraphics

Vector Graphics SoftwareVector Graphics SoftwareVector Graphics SoftwareVector Graphics Software Adobe Illustrator

CorelDRAW

MacDraw

Macromedia Freehand

Microsoft PhotoDraw (hybrid)

Vector-based web animation

Adobe LiveMotion

Macromedia Flash


VectorGraphics

VectorGraphics

Vector File FormatsVector File FormatsVector File FormatsVector File Formats Proprietary file formats such as

Adobe Illustrator’s “.ai”

CorelDRAW’s “.cdr”

Output format for print Encapsulated Postscript “.eps”

Output format for web Scalable Vector Graphics “.svg”

Flash “.swf”

Or, convert from vector to raster

Vector animation for the web Macromedia Flash’s “.fla”


Word ProcessingWord ProcessingWord ProcessingWord Processing

WordProcessing

WordProcessing

Create new and lengthy documents here when features are more robust than page layout software

Export word processing documents created for other purposes (reports, memoranda, etc.) into page layout

Retasking

Reformatting


Word Processing SoftwareWord Processing SoftwareWord Processing SoftwareWord Processing Software

WordProcessing

WordProcessing

Corel WordPerfect

Lotus AmiPro

Microsoft Word

Text Editors NotePad in Microsoft Windows

SimpleText on Mac

WordPad in Microsoft Windows


Word Processing File FormatsWord Processing File FormatsWord Processing File FormatsWord Processing File Formats

WordProcessing

WordProcessing

Proprietary formats such as Corel WordPerfect’s “.wpd”

Microsoft Word’s “.doc”

Generic output formats Rich Text Format “.rtf”

ASCII “.txt”

ASCII saved for web as “.htm” or “.html”


Page Layout

Page Layout

Page LayoutPage LayoutPage LayoutPage Layout

The container into which raster graphic, vector graphic, and word processing design elements are combined

Provides control over margins, columns, white space, pagination, and relative placement of design elements

Adds value through typographic tools


Page Layout

Page Layout

Page Layout SoftwarePage Layout SoftwarePage Layout SoftwarePage Layout SoftwareFor Print

Adobe PageMaker

Adobe InDesign

Microsoft Publisher

Quark XPress

For the Web

Adobe PageMill

Adobe GoLive

Claris HomePage

Macromedia Dreamweaver

Microsoft FrontPage

Netscape Composer


Page Layout

Page Layout

Page Layout File FormatsPage Layout File FormatsPage Layout File FormatsPage Layout File FormatsFor Print

Adobe PageMaker’s “.p65”

Quark Xpress “.qxd”

For the Web

“.htm” or “.html”

For both Print and the Web

Adobe Acrobat’s “.pdf”

portable document format


Pre-Press

Pre-Press

Pre-PressPre-PressPre-PressPre-Press

Manages and prepares all files for the project

Identifies potential publishing problems

Provides previewing and “comp” printing features

Resolves font, color, and image problems


Pre-Press

Pre-Press

Pre-Press SoftwarePre-Press SoftwarePre-Press SoftwarePre-Press Software

Adobe PressReady for print

Marzware’s FlightCheck for print

Products like FrontPage and Dreamweaver include web site management tools

Web pages are previewed using browsers


PublishingPublishing

PublishingPublishingPublishingPublishing One-color printing

Spot-color printing

Process Color Printing

Web publishing via FTP – the File Transfer Protocol WSFTP for Windows

Fetch for Macintosh

Wizards and automated tools in page layout applications like Microsoft FrontPage




For Print and For the WebFor Print and For the Web

Documents

Workflow in Computer Graphics