A Non-Photorealistic Model for Automatic Technical Illustration Amy Gooch Bruce Gooch Peter Shirley Elaine Cohen SIGGRAPH 1998 Presented by Anteneh.

Slides:



Advertisements
Similar presentations
Saito, T. and Takahashi, T. Comprehensible Rendering of 3-D Shapes Proc. of SIGGRAPH '90 Genesis of Image Space NPR.
Advertisements

1 Graphics CSCI 343, Fall 2013 Lecture 18 Lighting and Shading.
Non-photorealistic Rendering.  a longtime goal of graphics research has been to render a scene that is indistinguishable from a photograph of the scene.
Image Processing IB Paper 8 – Part A Ognjen Arandjelović Ognjen Arandjelović
1. What is Lighting? 2 Example 1. Find the cubic polynomial or that passes through the four points and satisfies 1.As a photon Metal Insulator.
Elements of Design.
1 Angel: Interactive Computer Graphics 5E © Addison-Wesley 2009 Shading I.
Geographic Information Systems GIS Output. 1. Color Theory Additive primaries blue, green, and red Subtractive primaries yellow, cyan, and magenta.
 Introduction  Illustration Techniques  Automatic Shading Model  Conclusion and Future work  Demo.
Objectives Learn to shade objects so their images appear three- dimensional Learn to shade objects so their images appear three- dimensional Introduce.
Shading Adding Color Lambert’s law n L  Light a point in any direction varies as the cosine of the angle between a vector from the point to the light.
Non-photorealistic Rendering Pablo Picasso - The Bird Cage No electrons were harmed during the production of this presentation.
Color and Texture To understand and apply the design elements Color & Texture.
Computer-Generated Pen- and-Ink Illustration Georges Winkenbach, David H. Salesin.
Visual Elements of Design Upon completing this lesson segment, you will be able to: Write down at least three design elements, Write down at least two.
CS 445 / 645: Introductory Computer Graphics
Elements of Design. What are they? Line Colour Attributes Shape Categories Space Form.
Elements of Art.
Shading (introduction to rendering). Rendering  We know how to specify the geometry but how is the color calculated.
ELEMENTS OF ART Building Blocks.
Understanding Color Fashion Design. Impact of Color Symbols Temperature Movement Mood.
Photography Elements of Design. Line Uses for lines in design Contour line: A line that defines or bounds an edge, but not always the outside edge,
Technology and Historical Overview. Introduction to 3d Computer Graphics  3D computer graphics is the science, study, and method of projecting a mathematical.
Design and Layout (part one) Elements of Art Multimedia.
Color Theory. What is Color Theory? A body of practical guidance to color mixing The visual impact of specific color combinations.
The use of a variety of media, processes, and subject matter to communicate ideas, feelings, experiences, and stories. art.
GIS Lecture 2 Map Design.
Elements of Art The elements of art are a set of visual techniques that describe ways of presenting artwork. Elements of art also refer to the visual language.
VIS Group, University of Stuttgart Tutorial T4: Programmable Graphics Hardware for Interactive Visualization Non-photorealistic rendering (Daniel Weiskopf)
Design and Layout (part one) Elements of Art - Color (Drawing Concepts)
The elements of art the ingredients. the elements of art line shape form color value texture space.
Paint By Numbers The goal of a visual artist (Hagen): Without modeling detail, painters use brush strokes to: –Represent objects –Direct attention The.
Geographic Information Systems GIS Output. 1. Color Theory ► Additive primaries blue, green, and red ► Subtractive primaries yellow, cyan, and magenta.
The Elements of Design. The basic components used by the artist when producing works of art. Those elements are: Shape Form Value Line Color Texture Space.
Computer Graphics: Programming, Problem Solving, and Visual Communication Steve Cunningham California State University Stanislaus and Grinnell College.
The Seven Elements of Art Ms. Hanson/ART 1. Definition of The Elements of Art The elements of art are a commonly used group of aspects of a work of art.
Third Grade Art Masterpiece Yearly Review
A Non-Photorealistic Lighting Model For Automatic Technical Illustration Presented by: Chris Lattner April 8, 2003 CS497yzy.
UV Mapping After a 3D object has been modeled it must be prepared for texturing. 3D surfaces can be “unwrapped” into a 2D representation with. This process.
CISC 110 Day 3 Introduction to Computer Graphics.
Nonphotorealistic rendering Computational Photography, Bill Freeman Fredo Durand May 9, 2006 Drawing from: NPR Siggraph 1999 course, Green et al.
LIGHTING.
Render methods. Contents Levels of rendering Wireframe Plain shadow Gouraud Phong Comparison Gouraud-Phong.
COMPUTER GRAPHICS CS 482 – FALL 2015 OCTOBER 27, 2015 SCATTERING LIGHT SCATTERING PHYSICALLY BASED SCATTERING SUBSURFACE SCATTERING AMBIENT OCCLUSION.
Color Element of Art.
ELEMENTS OF DESIGN  CREATE A NOTE SHEET WRITING DOWN EACH OF THE ELEMENTS OF ART SEEN IN THE NEXT SLIDE.  LEAVE SPACE SO YOU CAN TAKE NOTES IN BETWEEN.
Non-Photorealistic Rendering FORMS. Model dependent Threshold dependent View dependent Outline form of the object Interior form of the object Boundary.
Intensity: the brightness or dullness of a color Chroma: the strength or purity of a color.
The Latest & The Greatest!
Classic Graphic Design TheoryClassic Graphic Design Theory* * “classic theory” because it forms the basis for many decisions in design.
Illumination and Shading. Illumination (Lighting) Model the interaction of light with surface points to determine their final color and brightness OpenGL.
Graphic design elements
Introduction to Graphic Design
The Elements of Art and Design
Graphic design elements
The Elements of Design.
Graphic design elements
3D Graphics Rendering PPT By Ricardo Veguilla.
Classic Graphic Design Theory*
Colour The Elements of Design.
INTRODUCTION TO DESIGN PRINCIPLES MOVEMENT, BALANCE, UNITY, CONTRAST, EMPHASIS, LINE, AND COLOR ® Copyright 2012 Adobe Systems Incorporated. All rights.
INTRODUCTION TO DESIGN PRINCIPLES MOVEMENT, BALANCE, UNITY, CONTRAST, EMPHASIS, LINE, AND COLOR ® Copyright 2012 Adobe Systems Incorporated. All rights.
INTRODUCTION TO DESIGN PRINCIPLES MOVEMENT, BALANCE, UNITY, CONTRAST, EMPHASIS, LINE, AND COLOR ® Copyright 2012 Adobe Systems Incorporated. All rights.
Color Theory Study Guide
Computer Graphics Material Colours and Lighting
INTRODUCTION TO DESIGN PRINCIPLES MOVEMENT, BALANCE, UNITY, CONTRAST, EMPHASIS, LINE, AND COLOR ® Copyright 2012 Adobe Systems Incorporated. All rights.
INTRODUCTION TO DESIGN PRINCIPLES MOVEMENT, BALANCE, UNITY, CONTRAST, EMPHASIS, LINE, AND COLOR ® Copyright 2012 Adobe Systems Incorporated. All rights.
Graphic design elements
Geographic Information Systems
Line Shape Value Form Color Texture Space
Presentation transcript:

A Non-Photorealistic Model for Automatic Technical Illustration Amy Gooch Bruce Gooch Peter Shirley Elaine Cohen SIGGRAPH 1998 Presented by Anteneh

Outline Introduction Introduction Motivation Motivation Related/previous work Related/previous work Illustration Techniques Illustration Techniques Automatic Shading Model Automatic Shading Model Conclusion and Future work Conclusion and Future work

Introduction Method to automate some technical illustration conventions. Method to automate some technical illustration conventions. Technical illustrations: in textbooks, reference books, manuals i.e. a car owner’s manual. Technical illustrations: in textbooks, reference books, manuals i.e. a car owner’s manual. Method: a shading algorithm based on edges, highlighting and cool-to-warm tones. Method: a shading algorithm based on edges, highlighting and cool-to-warm tones.

Technical Illustrations Communication of geometry and form is more important than aesthetics or realism. Communication of geometry and form is more important than aesthetics or realism. Edge lines are usually emphasized. Edge lines are usually emphasized. Important three-dimensional properties are preserved while extraneous detail is diminished. Important three-dimensional properties are preserved while extraneous detail is diminished. Shadows are usually not included Shadows are usually not included Only one light is usually used Only one light is usually used

Motivation Technical illustrations tend to show more information about the shape and function of an object compared computer generated images. Technical illustrations tend to show more information about the shape and function of an object compared computer generated images.

Motivation Same comparison between technical illustrations and photographs Same comparison between technical illustrations and photographs Use color to differentiate parts Use color to differentiate parts

Related Work Very little previous work in graphics related to technical illustration (1998). Very little previous work in graphics related to technical illustration (1998). [Saito and Takahashi 90] – techniques to show geometric properties of objects. [Saito and Takahashi 90] – techniques to show geometric properties of objects.

Related work [Dooley and Cohen 1990] – Automatic illustration of 3D geometric objects. [Dooley and Cohen 1990] – Automatic illustration of 3D geometric objects. use user-defined hierarchy of components (i.e. line width, line boundary conditions) to generate illustrations use user-defined hierarchy of components (i.e. line width, line boundary conditions) to generate illustrations d=91422&type=pdf&coll=GUIDE&dl =GUIDE&CFID= &CFTOK EN=

Related Work [Williams 91] – global illumination approximation using warm-to-cool tones and drawing conventions for specular objects. [Williams 91] – global illumination approximation using warm-to-cool tones and drawing conventions for specular objects.

Illustration Techniques Observed illustration characteristics: Observed illustration characteristics: edge lines, the set containing surface boundaries, silhouettes, and discontinuities, are drawn with black curves. objects are shaded with intensities far from black or white with warmth or coolness of color indicative of surface normal; a single light source provides white highlights. shadowing is not shown.

Illustration Techniques Subjects can infer at least as much geometric information from edge lines in drawn images verses shaded or textured images. Subjects can infer at least as much geometric information from edge lines in drawn images verses shaded or textured images. Hue changes are used to indicate surface orientation rather than reflectance. Hue changes are used to indicate surface orientation rather than reflectance.

Automatic Illustration Method Automate the mentioned illustration characteristics. Automate the mentioned illustration characteristics. Edge lines are drawn in black Edge lines are drawn in black Highlights are drawn using traditional term from the Phong shading model. Highlights are drawn using traditional term from the Phong shading model. Shade the surfaces of objects Shade the surfaces of objects

Automatic Illustration Method Traditional diffuse shading method calculates luminance as follows: Traditional diffuse shading method calculates luminance as follows: Tone-based shading Tone-based shading Shading metal Objects Shading metal Objects

Traditional shading kd = 1, ka = 0 kd = 1, ka = 0 The image hides shape and material information in the dark regions. The image hides shape and material information in the dark regions.

Traditional shading Additional information can be provided by highlights (direction of light) and edge lines (divisions). Additional information can be provided by highlights (direction of light) and edge lines (divisions). Image produced by adjusting kd and ka

Traditional shading Combining the shaded and illustrated model. Combining the shaded and illustrated model. Poor image and loss of detail, not automated. Poor image and loss of detail, not automated.

Tone-based shading Tones : color scales created by adding grey to a certain color. Tones : color scales created by adding grey to a certain color. Tones are important to illustration, especially when restricted to a limited luminance range. Tones are important to illustration, especially when restricted to a limited luminance range. Temperature : used to give depth cue. Warm colors advance, cool colors recede. Temperature : used to give depth cue. Warm colors advance, cool colors recede. Warm – red, orange, yellow Warm – red, orange, yellow Cool – blue, violate, and green Cool – blue, violate, and green Temperate – red-violets, red-greens Temperate – red-violets, red-greens

Tone for a pure red object: sum blue-to-yellow and dark-to-red to tone. Tone for a pure red object: sum blue-to-yellow and dark-to-red to tone. Creating a tone

Tone-based shading

Generalize the classic shading model to experiment with tones using the cosine term: Generalize the classic shading model to experiment with tones using the cosine term: Use blue and yellow as two temperature extremes: Use blue and yellow as two temperature extremes:

Tone-based shading Combining luminance shift (traditional shading), tone and temperature based shading. Combining luminance shift (traditional shading), tone and temperature based shading. b = 0.4, y = 0.4, = 0.2, and = 0.6

Tone-based shading The different values of b and y determine the strength of the overall temperature shift, where as and determine the prominence of the object color, and the strength of the luminance shift. The different values of b and y determine the strength of the overall temperature shift, where as and determine the prominence of the object color, and the strength of the luminance shift. b = 0.55, y = 0.3, = 0.25, and = 0.5

Shading of Metal Objects Technical illustrators use a different technique to communicate whether or not an object is metal. Technical illustrators use a different technique to communicate whether or not an object is metal. Illustrators represent a metallic surface by alternating dark and light bands. Illustrators represent a metallic surface by alternating dark and light bands. Method: map a set of twenty stripes of varying intensity along the parametric axis of maximum curvature. Method: map a set of twenty stripes of varying intensity along the parametric axis of maximum curvature.

Shading of Metal Objects Phong vs metal-shading Phong vs metal-shading

Shading of Metal Objects metal-shading with edge and cool-to-warm shift metal-shading with edge and cool-to-warm shift

Colored Objects

Conclusion: An automated technical illustration method is presented using edge lines, highlighting, color- shifts and metal-shading. An automated technical illustration method is presented using edge lines, highlighting, color- shifts and metal-shading. Future Work: Improvements in illustration rules Improvements in illustration rules Automate other illustration forms Automate other illustration forms Interactive illustration Interactive illustration

??