Nonphotorealistic rendering Computational Photography, 6.882 Bill Freeman Fredo Durand May 9, 2006...

76
Nonphotorealistic rendering Computational Photography, 6.882 Bill Freeman Fredo Durand May 9, 2006 Drawing from: NPR Siggraph 1999 course, Green et al. npr_course_Sig99.pdf

description

Are these images non-photorealistic renderings?

Transcript of Nonphotorealistic rendering Computational Photography, 6.882 Bill Freeman Fredo Durand May 9, 2006...

Page 1: Nonphotorealistic rendering Computational Photography, 6.882 Bill Freeman Fredo Durand May 9, 2006 Drawing from: NPR Siggraph 1999 course, Green et al.

Nonphotorealistic rendering

Computational Photography, 6.882

Bill FreemanFredo Durand

May 9, 2006

Drawing from: NPR Siggraph 1999 course, Green et al. npr_course_Sig99.pdf

Page 2: Nonphotorealistic rendering Computational Photography, 6.882 Bill Freeman Fredo Durand May 9, 2006 Drawing from: NPR Siggraph 1999 course, Green et al.

Photorealism

• Physically realistic computer graphics rendering

• Images with photographic quality (eg Vermeer, 1632-1675, accused by critics of being cold, inartistic, and displaying ‘spiritual poverty’).

http://www.cs.utah.edu/npr/papers/npr_course_Sig99.pdf

Page 3: Nonphotorealistic rendering Computational Photography, 6.882 Bill Freeman Fredo Durand May 9, 2006 Drawing from: NPR Siggraph 1999 course, Green et al.

Are these images non-photorealistic renderings?

http://www.cs.utah.edu/npr/papers/npr_course_Sig99.pdf

Page 4: Nonphotorealistic rendering Computational Photography, 6.882 Bill Freeman Fredo Durand May 9, 2006 Drawing from: NPR Siggraph 1999 course, Green et al.

Non-photorealistic rendering

• Expressive, artistic, painterly, interpretative rendering.

• Not aspiring to realism.• Early work: natural media emulation

– Pen and ink– Watercolor– Oil on canvas

• Attempts to capture the low-level style.• Simulations of technical illustration.

http://www.cs.utah.edu/npr/papers/npr_course_Sig99.pdf

Page 5: Nonphotorealistic rendering Computational Photography, 6.882 Bill Freeman Fredo Durand May 9, 2006 Drawing from: NPR Siggraph 1999 course, Green et al.

NPAR 2002

Page 6: Nonphotorealistic rendering Computational Photography, 6.882 Bill Freeman Fredo Durand May 9, 2006 Drawing from: NPR Siggraph 1999 course, Green et al.

Comparing photorealism and NPR (Stuart Green)

http://www.cs.utah.edu/npr/papers/npr_course_Sig99.pdf

Page 7: Nonphotorealistic rendering Computational Photography, 6.882 Bill Freeman Fredo Durand May 9, 2006 Drawing from: NPR Siggraph 1999 course, Green et al.
Page 8: Nonphotorealistic rendering Computational Photography, 6.882 Bill Freeman Fredo Durand May 9, 2006 Drawing from: NPR Siggraph 1999 course, Green et al.

http://www.cs.utah.edu/npr/papers/npr_course_Sig99.pdf

Page 9: Nonphotorealistic rendering Computational Photography, 6.882 Bill Freeman Fredo Durand May 9, 2006 Drawing from: NPR Siggraph 1999 course, Green et al.

Statistical techniques to simulate expression

http://www.cs.utah.edu/npr/papers/npr_course_Sig99.pdf

Page 10: Nonphotorealistic rendering Computational Photography, 6.882 Bill Freeman Fredo Durand May 9, 2006 Drawing from: NPR Siggraph 1999 course, Green et al.

“Paintings are not solutions to well-posed problems…”

http://www.cs.utah.edu/npr/papers/npr_course_Sig99.pdf

Page 11: Nonphotorealistic rendering Computational Photography, 6.882 Bill Freeman Fredo Durand May 9, 2006 Drawing from: NPR Siggraph 1999 course, Green et al.

http://pages.cpsc.ucalgary.ca/~mario/npr/projects/sigg03/lec8/hand_1.pdfDaniel Teece

Page 12: Nonphotorealistic rendering Computational Photography, 6.882 Bill Freeman Fredo Durand May 9, 2006 Drawing from: NPR Siggraph 1999 course, Green et al.

Organization of NPR methods

• Automated methods– 2-d processing– 3-d processing

• Interactive methods– 2-d processing– 3-d processing

Page 13: Nonphotorealistic rendering Computational Photography, 6.882 Bill Freeman Fredo Durand May 9, 2006 Drawing from: NPR Siggraph 1999 course, Green et al.

Organization of NPR methods

• Automated methods– 2-d processing– 3-d processing

• Interactive methods– 2-d processing– 3-d processing

Page 14: Nonphotorealistic rendering Computational Photography, 6.882 Bill Freeman Fredo Durand May 9, 2006 Drawing from: NPR Siggraph 1999 course, Green et al.

2/2.5 D, no user intervention

http://www.cs.utah.edu/npr/papers/npr_course_Sig99.pdf

Page 15: Nonphotorealistic rendering Computational Photography, 6.882 Bill Freeman Fredo Durand May 9, 2006 Drawing from: NPR Siggraph 1999 course, Green et al.

http://www.mrl.nyu.edu/publications/hertzmann-thesis/hertzmann-thesis-72dpi.pdf

Page 16: Nonphotorealistic rendering Computational Photography, 6.882 Bill Freeman Fredo Durand May 9, 2006 Drawing from: NPR Siggraph 1999 course, Green et al.

Issues in image style translation

• Fitting• Translation

Page 17: Nonphotorealistic rendering Computational Photography, 6.882 Bill Freeman Fredo Durand May 9, 2006 Drawing from: NPR Siggraph 1999 course, Green et al.

http://people.csail.mit.edu/billf/papers/p33-t_freeman.pdf

Page 18: Nonphotorealistic rendering Computational Photography, 6.882 Bill Freeman Fredo Durand May 9, 2006 Drawing from: NPR Siggraph 1999 course, Green et al.

http://people.csail.mit.edu/billf/papers/p33-t_freeman.pdf

Page 19: Nonphotorealistic rendering Computational Photography, 6.882 Bill Freeman Fredo Durand May 9, 2006 Drawing from: NPR Siggraph 1999 course, Green et al.

Input traced line drawing

This example will illustrate the tension between fitting and

translation

http://people.csail.mit.edu/billf/papers/p33-t_freeman.pdf

Page 20: Nonphotorealistic rendering Computational Photography, 6.882 Bill Freeman Fredo Durand May 9, 2006 Drawing from: NPR Siggraph 1999 course, Green et al.

1-NN fit to input,style 1

Translation to style 2

Input drawing

http://people.csail.mit.edu/billf/papers/p33-t_freeman.pdf

Page 21: Nonphotorealistic rendering Computational Photography, 6.882 Bill Freeman Fredo Durand May 9, 2006 Drawing from: NPR Siggraph 1999 course, Green et al.

1-NN fit to input,style 1

Translation to style 2

Input drawing

Bad fit, good translation

http://people.csail.mit.edu/billf/papers/p33-t_freeman.pdf

Page 22: Nonphotorealistic rendering Computational Photography, 6.882 Bill Freeman Fredo Durand May 9, 2006 Drawing from: NPR Siggraph 1999 course, Green et al.

5904-NN fit to input,style 1

Translation to style 2.

Input drawing

http://people.csail.mit.edu/billf/papers/p33-t_freeman.pdf

Page 23: Nonphotorealistic rendering Computational Photography, 6.882 Bill Freeman Fredo Durand May 9, 2006 Drawing from: NPR Siggraph 1999 course, Green et al.

5904-NN fit to input,style 1

Translation to style 2.

Input drawing

Good fit, bad translation

http://people.csail.mit.edu/billf/papers/p33-t_freeman.pdf

Page 24: Nonphotorealistic rendering Computational Photography, 6.882 Bill Freeman Fredo Durand May 9, 2006 Drawing from: NPR Siggraph 1999 course, Green et al.

6-NN fit to input,style 1

Input drawing

http://people.csail.mit.edu/billf/papers/p33-t_freeman.pdf

Page 25: Nonphotorealistic rendering Computational Photography, 6.882 Bill Freeman Fredo Durand May 9, 2006 Drawing from: NPR Siggraph 1999 course, Green et al.

6-NN fit to input,style 1

Input drawing

Translation to style 2

Good fit, good translation

http://people.csail.mit.edu/billf/papers/p33-t_freeman.pdf

Page 26: Nonphotorealistic rendering Computational Photography, 6.882 Bill Freeman Fredo Durand May 9, 2006 Drawing from: NPR Siggraph 1999 course, Green et al.

style 1

style 2 style 3http://people.csail.mit.edu/billf/papers/p33-t_freeman.pdf

Page 27: Nonphotorealistic rendering Computational Photography, 6.882 Bill Freeman Fredo Durand May 9, 2006 Drawing from: NPR Siggraph 1999 course, Green et al.

http

://pe

ople

.csa

il.m

it.ed

u/bi

llf/p

aper

s/p3

3-t_

free

man

.pdf

Page 28: Nonphotorealistic rendering Computational Photography, 6.882 Bill Freeman Fredo Durand May 9, 2006 Drawing from: NPR Siggraph 1999 course, Green et al.

6-NN fit to input,style 1

Translation to style 3

http://people.csail.mit.edu/billf/papers/p33-t_freeman.pdf

Page 29: Nonphotorealistic rendering Computational Photography, 6.882 Bill Freeman Fredo Durand May 9, 2006 Drawing from: NPR Siggraph 1999 course, Green et al.

http://mrl.nyu.edu/projects/image-analogies/

Page 30: Nonphotorealistic rendering Computational Photography, 6.882 Bill Freeman Fredo Durand May 9, 2006 Drawing from: NPR Siggraph 1999 course, Green et al.

http

://m

rl.ny

u.ed

u/pu

blic

atio

ns/im

age-

anal

ogie

s/an

alog

ies-

72dp

i.pdf

Page 31: Nonphotorealistic rendering Computational Photography, 6.882 Bill Freeman Fredo Durand May 9, 2006 Drawing from: NPR Siggraph 1999 course, Green et al.

Image analogies applications

Page 32: Nonphotorealistic rendering Computational Photography, 6.882 Bill Freeman Fredo Durand May 9, 2006 Drawing from: NPR Siggraph 1999 course, Green et al.

For painterly style translation, how get the A, A’ image pairs?

Page 33: Nonphotorealistic rendering Computational Photography, 6.882 Bill Freeman Fredo Durand May 9, 2006 Drawing from: NPR Siggraph 1999 course, Green et al.

http://mrl.nyu.edu/projects/image-analogies/

Page 34: Nonphotorealistic rendering Computational Photography, 6.882 Bill Freeman Fredo Durand May 9, 2006 Drawing from: NPR Siggraph 1999 course, Green et al.

http://mrl.nyu.edu/projects/image-analogies/

Page 35: Nonphotorealistic rendering Computational Photography, 6.882 Bill Freeman Fredo Durand May 9, 2006 Drawing from: NPR Siggraph 1999 course, Green et al.

http://mrl.nyu.edu/projects/image-analogies/

Page 36: Nonphotorealistic rendering Computational Photography, 6.882 Bill Freeman Fredo Durand May 9, 2006 Drawing from: NPR Siggraph 1999 course, Green et al.

Texture Transfer• Take the texture from one

object and “paint” it onto another object– This requires separating texture

and shape– That’s HARD, but we can cheat – Assume we can capture shape by

boundary and rough shading• Then, just add another constraint when Then, just add another constraint when sampling: similarity to underlying image sampling: similarity to underlying image at that spotat that spot

http://people.csail.mit.edu/billf/papers/efrosFreeman.pdf

Page 37: Nonphotorealistic rendering Computational Photography, 6.882 Bill Freeman Fredo Durand May 9, 2006 Drawing from: NPR Siggraph 1999 course, Green et al.

Sourcetexture

Target image

Sourcecorrespondenc

eimage

Targetcorrespondence image

http://people.csail.mit.edu/billf/papers/efrosFreeman.pdf

Page 38: Nonphotorealistic rendering Computational Photography, 6.882 Bill Freeman Fredo Durand May 9, 2006 Drawing from: NPR Siggraph 1999 course, Green et al.

http://people.csail.mit.edu/billf/papers/efrosFreeman.pdf

Page 39: Nonphotorealistic rendering Computational Photography, 6.882 Bill Freeman Fredo Durand May 9, 2006 Drawing from: NPR Siggraph 1999 course, Green et al.

A A’

Page 40: Nonphotorealistic rendering Computational Photography, 6.882 Bill Freeman Fredo Durand May 9, 2006 Drawing from: NPR Siggraph 1999 course, Green et al.
Page 41: Nonphotorealistic rendering Computational Photography, 6.882 Bill Freeman Fredo Durand May 9, 2006 Drawing from: NPR Siggraph 1999 course, Green et al.

B

Page 42: Nonphotorealistic rendering Computational Photography, 6.882 Bill Freeman Fredo Durand May 9, 2006 Drawing from: NPR Siggraph 1999 course, Green et al.

B’

Page 43: Nonphotorealistic rendering Computational Photography, 6.882 Bill Freeman Fredo Durand May 9, 2006 Drawing from: NPR Siggraph 1999 course, Green et al.

B’

Page 44: Nonphotorealistic rendering Computational Photography, 6.882 Bill Freeman Fredo Durand May 9, 2006 Drawing from: NPR Siggraph 1999 course, Green et al.

I think this one fails

Page 45: Nonphotorealistic rendering Computational Photography, 6.882 Bill Freeman Fredo Durand May 9, 2006 Drawing from: NPR Siggraph 1999 course, Green et al.

Organization of NPR methods

• Automated methods– 2-d processing– 3-d processing

• Interactive methods– 2-d processing– 3-d processing

Page 46: Nonphotorealistic rendering Computational Photography, 6.882 Bill Freeman Fredo Durand May 9, 2006 Drawing from: NPR Siggraph 1999 course, Green et al.

http://www.cs.utah.edu/npr/papers/npr_course_Sig99.pdf

Page 47: Nonphotorealistic rendering Computational Photography, 6.882 Bill Freeman Fredo Durand May 9, 2006 Drawing from: NPR Siggraph 1999 course, Green et al.

http://www.cs.utah.edu/npr/papers/npr_course_Sig99.pdf

Page 48: Nonphotorealistic rendering Computational Photography, 6.882 Bill Freeman Fredo Durand May 9, 2006 Drawing from: NPR Siggraph 1999 course, Green et al.

http://www.cs.utah.edu/npr/papers/npr_course_Sig99.pdf

Page 49: Nonphotorealistic rendering Computational Photography, 6.882 Bill Freeman Fredo Durand May 9, 2006 Drawing from: NPR Siggraph 1999 course, Green et al.

Gooch and Gooch

• Concentrate on the material property and shading aspects of technical illustration.

Page 50: Nonphotorealistic rendering Computational Photography, 6.882 Bill Freeman Fredo Durand May 9, 2006 Drawing from: NPR Siggraph 1999 course, Green et al.

Some characteristics of technical illustrations

http://www.cs.utah.edu/npr/papers/npr_course_Sig99.pdf

Page 51: Nonphotorealistic rendering Computational Photography, 6.882 Bill Freeman Fredo Durand May 9, 2006 Drawing from: NPR Siggraph 1999 course, Green et al.

http://www.cs.utah.edu/npr/papers/npr_course_Sig99.pdf

Page 52: Nonphotorealistic rendering Computational Photography, 6.882 Bill Freeman Fredo Durand May 9, 2006 Drawing from: NPR Siggraph 1999 course, Green et al.

Technical illustrations

Lines

Page 53: Nonphotorealistic rendering Computational Photography, 6.882 Bill Freeman Fredo Durand May 9, 2006 Drawing from: NPR Siggraph 1999 course, Green et al.

http

://w

ww

.cs.

utah

.edu

/npr

/pap

ers/

npr_

cour

se_S

ig99

.pdf

Page 54: Nonphotorealistic rendering Computational Photography, 6.882 Bill Freeman Fredo Durand May 9, 2006 Drawing from: NPR Siggraph 1999 course, Green et al.

http

://w

ww

.cs.

utah

.edu

/npr

/pap

ers/

npr_

cour

se_S

ig99

.pdf

Some parameterization dependent lines

Page 55: Nonphotorealistic rendering Computational Photography, 6.882 Bill Freeman Fredo Durand May 9, 2006 Drawing from: NPR Siggraph 1999 course, Green et al.

http

://w

ww

.cs.

utah

.edu

/npr

/pap

ers/

npr_

cour

se_S

ig99

.pdf

Page 56: Nonphotorealistic rendering Computational Photography, 6.882 Bill Freeman Fredo Durand May 9, 2006 Drawing from: NPR Siggraph 1999 course, Green et al.

http://www.cs.utah.edu/npr/papers/npr_course_Sig99.pdf

Page 57: Nonphotorealistic rendering Computational Photography, 6.882 Bill Freeman Fredo Durand May 9, 2006 Drawing from: NPR Siggraph 1999 course, Green et al.

Line weight variationsht

tp://

ww

w.c

s.ut

ah.e

du/n

pr/p

aper

s/np

r_co

urse

_Sig

99.p

df

Equal weightOuter edges

thicker

Line weight varied to emphasize perspective

Page 58: Nonphotorealistic rendering Computational Photography, 6.882 Bill Freeman Fredo Durand May 9, 2006 Drawing from: NPR Siggraph 1999 course, Green et al.

http

://w

ww

.cs.

utah

.edu

/npr

/pap

ers/

npr_

cour

se_S

ig99

.pdf

Page 59: Nonphotorealistic rendering Computational Photography, 6.882 Bill Freeman Fredo Durand May 9, 2006 Drawing from: NPR Siggraph 1999 course, Green et al.

http

://w

ww

.cs.

utah

.edu

/npr

/pap

ers/

npr_

cour

se_S

ig99

.pdf

Page 60: Nonphotorealistic rendering Computational Photography, 6.882 Bill Freeman Fredo Durand May 9, 2006 Drawing from: NPR Siggraph 1999 course, Green et al.

http

://w

ww

.cs.

utah

.edu

/npr

/pap

ers/

npr_

cour

se_S

ig99

.pdf

Page 61: Nonphotorealistic rendering Computational Photography, 6.882 Bill Freeman Fredo Durand May 9, 2006 Drawing from: NPR Siggraph 1999 course, Green et al.

Technical illustrations

Shading

Page 62: Nonphotorealistic rendering Computational Photography, 6.882 Bill Freeman Fredo Durand May 9, 2006 Drawing from: NPR Siggraph 1999 course, Green et al.

http

://w

ww

.cs.

utah

.edu

/npr

/pap

ers/

npr_

cour

se_S

ig99

.pdf

Page 63: Nonphotorealistic rendering Computational Photography, 6.882 Bill Freeman Fredo Durand May 9, 2006 Drawing from: NPR Siggraph 1999 course, Green et al.

http://www.cs.utah.edu/npr/papers/npr_course_Sig99.pdf

Page 64: Nonphotorealistic rendering Computational Photography, 6.882 Bill Freeman Fredo Durand May 9, 2006 Drawing from: NPR Siggraph 1999 course, Green et al.
Page 65: Nonphotorealistic rendering Computational Photography, 6.882 Bill Freeman Fredo Durand May 9, 2006 Drawing from: NPR Siggraph 1999 course, Green et al.

http

://w

ww

.cs.

utah

.edu

/npr

/pap

ers/

npr_

cour

se_S

ig99

.pdf

Page 66: Nonphotorealistic rendering Computational Photography, 6.882 Bill Freeman Fredo Durand May 9, 2006 Drawing from: NPR Siggraph 1999 course, Green et al.

Encoding surface orientation by color temperatureht

tp://

ww

w.c

s.ut

ah.e

du/n

pr/p

aper

s/np

r_co

urse

_Sig

99.p

df

Page 67: Nonphotorealistic rendering Computational Photography, 6.882 Bill Freeman Fredo Durand May 9, 2006 Drawing from: NPR Siggraph 1999 course, Green et al.

Direction dependent illumination color

Page 68: Nonphotorealistic rendering Computational Photography, 6.882 Bill Freeman Fredo Durand May 9, 2006 Drawing from: NPR Siggraph 1999 course, Green et al.

Combining color-temp surface orientation coding with some tonal variations in object color

http

://w

ww

.cs.

utah

.edu

/npr

/pap

ers/

npr_

cour

se_S

ig99

.pdf

Page 69: Nonphotorealistic rendering Computational Photography, 6.882 Bill Freeman Fredo Durand May 9, 2006 Drawing from: NPR Siggraph 1999 course, Green et al.

Parameter setting # 1ht

tp://

ww

w.c

s.ut

ah.e

du/n

pr/p

aper

s/np

r_co

urse

_Sig

99.p

df

Page 70: Nonphotorealistic rendering Computational Photography, 6.882 Bill Freeman Fredo Durand May 9, 2006 Drawing from: NPR Siggraph 1999 course, Green et al.

http

://w

ww

.cs.

utah

.edu

/npr

/pap

ers/

npr_

cour

se_S

ig99

.pdf Parameter setting # 2

Page 71: Nonphotorealistic rendering Computational Photography, 6.882 Bill Freeman Fredo Durand May 9, 2006 Drawing from: NPR Siggraph 1999 course, Green et al.

http

://w

ww

.cs.

utah

.edu

/npr

/pap

ers/

npr_

cour

se_S

ig99

.pdf

Page 72: Nonphotorealistic rendering Computational Photography, 6.882 Bill Freeman Fredo Durand May 9, 2006 Drawing from: NPR Siggraph 1999 course, Green et al.

Metal object with anisotropic reflectionsht

tp://

ww

w.c

s.ut

ah.e

du/n

pr/p

aper

s/np

r_co

urse

_Sig

99.p

df

Page 73: Nonphotorealistic rendering Computational Photography, 6.882 Bill Freeman Fredo Durand May 9, 2006 Drawing from: NPR Siggraph 1999 course, Green et al.

Metal object with anisotropic reflectionsht

tp://

ww

w.c

s.ut

ah.e

du/n

pr/p

aper

s/np

r_co

urse

_Sig

99.p

df

“Lines are streaked in the direction of the axis of minimum curvature, parallel to the milling axis.”

Page 74: Nonphotorealistic rendering Computational Photography, 6.882 Bill Freeman Fredo Durand May 9, 2006 Drawing from: NPR Siggraph 1999 course, Green et al.

http

://w

ww

.cs.

utah

.edu

/npr

/pap

ers/

npr_

cour

se_S

ig99

.pdf

Page 75: Nonphotorealistic rendering Computational Photography, 6.882 Bill Freeman Fredo Durand May 9, 2006 Drawing from: NPR Siggraph 1999 course, Green et al.

http

://w

ww

.cs.

utah

.edu

/npr

/pap

ers/

npr_

cour

se_S

ig99

.pdf

Page 76: Nonphotorealistic rendering Computational Photography, 6.882 Bill Freeman Fredo Durand May 9, 2006 Drawing from: NPR Siggraph 1999 course, Green et al.

3D, little user intervention

http://www.cs.utah.edu/npr/papers/npr_course_Sig99.pdf