1. © 2000 – All Rights Reserved - Page 1 Workflow in Computer Graphics Workflow in Computer Graphics For Print and For the Web

2. © 2000 – All Rights Reserved - Page 2 Computer Graphics Workflow Publishing Word Processing Word Processing Vector Graphics Vector Graphics Raster Graphics Page Layout Pre- Press

3. © 2000 – All Rights Reserved - Page 3 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

4. © 2000 – All Rights Reserved - Page 4 Raster Graphics Software Raster Graphics Software Raster Graphics  Adobe Photoshop  Corel PHOTO-PAINT  MacPaint  Macromedia Fireworks  Microsoft Photo Editor  Microsoft Windows Paint  Raster-based web animation  Adobe ImageReady

5. © 2000 – All Rights Reserved - Page 5 Raster File Formats 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”

6. © 2000 – All Rights Reserved - Page 6 Vector Graphics Vector Graphics Vector 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

7. © 2000 – All Rights Reserved - Page 7 Vector Graphics Vector Graphics Vector Graphics Software  Adobe Illustrator  CorelDRAW  MacDraw  Macromedia Freehand  Microsoft PhotoDraw (hybrid)  Vector-based web animation  Adobe LiveMotion  Macromedia Flash

8. © 2000 – All Rights Reserved - Page 8 Vector Graphics Vector Graphics Vector 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”

9. © 2000 – All Rights Reserved - Page 9 Word Processing Word Processing Word Processing  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

10. © 2000 – All Rights Reserved - Page 10 Word Processing Software Word Processing Software Word Processing Word Processing  Corel WordPerfect  Lotus AmiPro  Microsoft Word  Text Editors  NotePad in Microsoft Windows  SimpleText on Mac  WordPad in Microsoft Windows

11. © 2000 – All Rights Reserved - Page 11 Word Processing File Formats Word Processing File Formats Word Processing Word Processing  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”

12. © 2000 – All Rights Reserved - Page 12 Page 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

13. © 2000 – All Rights Reserved - Page 13 Page Layout Page Layout Software For Print  Adobe PageMaker  Adobe InDesign  Microsoft Publisher  Quark XPress For the Web  Adobe PageMill  Adobe GoLive  Claris HomePage  Macromedia Dreamweaver  Microsoft FrontPage  Netscape Composer

14. © 2000 – All Rights Reserved - Page 14 Page Layout Page Layout File Formats For 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

15. © 2000 – All Rights Reserved - Page 15 Pre- Press Pre-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

16. © 2000 – All Rights Reserved - Page 16 Pre- Press Pre-Press Software Pre-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

17. © 2000 – All Rights Reserved - Page 17 Publishing PublishingPublishing  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

18. © 2000 – All Rights Reserved - Page 18 Workflow in Computer Graphics Workflow in Computer Graphics For Print and For the Web