Electronic Illustration
What and Why?
Different Systems
Pixel Painting
Drafting and CAD Systems
Geometric Illustration Systems
Digital Prepress
Integration Issues
Integrated Editors
Images from Different Sources
What is it?
Computer Generated Pictures
Included in a Document
Emphasis on Illustration
Example?
Why use It?
Inevitable for Electronic Documents
Text is On-Line
Pictures must be On-Line
Should be more Flexible
Electronic Clip Art
Tailor Image to Application
Focus
Print Media Quality Standards
Previously Established
Text, Lines
Grayscale, Color
examples of real images
Examples of CG images
Push Graphic Arts Technology
New Techniques
Easier to Use
Improve Quality of Documents
Illustration Producing Systems
Bitmap and Pixel Painting
Drafting and CAD Systems
Geometric Illustration Systems
Digital Prepress
Examples Of Each
Points of Discussion
User Model
User Interface
Basic Representation
Graphic Arts Quality Issues
Strengths and Weaknesses
Bitmap and Pixel Painting
User Model
Brush and Paint
Output is Array of Pixels
Bitmap and Pixel Painting (Jaggy)
Graphic Arts Quality Issues
Images are "Jaggy" (jaggy vs smooth)
Images not Manipulable (foreground/background)
Monitor Oriented
Colors
Fonts
Textures
Bitmap and Pixel Painting
Strengths and Weaknesses
Strengths
Easy to Learn and Use
Ubiquitous
Flexible (air-brushed, etc)
Weaknesses
Unstructured
Generally Low Resolution
"Jaggy" when Printed
Drafting and CAD Systems (CAD screen)
User Model
Construct Geometric Models
2D Mechanical Drafting Paradigm
3D Surface or Solid Geometric Models
Precision is Key
Drafting and CAD Systems (42)
Graphic Arts Quality Issues
Plotter Style
Limited Line Weights
Limited Area Fill
Limited Font Styles
3D Rendering
Convert to 2D
Treat as Image
Drafting and CAD Systems
Strengths and Weaknesses
Strengths
Resolution Independent
Geometric Operations
Manipulate Objects
Weaknesses
Complex User Interface
Missing Style Elements
Geometric Illustrators (Griffin UI sequence)
User Model
Construct Shapes
Graphic Arts Imaging Model
2D with Overlap
Fill or Stroke Outlines
Multiple Fonts
Support High Resolution Output
Geometric Illustration Systems (Illustrator Examples)
Graphic Arts Quality Issues
Graphic Arts Imaging Model
User Interface Defines Flexibility
Style Choices
Text Formatting
First Choice for Desk-top Publishing
Geometric Illustration Systems
Strengths and Weaknesses
Strengths
Resolution Independent
Geometric Operations
Style Elements Included
Weaknesses
Difficult To Use
Inflexible
Digital Prepress (Digital Darkroom)
User Model
Digital Darkroom
Scanned, Full Color Images
Paste-Up with Typeset Text
Output to Commercial Printer
Digital Prepress (Commercial Page)
Graphic Arts Quality Issues
Commercial Quality
Full Color Images
Color Control
Color Separation
Unstructured
Digital Prepress
Strengths and Weaknesses
Strengths
Page Layout
Page Production
Commercial Quality
Weaknesses
Expensive
Difficult to Use
Old Technology
Distinctions are Blurring
"Combined" Illustrators
Paint with Prepress
Illustrators with CAD
Raster with Geometric
Formatted Text with Graphics
More Powerful Hardware
More Sophisticated Users
Paint with Prepress
Improve User Interface
Image Processing
Automasking
Edge Enhancement
Color Correction
Digital Originals
Interface to Printing
CAD with Illustration
Precise Measurement
Alignment Lines
Grids, Constraints
Illustrator "style" (Gargoyle)
Illustrator User Interface
3D Graphics
Raster with Geometric
Trace over Raster Image (Adobe Illustrator)
Simple Geometry with Scanned (Prepress)
Include Painted or Scanned Images (Gargoyle)
Edit Raster or Geometric
Formatted Text with Graphics
Page Layout Systems
Editable Graphics, Static Text
Editable Text, Static Graphics (tioga)
Separate Text and Graphics Frames (Star, Interleaf?)
Text In Illustrations
Nested Text and Graphics (example)
Overlapping Text and Graphics (show runaround)
Universal Illustrator?
Massive System Problem
Common Imaging Model
Common Data Structures
Complex User Interface Problem
Combine Images from Different Sources
Less than Full Editing Capabilities
Electronic Cut and Paste
Electronic Stat Camera
Graphical Style
Cooporating Editors
Electronic Cut and Paste
Copy, Crop, White-Out
Read, Reposition and Display (Ventura)
Read Specific Formats
Standard Interchange Format
Common Imaging Model
Remove Unwanted Parts
Generalized Clipping
Electronic White-Out
Selectively Remove Elements
Electronic Stat Camera
Optically Scale Illustrations
Scales Entire Image
Line Weights, Fonts Smaller
Classic Scale Transformation
User Interface
% Reduction/Increase
Bounding Box Information
Scale to Fit
Graphical Style
Separate Style Elements from Geometry
Graphical Style Elements
Fonts, Symbols
Line Weight
Color
Common Style Crucial for Graphic Arts Quality
Scale Illustration without Scaling Style
Cooperating Editors
Multiple Editors Active on One Page
Object-Oriented
Display
File
Accept Input
Shared Resources
Input, Output
Overlapping?
Conclusions
Lots of Different Systems
Different User Models
Different Representations
Different Strengths and Weeknesses
Integration is Key
Universal Editor
Combining Images from Different Sources
Cooporating Editors