Non-Photorealistic Rendering Greg Turk College of Computing and GVU Center.

39
Non-Photorealistic Rendering Greg Turk College of Computing and GVU Center

Transcript of Non-Photorealistic Rendering Greg Turk College of Computing and GVU Center.

Page 1: Non-Photorealistic Rendering Greg Turk College of Computing and GVU Center.

Non-PhotorealisticRendering

Greg TurkCollege of Computing and GVU Center

Page 2: Non-Photorealistic Rendering Greg Turk College of Computing and GVU Center.

Painterly Rendering for Animation Barbara Meier, SIGGRAPH 1996

Page 3: Non-Photorealistic Rendering Greg Turk College of Computing and GVU Center.

Painterly Rendering Issues

• Frame-to-frame coherence (maintain strokes across time)

• Idea: fix brush strokes in screen-space

• Problem: shower door effect

• Better idea: fix brush strokes to object

Page 4: Non-Photorealistic Rendering Greg Turk College of Computing and GVU Center.

Painting Pipeline

Brushes (color & opacity):

Page 5: Non-Photorealistic Rendering Greg Turk College of Computing and GVU Center.

Different Brushes and Orientation Fields

Page 6: Non-Photorealistic Rendering Greg Turk College of Computing and GVU Center.

Draw Image in Layers

Page 7: Non-Photorealistic Rendering Greg Turk College of Computing and GVU Center.

Video

Page 8: Non-Photorealistic Rendering Greg Turk College of Computing and GVU Center.

Pen and Ink SketchesMike Salisbury, Michael Wong, John Hughesand David Salesin, SIGGRAPH 1997

Page 9: Non-Photorealistic Rendering Greg Turk College of Computing and GVU Center.

Pen and Ink

• Given: grayscale image (e.g. photo)

• Make: pen-and-ink illustration

• Approach:

Gray scaleimage

Directionfield

BrushStrokes

FinalImage+ + =

Page 10: Non-Photorealistic Rendering Greg Turk College of Computing and GVU Center.

Pen and Ink Sketches

ToneMap

OrientationField

Strokes

Page 11: Non-Photorealistic Rendering Greg Turk College of Computing and GVU Center.

Pen and Ink Sketches

ToneMap

OrientationField

Strokes

Page 12: Non-Photorealistic Rendering Greg Turk College of Computing and GVU Center.

Stroke Details

• Strokes are B-spline curves (similar to Bezier)

• Strokes clipped to silhouettes

• Stroke density controlled by blurred stroke image

• Strokes follow orientation field

Page 13: Non-Photorealistic Rendering Greg Turk College of Computing and GVU Center.

Painting Orientation Field

Page 14: Non-Photorealistic Rendering Greg Turk College of Computing and GVU Center.

Stroke Density

Strokes

BlurredStrokes

Page 15: Non-Photorealistic Rendering Greg Turk College of Computing and GVU Center.
Page 16: Non-Photorealistic Rendering Greg Turk College of Computing and GVU Center.

Stroke Density Varies with Drawing Size

Page 17: Non-Photorealistic Rendering Greg Turk College of Computing and GVU Center.
Page 18: Non-Photorealistic Rendering Greg Turk College of Computing and GVU Center.

Art-Based RenderingOf Fur, Grass andTrees

Kowalski, Markosian,Northrup, Bourdev,Barzel and Hughes,SIGGRAPH 2000

Page 19: Non-Photorealistic Rendering Greg Turk College of Computing and GVU Center.

Approach

• Real-time rendering

• Use reference images for color and object ID

• Place “strokes” based on density

• Try to place same strokes on next frame

Page 20: Non-Photorealistic Rendering Greg Turk College of Computing and GVU Center.

Reference Images: Hardware Rendering

Page 21: Non-Photorealistic Rendering Greg Turk College of Computing and GVU Center.

Final Image

Page 22: Non-Photorealistic Rendering Greg Turk College of Computing and GVU Center.

Stroke Drawing

Page 23: Non-Photorealistic Rendering Greg Turk College of Computing and GVU Center.
Page 24: Non-Photorealistic Rendering Greg Turk College of Computing and GVU Center.
Page 25: Non-Photorealistic Rendering Greg Turk College of Computing and GVU Center.

“Illustrating Smooth Surfaces”Aaron Hertzmanand Denis ZorinSIGGRAPH 2000

Page 26: Non-Photorealistic Rendering Greg Turk College of Computing and GVU Center.

Goals

• Create pen-and-ink strokes based on 3D geometry

• Show silhouettes

• Have cross-hatching

Page 27: Non-Photorealistic Rendering Greg Turk College of Computing and GVU Center.

Issues

• Silhouette detection

• Orientation field (use curvature)

• Hatching

• Undercuts

Page 28: Non-Photorealistic Rendering Greg Turk College of Computing and GVU Center.

Silhouette Detection

Page 29: Non-Photorealistic Rendering Greg Turk College of Computing and GVU Center.

Orientation Field Smoothing

Page 30: Non-Photorealistic Rendering Greg Turk College of Computing and GVU Center.

Orientation Field and Shading

Page 31: Non-Photorealistic Rendering Greg Turk College of Computing and GVU Center.

Hatching

Page 32: Non-Photorealistic Rendering Greg Turk College of Computing and GVU Center.

Hatching and Undercuts

Page 33: Non-Photorealistic Rendering Greg Turk College of Computing and GVU Center.

Results

Page 34: Non-Photorealistic Rendering Greg Turk College of Computing and GVU Center.

Results

Page 35: Non-Photorealistic Rendering Greg Turk College of Computing and GVU Center.

Other NPR

• Cel Animation

• Painterly Video

• Cel Video

• ???

Page 36: Non-Photorealistic Rendering Greg Turk College of Computing and GVU Center.

Painterly Video

“What Dreams May Come”

Page 37: Non-Photorealistic Rendering Greg Turk College of Computing and GVU Center.

Cel Animation: Zelda Windwalker

Page 38: Non-Photorealistic Rendering Greg Turk College of Computing and GVU Center.

Cel-Like Video

Page 39: Non-Photorealistic Rendering Greg Turk College of Computing and GVU Center.

End