Download - Three-Dimensional Computer Animation
![Page 1: Three-Dimensional Computer Animation](https://reader033.vdocument.in/reader033/viewer/2022050910/62762c60a3bee604017a0cc9/html5/thumbnails/1.jpg)
Three-Dimensional
Computer Animation
Visual Imaging in the Electronic Age
Donald P. GreenbergDecember 3, 2020
Lecture # 22
![Page 2: Three-Dimensional Computer Animation](https://reader033.vdocument.in/reader033/viewer/2022050910/62762c60a3bee604017a0cc9/html5/thumbnails/2.jpg)
Luxo & Luxo Jr. 1986
![Page 3: Three-Dimensional Computer Animation](https://reader033.vdocument.in/reader033/viewer/2022050910/62762c60a3bee604017a0cc9/html5/thumbnails/3.jpg)
Toy Story 1995
![Page 4: Three-Dimensional Computer Animation](https://reader033.vdocument.in/reader033/viewer/2022050910/62762c60a3bee604017a0cc9/html5/thumbnails/4.jpg)
Inside Out 2015
![Page 5: Three-Dimensional Computer Animation](https://reader033.vdocument.in/reader033/viewer/2022050910/62762c60a3bee604017a0cc9/html5/thumbnails/5.jpg)
Finding Dory 2016
![Page 6: Three-Dimensional Computer Animation](https://reader033.vdocument.in/reader033/viewer/2022050910/62762c60a3bee604017a0cc9/html5/thumbnails/6.jpg)
3D Animation Pixar
![Page 7: Three-Dimensional Computer Animation](https://reader033.vdocument.in/reader033/viewer/2022050910/62762c60a3bee604017a0cc9/html5/thumbnails/7.jpg)
Why do we need an animation production pipeline?
• Animated full-length features are huge endeavors
– Up to 5 years from conception to final (2 years in production)
– > 500 people involved
• Currently requires big budgets and big organizations
– $ 100 M - $150M per movie
• Needs a very organized structure to bring the creative process
from conception to final product
![Page 8: Three-Dimensional Computer Animation](https://reader033.vdocument.in/reader033/viewer/2022050910/62762c60a3bee604017a0cc9/html5/thumbnails/8.jpg)
What is the animation production pipeline?
• Logical organization of the steps required to produce an animated feature
film
• Every company has its own pipeline
• Every movie changes the pipeline
– Requirements are changing
– Save money
– Increase the quality of the movie
![Page 9: Three-Dimensional Computer Animation](https://reader033.vdocument.in/reader033/viewer/2022050910/62762c60a3bee604017a0cc9/html5/thumbnails/9.jpg)
Toy Story 3Building a Single Frame
1 / SKETCHES There are 49,516 of these sketches in the
movie’s story reel.
John Lehrer. “How It’s Done,” Wired 18.06. http://www.wired.com/magazine/18-06
![Page 10: Three-Dimensional Computer Animation](https://reader033.vdocument.in/reader033/viewer/2022050910/62762c60a3bee604017a0cc9/html5/thumbnails/10.jpg)
Building a Single Frame
2 / COLOR SCRIPTS The goal is to begin to define the style
and lighting scheme of the frame (shot).
John Lehrer. “How It’s Done,” Wired 18.06. http://www.wired.com/magazine/18-06
![Page 11: Three-Dimensional Computer Animation](https://reader033.vdocument.in/reader033/viewer/2022050910/62762c60a3bee604017a0cc9/html5/thumbnails/11.jpg)
Building a Single Frame
John Lehrer. “How It’s Done,” Wired 18.06. http://www.wired.com/magazine/18-06
3 / PROPS Toys are positioned in the 3-D “dressed set.” The
director can fine-tune the camera’s movement to best capture
the action.
![Page 12: Three-Dimensional Computer Animation](https://reader033.vdocument.in/reader033/viewer/2022050910/62762c60a3bee604017a0cc9/html5/thumbnails/12.jpg)
Building a Single Frame
John Lehrer. “How It’s Done,” Wired 18.06. http://www.wired.com/magazine/18-06
4 / LAST DETAILS The amount of labor spent on each character
depends on its prominence in the final shot. Background toys are
given simple textures and basic movements.
![Page 13: Three-Dimensional Computer Animation](https://reader033.vdocument.in/reader033/viewer/2022050910/62762c60a3bee604017a0cc9/html5/thumbnails/13.jpg)
Building a Single Frame
John Lehrer. “How It’s Done,” Wired 18.06. http://www.wired.com/magazine/18-06
5 / FINALE Surfaces—walls, clothing, faces—are fed through
rendering software that simulates light and shadow. An
average frame takes more than seven hours of computing time
to render. This one required eleven hours.
![Page 14: Three-Dimensional Computer Animation](https://reader033.vdocument.in/reader033/viewer/2022050910/62762c60a3bee604017a0cc9/html5/thumbnails/14.jpg)
John Lehrer. “How It’s Done,” Wired 18.06. http://www.wired.com/magazine/18-06
12/2/2020
![Page 15: Three-Dimensional Computer Animation](https://reader033.vdocument.in/reader033/viewer/2022050910/62762c60a3bee604017a0cc9/html5/thumbnails/15.jpg)
The simplified pipeline
Story Art Casting Editorial
Modeling
Layout
Shading
Texturing
Animation Simulation
Lighting Rendering
Rigging
Effects
• Many departments
Backgrounds
![Page 16: Three-Dimensional Computer Animation](https://reader033.vdocument.in/reader033/viewer/2022050910/62762c60a3bee604017a0cc9/html5/thumbnails/16.jpg)
Jan Pinkava – Storyboard,
GERI’S GAME (Pencil)
PIXAR At the Museum of Modern Art, Disney Enterprises 2005
![Page 17: Three-Dimensional Computer Animation](https://reader033.vdocument.in/reader033/viewer/2022050910/62762c60a3bee604017a0cc9/html5/thumbnails/17.jpg)
PIXAR At the Museum of Modern Art, Disney Enterprises 2005
Jan Pinkava – Storyboard,
GERI’S GAME (Pencil)
![Page 18: Three-Dimensional Computer Animation](https://reader033.vdocument.in/reader033/viewer/2022050910/62762c60a3bee604017a0cc9/html5/thumbnails/18.jpg)
The control mesh for Geri’s head, created by digitizing a full-scale model sculpted out of clay.
![Page 19: Three-Dimensional Computer Animation](https://reader033.vdocument.in/reader033/viewer/2022050910/62762c60a3bee604017a0cc9/html5/thumbnails/19.jpg)
Subdivision surfaces
© Pixar/Disney
![Page 20: Three-Dimensional Computer Animation](https://reader033.vdocument.in/reader033/viewer/2022050910/62762c60a3bee604017a0cc9/html5/thumbnails/20.jpg)
Video – Geri’s Game
![Page 21: Three-Dimensional Computer Animation](https://reader033.vdocument.in/reader033/viewer/2022050910/62762c60a3bee604017a0cc9/html5/thumbnails/21.jpg)
Story Development
© P
ixar/
Dis
ney
![Page 22: Three-Dimensional Computer Animation](https://reader033.vdocument.in/reader033/viewer/2022050910/62762c60a3bee604017a0cc9/html5/thumbnails/22.jpg)
Story Pitch
• First time the story is publicly presented
© P
ixar/
Dis
ney
andrew.comp.85
![Page 23: Three-Dimensional Computer Animation](https://reader033.vdocument.in/reader033/viewer/2022050910/62762c60a3bee604017a0cc9/html5/thumbnails/23.jpg)
Art Development
• Develop the look-and-feel of the movie
– Characters and Sets
– Follow it through production
– Make the most of the high-level artistic decisions
• Traditional media
– Sketches, Pastels, Sculptures
• Process
– Start with real world objects
– Develop the look: shape, colors, materials
– Develop expressions and movements
– For characters, sculptures are developed
![Page 24: Three-Dimensional Computer Animation](https://reader033.vdocument.in/reader033/viewer/2022050910/62762c60a3bee604017a0cc9/html5/thumbnails/24.jpg)
Bob Pauley – Woody and Buzz, Toy Story (Pencil)
PIXAR At the Museum of Modern Art, Disney Enterprises 2005
![Page 25: Three-Dimensional Computer Animation](https://reader033.vdocument.in/reader033/viewer/2022050910/62762c60a3bee604017a0cc9/html5/thumbnails/25.jpg)
Pete Docter – Sullivan and Mike (Marker)
PIXAR At the Museum of Modern Art, Disney Enterprises 2005
![Page 26: Three-Dimensional Computer Animation](https://reader033.vdocument.in/reader033/viewer/2022050910/62762c60a3bee604017a0cc9/html5/thumbnails/26.jpg)
Art Development - Characters
© P
ixar/
Dis
ney
![Page 27: Three-Dimensional Computer Animation](https://reader033.vdocument.in/reader033/viewer/2022050910/62762c60a3bee604017a0cc9/html5/thumbnails/27.jpg)
Art Development - Environments
© P
ixar/
Dis
ney
![Page 28: Three-Dimensional Computer Animation](https://reader033.vdocument.in/reader033/viewer/2022050910/62762c60a3bee604017a0cc9/html5/thumbnails/28.jpg)
Casting
• Voices have to match your characters
© Pixar/Disney
![Page 29: Three-Dimensional Computer Animation](https://reader033.vdocument.in/reader033/viewer/2022050910/62762c60a3bee604017a0cc9/html5/thumbnails/29.jpg)
Dialogue Recording
• Useful for animation reference
© Pixar/Disney
![Page 30: Three-Dimensional Computer Animation](https://reader033.vdocument.in/reader033/viewer/2022050910/62762c60a3bee604017a0cc9/html5/thumbnails/30.jpg)
Editorial• The keeper of the flow
– Study the timing of actions in the movie
• Manage the editing of the movie
– Prepare the various releases
• Similar to a traditional studio
© P
ixar/
Dis
ney
![Page 31: Three-Dimensional Computer Animation](https://reader033.vdocument.in/reader033/viewer/2022050910/62762c60a3bee604017a0cc9/html5/thumbnails/31.jpg)
The Simplified Pipeline
Story Art Casting Editorial
Modeling
Layout
Shading
TexturingBackgrounds
Animation Simulation
Lighting Rendering
Rigging
Effects
• Characters and Sets
![Page 32: Three-Dimensional Computer Animation](https://reader033.vdocument.in/reader033/viewer/2022050910/62762c60a3bee604017a0cc9/html5/thumbnails/32.jpg)
Modeling
• Defines the shape
• Process
– Starts with art data
> Drawings
> Sculptures (sometimes scanned)
– Recreate geometry in the modeling environment
• Models have to
– Look good – to please the eye
– Be functional – to fit in the pipeline
– Work when deformed – for animation
![Page 33: Three-Dimensional Computer Animation](https://reader033.vdocument.in/reader033/viewer/2022050910/62762c60a3bee604017a0cc9/html5/thumbnails/33.jpg)
Character Modeling
© P
ixar/
Dis
ney
![Page 34: Three-Dimensional Computer Animation](https://reader033.vdocument.in/reader033/viewer/2022050910/62762c60a3bee604017a0cc9/html5/thumbnails/34.jpg)
Environment and Prop Modeling
© P
ixar/
Dis
ney
![Page 35: Three-Dimensional Computer Animation](https://reader033.vdocument.in/reader033/viewer/2022050910/62762c60a3bee604017a0cc9/html5/thumbnails/35.jpg)
Shading/Texturing
© P
ixar/
Dis
ney
![Page 36: Three-Dimensional Computer Animation](https://reader033.vdocument.in/reader033/viewer/2022050910/62762c60a3bee604017a0cc9/html5/thumbnails/36.jpg)
Character Rigging
• Prepares a character for animation
– Defines the deformation of the shape
> Shape changes when the character moves
– Defines controls for animators
• Process
– Start with art data
– Work with animation to test the look and controls
![Page 37: Three-Dimensional Computer Animation](https://reader033.vdocument.in/reader033/viewer/2022050910/62762c60a3bee604017a0cc9/html5/thumbnails/37.jpg)
Rigging
![Page 38: Three-Dimensional Computer Animation](https://reader033.vdocument.in/reader033/viewer/2022050910/62762c60a3bee604017a0cc9/html5/thumbnails/38.jpg)
Computer Skeletal Animation
• Moving your hand with Forward Kinematics
– Involves individually rotating each joint in order to get the hand to a
specific location
– To move hand, must first rotate whole arm, then rotate lower arm
![Page 39: Three-Dimensional Computer Animation](https://reader033.vdocument.in/reader033/viewer/2022050910/62762c60a3bee604017a0cc9/html5/thumbnails/39.jpg)
Computer Skeletal Animation
• Moving your hand with Inverse Kinematics
– Position of the hand determines the position of the arm joints
– Because all parts of the arm are connected, if hand moves → arm moves
![Page 40: Three-Dimensional Computer Animation](https://reader033.vdocument.in/reader033/viewer/2022050910/62762c60a3bee604017a0cc9/html5/thumbnails/40.jpg)
Backgrounds
• Creates sets out of props
• Prepares a stage for acting
© Pixar/Disney
![Page 41: Three-Dimensional Computer Animation](https://reader033.vdocument.in/reader033/viewer/2022050910/62762c60a3bee604017a0cc9/html5/thumbnails/41.jpg)
The Simplified Pipeline
Story Art Casting Editorial
Modeling
Layout
Shading
TexturingBackgrounds
Animation Simulation
Lighting Rendering
Rigging
Effects
• Movement
![Page 42: Three-Dimensional Computer Animation](https://reader033.vdocument.in/reader033/viewer/2022050910/62762c60a3bee604017a0cc9/html5/thumbnails/42.jpg)
Layout
• Defines the camera
– Starting position
– Framing – which objects are seen
– Movement
• Defines basic object positions
© Pixar/Disney
![Page 43: Three-Dimensional Computer Animation](https://reader033.vdocument.in/reader033/viewer/2022050910/62762c60a3bee604017a0cc9/html5/thumbnails/43.jpg)
Animation
• Keyframed animation
– Movement is specified by changing individual controls on characters at various
frames
– Used by Pixar and DreamWorks
• Motion capture
– Movement is recorded using live actors
– Used by Sony Imageworks, Weta
• Very time consuming!
– Requires big budgets and long development times
• Today it is the biggest distinction between large studios and smaller ones
![Page 44: Three-Dimensional Computer Animation](https://reader033.vdocument.in/reader033/viewer/2022050910/62762c60a3bee604017a0cc9/html5/thumbnails/44.jpg)
Animation
© Pixar/Disney
![Page 45: Three-Dimensional Computer Animation](https://reader033.vdocument.in/reader033/viewer/2022050910/62762c60a3bee604017a0cc9/html5/thumbnails/45.jpg)
Animation
© Pixar/Disney
fish acting.comp.85
![Page 46: Three-Dimensional Computer Animation](https://reader033.vdocument.in/reader033/viewer/2022050910/62762c60a3bee604017a0cc9/html5/thumbnails/46.jpg)
Simulation
• Not possible to animate everything
• Physically-based animation
– Movement is computed to simulate physics
• Applications
– Humans: hair, cloth, skin
– Natural media: water, fire, smoke
– Special effects: explosions
![Page 47: Three-Dimensional Computer Animation](https://reader033.vdocument.in/reader033/viewer/2022050910/62762c60a3bee604017a0cc9/html5/thumbnails/47.jpg)
Effects
• Natural media: Water, Fire, Smoke
• Weather: Snow, Rain, Wind
• Special effects: Explosions, Morphing
• Encompasses modeling, animation and shading
![Page 48: Three-Dimensional Computer Animation](https://reader033.vdocument.in/reader033/viewer/2022050910/62762c60a3bee604017a0cc9/html5/thumbnails/48.jpg)
The Simplified Pipeline
Story Art Casting Editorial
Modeling
Layout
Shading
Texturing
Animation Simulation
Lighting Rendering
Rigging
Effects
• Final images
Backgrounds
![Page 49: Three-Dimensional Computer Animation](https://reader033.vdocument.in/reader033/viewer/2022050910/62762c60a3bee604017a0cc9/html5/thumbnails/49.jpg)
Lighting
• Defines scene illumination
• Process
– Study real world footage
– Study material/light interaction
> Simple materials: plastic, woods, etc.
> Complex materials: metals
> Characters: skin, hair
– Start with art images
– Add and change lights to obtain the final picture
![Page 50: Three-Dimensional Computer Animation](https://reader033.vdocument.in/reader033/viewer/2022050910/62762c60a3bee604017a0cc9/html5/thumbnails/50.jpg)
Lighting
Darren Brooker. “Essential CG Lighting Techniques,” 2003 .
![Page 51: Three-Dimensional Computer Animation](https://reader033.vdocument.in/reader033/viewer/2022050910/62762c60a3bee604017a0cc9/html5/thumbnails/51.jpg)
Lighting
Darren Brooker. “Essential CG Lighting Techniques,” 2003 .
![Page 52: Three-Dimensional Computer Animation](https://reader033.vdocument.in/reader033/viewer/2022050910/62762c60a3bee604017a0cc9/html5/thumbnails/52.jpg)
Lighting
© P
ixar/
Dis
ney
![Page 53: Three-Dimensional Computer Animation](https://reader033.vdocument.in/reader033/viewer/2022050910/62762c60a3bee604017a0cc9/html5/thumbnails/53.jpg)
Lighting
Particulate
Matter
Surge and
WellCaustics Murk
Reflection
Refraction
© P
ixar/
Dis
ney
![Page 54: Three-Dimensional Computer Animation](https://reader033.vdocument.in/reader033/viewer/2022050910/62762c60a3bee604017a0cc9/html5/thumbnails/54.jpg)
Rendering
• Compute the final images
© Pixar/Disney
![Page 55: Three-Dimensional Computer Animation](https://reader033.vdocument.in/reader033/viewer/2022050910/62762c60a3bee604017a0cc9/html5/thumbnails/55.jpg)
The Simplified Pipeline
Story Art Casting Editorial
Modeling
Layout
Shading
Texturing
Animation Simulation
Lighting Rendering
Rigging
Effects
• Vertical hierarchy too
Backgrounds
![Page 56: Three-Dimensional Computer Animation](https://reader033.vdocument.in/reader033/viewer/2022050910/62762c60a3bee604017a0cc9/html5/thumbnails/56.jpg)
Shot Progression
© P
ixar/
Dis
ney
![Page 57: Three-Dimensional Computer Animation](https://reader033.vdocument.in/reader033/viewer/2022050910/62762c60a3bee604017a0cc9/html5/thumbnails/57.jpg)
Shot Progression
© Pixar/Disney
Nemo_Progression_School.comp.85
![Page 58: Three-Dimensional Computer Animation](https://reader033.vdocument.in/reader033/viewer/2022050910/62762c60a3bee604017a0cc9/html5/thumbnails/58.jpg)
Should one go into the computer animation
industry today?
![Page 59: Three-Dimensional Computer Animation](https://reader033.vdocument.in/reader033/viewer/2022050910/62762c60a3bee604017a0cc9/html5/thumbnails/59.jpg)
Story: 60
Art: 70
Layout: 40
Layout: 40
Anim: 150
TD: 150
GT/FX: 100
Lighting: 120
Editorial: 30
Post: 60
Research/Tools: 170
Renderman: 25
Pixar Approximate Employee Distribution
Creative Production Technology
170
650
195
2011
1,200 employees
![Page 60: Three-Dimensional Computer Animation](https://reader033.vdocument.in/reader033/viewer/2022050910/62762c60a3bee604017a0cc9/html5/thumbnails/60.jpg)
Success depends on a good story!
![Page 61: Three-Dimensional Computer Animation](https://reader033.vdocument.in/reader033/viewer/2022050910/62762c60a3bee604017a0cc9/html5/thumbnails/61.jpg)
‘Coco’ Scores Another Strong Thanksgiving Debut for Disney
$71M opening weekend
![Page 62: Three-Dimensional Computer Animation](https://reader033.vdocument.in/reader033/viewer/2022050910/62762c60a3bee604017a0cc9/html5/thumbnails/62.jpg)
Pixar’s Coco 2017
![Page 63: Three-Dimensional Computer Animation](https://reader033.vdocument.in/reader033/viewer/2022050910/62762c60a3bee604017a0cc9/html5/thumbnails/63.jpg)
Success depends on a good story!
But production is a big risk!
![Page 64: Three-Dimensional Computer Animation](https://reader033.vdocument.in/reader033/viewer/2022050910/62762c60a3bee604017a0cc9/html5/thumbnails/64.jpg)
Computer Animation Theater Gross Revenues (U.S.) as of 11/2016
Boxofficemojo.com
![Page 65: Three-Dimensional Computer Animation](https://reader033.vdocument.in/reader033/viewer/2022050910/62762c60a3bee604017a0cc9/html5/thumbnails/65.jpg)
![Page 66: Three-Dimensional Computer Animation](https://reader033.vdocument.in/reader033/viewer/2022050910/62762c60a3bee604017a0cc9/html5/thumbnails/66.jpg)
End