WorkflowWorkflowWorkflow ininin ComputerComputerComputer GraphicsGraphicsGraphics ForFor PrintPrint andand ForFor thethe WebWeb © 2000 – All Rights Reserved - Page 1 ComputerComputerComputer GraphicsGraphicsGraphics WorkflowWorkflowWorkflow RasterRaster GraphicsGraphics Vector Page Pre- Vector Page Pre- Publishing GraphicsGraphics LayoutLayout PressPress Publishing WordWord ProcessingProcessing © 2000 – All Rights Reserved - Page 2 RasterRasterRaster GraphicsGraphicsGraphics § 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 © 2000 – All Rights Reserved - Page 3 RasterRasterRaster GraphicsGraphicsGraphics SoftwareSoftwareSoftware § Adobe Photoshop RasterRaster GraphicsGraphics § Corel PHOTO-PAINT § MacPaint § Macromedia Fireworks § Microsoft Photo Editor § Microsoft Windows Paint § Raster-based web animation § Adobe ImageReady © 2000 – All Rights Reserved - Page 4 RasterRasterRaster FileFileFile FormatsFormatsFormats § 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” © 2000 – All Rights Reserved - Page 5 VectorVectorVector GraphicsGraphicsGraphics § 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 © 2000 – All Rights Reserved - Page 6 VectorVectorVector GraphicsGraphicsGraphics SoftwareSoftwareSoftware § Adobe Illustrator § CorelDRAW § MacDraw VectorVector § Macromedia Freehand GraphicsGraphics § Microsoft PhotoDraw (hybrid) § Vector-based web animation § Adobe LiveMotion § Macromedia Flash © 2000 – All Rights Reserved - Page 7 VectorVectorVector FileFileFile FormatsFormatsFormats § 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” © 2000 – All Rights Reserved - Page 8 WordWordWord ProcessingProcessingProcessing § 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 © 2000 – All Rights Reserved - Page 9 WordWordWord ProcessingProcessingProcessing SoftwareSoftwareSoftware § Corel WordPerfect § Lotus AmiPro § Microsoft Word § Text Editors § NotePad in Microsoft Windows Word Word § SimpleText on Mac ProcessingProcessing § WordPad in Microsoft Windows © 2000 – All Rights Reserved - Page 10 WordWordWord ProcessingProcessingProcessing FileFileFile FormatsFormatsFormats § 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 © 2000 – All Rights Reserved - Page 11 PagePagePage LayoutLayoutLayout § 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 © 2000 – All Rights Reserved - Page 12 PagePagePage LayoutLayoutLayout SoftwareSoftwareSoftware 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 © 2000 – All Rights Reserved - Page 13 PagePagePage LayoutLayoutLayout FileFileFile FormatsFormatsFormats 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 © 2000 – All Rights Reserved - Page 14 PrePrePre-Press--PressPress § 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 © 2000 – All Rights Reserved - Page 15 PrePrePre-Press--PressPress SoftwareSoftwareSoftware § 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 © 2000 – All Rights Reserved - Page 16 PublishingPublishingPublishing § One-color printing § Spot-color printing § Process Color Printing 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 © 2000 – All Rights Reserved - Page 17 WorkflowWorkflowWorkflow ininin ComputerComputerComputer GraphicsGraphicsGraphics ForFor PrintPrint andand ForFor thethe WebWeb © 2000 – All Rights Reserved - Page 18.