How to make a PIXAR movie Non-Photorealistic Rendering
computer graphics & visualization
Definition • NPR is an area of computer graphics that focuses on enabling a wide variety of expressive styles for digital art. • Alternativbezeichnungen: artistic rendering expressive graphics [http://en.wikipedia.org/wiki/Non-photorealistic_rendering]
How to make a PIXAR movie - Non-Photorealistic Rendering Johannes Schamburger
computer graphics & visualization
Nachteile photorealistischer Bilder • Sehr hoher Informationsgehalt • Künstlerische Kreativität ist eingeschränkt • Zeitaufwendige Erzeugung von Bildern
How to make a PIXAR movie - Non-Photorealistic Rendering Johannes Schamburger
computer graphics & visualization
Ziele • Künstlerischer Effekt
Annecy, Frankreich How to make a PIXAR movie - Non-Photorealistic Rendering Johannes Schamburger
computer graphics & visualization
Ziele • Reduzierung der Informationen auf das Wesentliche
How to make a PIXAR movie - Non-Photorealistic Rendering Johannes Schamburger
computer graphics & visualization
Gliederung 1. 2. 3. 4. 5.
Simulation von Zeichengeräten Kantenerkennung Artistic Line Drawing Artistic Shading Anwendungen von NPR
How to make a PIXAR movie - Non-Photorealistic Rendering Johannes Schamburger
computer graphics & visualization
Gliederung 1. 2. 3. 4. 5.
Simulation von Zeichengeräten Kantenerkennung Artistic Line Drawing Artistic Shading Anwendungen von NPR
How to make a PIXAR movie - Non-Photorealistic Rendering Johannes Schamburger
computer graphics & visualization
Zeichengeräte - Bleistift • Verschiedene Linienstile
How to make a PIXAR movie - Non-Photorealistic Rendering Johannes Schamburger
computer graphics & visualization
Zeichengeräte - Bleistift • Verschiedene Linienstile • Verschiedene Schraffuren
How to make a PIXAR movie - Non-Photorealistic Rendering Johannes Schamburger
computer graphics & visualization
Zeichengeräte - Bleistift • Verschiedene Linienstile • Verschiedene Schraffuren • Verschiedene Härtegrade
How to make a PIXAR movie - Non-Photorealistic Rendering Johannes Schamburger
Resultat: G= √ G 2x+G 2y How to make a PIXAR movie - Non-Photorealistic Rendering Johannes Schamburger
computer graphics & visualization
Kantenerkennung mit Depth Maps 3. C0 Diskontinuitäten finden: – G= √ G 2x+G 2y – G ( x , y) > k → Kante für einen Schwellwert k
How to make a PIXAR movie - Non-Photorealistic Rendering Johannes Schamburger
computer graphics & visualization
Kantenerkennung mit Normal Maps
1. Berechnung der normal map: – Abbildung jedes Punktes auf den Normalenvektor ⃗n in diesem Punkt – Def. Normalenvektor einer Fläche: Vektor, der auf die Fläche senkrecht steht.
How to make a PIXAR movie - Non-Photorealistic Rendering Johannes Schamburger
computer graphics & visualization
Kantenerkennung mit Normal Maps
2. Berechnung der Kanten:
wie bei der depth map über SobelFilterung
How to make a PIXAR movie - Non-Photorealistic Rendering Johannes Schamburger
computer graphics & visualization
Kantenerkennung Kombination der Kanten aus der depth map und der normal map
=
+ aus depth map
aus normal map
How to make a PIXAR movie - Non-Photorealistic Rendering Johannes Schamburger
computer graphics & visualization
Gliederung 1. 2. 3. 4. 5.
Simulation von Zeichengeräten Kantenerkennung Artistic Line Drawing Artistic Shading Anwendungen von NPR
How to make a PIXAR movie - Non-Photorealistic Rendering Johannes Schamburger
computer graphics & visualization
Artistic Line Drawing
„a few simple lines defining the outline of an object suffice to determine its 3-D structure.“ 1
1 Christou, C., Koenderink, J.J., van Doorn, A.J. „Surface gradients, contours and the perception of surface attitude in images of complex scenes.“ (1996), S. 712
How to make a PIXAR movie - Non-Photorealistic Rendering Johannes Schamburger
computer graphics & visualization
Artistic Line Drawing
How to make a PIXAR movie - Non-Photorealistic Rendering Johannes Schamburger
computer graphics & visualization
Artistic Line Drawing - Farbe
schwarze Konturen
weiße Konturen
weiße innere Kanten
How to make a PIXAR movie - Non-Photorealistic Rendering Johannes Schamburger
computer graphics & visualization
Artistic Line Drawing - Dicke
konstante Dicke
dickere äußere Kanten
flexible Dicke
How to make a PIXAR movie - Non-Photorealistic Rendering Johannes Schamburger
computer graphics & visualization
Artistic Line Drawing - Stil
How to make a PIXAR movie - Non-Photorealistic Rendering Johannes Schamburger
computer graphics & visualization
Gliederung 1. 2. 3. 4. 5.
Simulation von Zeichengeräten Kantenerkennung Artistic Line Drawing Artistic Shading Anwendungen von NPR
How to make a PIXAR movie - Non-Photorealistic Rendering Johannes Schamburger
computer graphics & visualization
Artistic Shading
How to make a PIXAR movie - Non-Photorealistic Rendering Johannes Schamburger
How to make a PIXAR movie - Non-Photorealistic Rendering Johannes Schamburger
computer graphics & visualization
Artistic Shading – Cartoon Shading Zur Laufzeit: Für jeden Vertex: ⃗ ,0) < ε: dunklere Farbe – max ( ⃗ L⋅N ⃗ ,0) > ε: hellere Farbe – max ( ⃗ L⋅N – ε kann einfach angepasst werden, um einen helleren/dunkleren Stil zu erzeugen. How to make a PIXAR movie - Non-Photorealistic Rendering Johannes Schamburger
computer graphics & visualization
Artistic Shading – Cartoon Shading Resultat:
mehrdimensionale texture map:
How to make a PIXAR movie - Non-Photorealistic Rendering Johannes Schamburger