Workflow in Computer Graphics

WorkflowWorkflowWorkflow ininin ComputerComputerComputer GraphicsGraphicsGraphics

ForFor PrintPrint andand ForFor thethe WebWeb

RasterRaster GraphicsGraphics

Vector Page Pre- Vector Page Pre- Publishing GraphicsGraphics LayoutLayout PressPress Publishing

WordWord ProcessingProcessing

§ Also known as “bitmap” RasterRaster graphics GraphicsGraphics § 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

§ Adobe Photoshop RasterRaster GraphicsGraphics § Corel PHOTO-PAINT § MacPaint § Macromedia Fireworks § Microsoft Photo Editor § Microsoft Windows Paint

§ Raster-based web animation § Adobe ImageReady

§ Proprietary formats such as RasterRaster § GraphicsGraphics 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”

§ Also known as “object- oriented” graphics § Uses Cartesian Geometry § Fully Scalable on reduction and VectorVector GraphicsGraphics enlargement § Creates relatively small files § Useful for drawing techniques § Most precise drawing method § Best for controlling smooth curves

§ Adobe Illustrator § CorelDRAW § MacDraw

VectorVector § Macromedia Freehand GraphicsGraphics § Microsoft PhotoDraw (hybrid)

§ Vector-based web animation § Adobe LiveMotion § Macromedia Flash

§ Proprietary file formats such as § Adobe Illustrator’s “.ai” § CorelDRAW’s “.cdr” § Output format for print VectorVector GraphicsGraphics § 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”

§ 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 WordWord layout ProcessingProcessing § Retasking § Reformatting

§ Corel WordPerfect § Lotus AmiPro § Microsoft Word

§ Text Editors § NotePad in Microsoft Windows Word Word § SimpleText on Mac ProcessingProcessing § WordPad in Microsoft Windows

§ Proprietary formats such as § Corel WordPerfect’s “.wpd” § Microsoft Word’s “.doc” § Generic output formats § Rich Text Format “.rtf” § ASCII “.txt” § Word ASCII saved for web as “.htm” or Word “.html” ProcessingProcessing

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

PagePage LayoutLayout

§ Provides control over margins, columns, white space, pagination, and relative placement of design elements § Adds value through typographic tools

For Print For the Web § Adobe § Adobe PageMill PageMaker § Adobe GoLive § Adobe § PagePage Claris HomePage InDesign Layout Layout § Macromedia § Microsoft Dreamweaver Publisher § Microsoft § Quark FrontPage XPress § Netscape Composer

For Print For the Web § Adobe “.htm” or “.html” PageMaker’s “.p65” § PagePage Quark Layout Xpress Layout “.qxd” For both Print and the Web Adobe Acrobat’s “.pdf” portable document format

§ Manages and prepares all files for the project § Identifies potential publishing problems

Pre-Pre- PressPress

§ Provides previewing and “comp” printing features § Resolves font, color, and image problems

§ Adobe PressReady for print § Marzware’s FlightCheck for print

Pre-Pre- PressPress

§ Products like FrontPage and Dreamweaver include web site management tools § Web pages are previewed using browsers

Publishing § Web publishing via FTP – the File Publishing Transfer Protocol § WSFTP for Windows § Fetch for Macintosh § Wizards and automated tools in page layout applications like Microsoft FrontPage

ForFor PrintPrint andand ForFor thethe WebWeb