2D & 3D Animation - Cornell Program of Computer Graphics€¦ · •What is cartoon animation? –A...
Transcript of 2D & 3D Animation - Cornell Program of Computer Graphics€¦ · •What is cartoon animation? –A...
![Page 1: 2D & 3D Animation - Cornell Program of Computer Graphics€¦ · •What is cartoon animation? –A sequence of drawings which, when viewed in rapid succession, create an illusion](https://reader030.fdocuments.net/reader030/viewer/2022020100/5b37eea87f8b9a310e8cc937/html5/thumbnails/1.jpg)
2D & 3D Animation
NBA 6120
Donald P. GreenbergSeptember 21, 2015
Lecture 8
![Page 2: 2D & 3D Animation - Cornell Program of Computer Graphics€¦ · •What is cartoon animation? –A sequence of drawings which, when viewed in rapid succession, create an illusion](https://reader030.fdocuments.net/reader030/viewer/2022020100/5b37eea87f8b9a310e8cc937/html5/thumbnails/2.jpg)
2D Cel Animation
![Page 3: 2D & 3D Animation - Cornell Program of Computer Graphics€¦ · •What is cartoon animation? –A sequence of drawings which, when viewed in rapid succession, create an illusion](https://reader030.fdocuments.net/reader030/viewer/2022020100/5b37eea87f8b9a310e8cc937/html5/thumbnails/3.jpg)
![Page 4: 2D & 3D Animation - Cornell Program of Computer Graphics€¦ · •What is cartoon animation? –A sequence of drawings which, when viewed in rapid succession, create an illusion](https://reader030.fdocuments.net/reader030/viewer/2022020100/5b37eea87f8b9a310e8cc937/html5/thumbnails/4.jpg)
![Page 5: 2D & 3D Animation - Cornell Program of Computer Graphics€¦ · •What is cartoon animation? –A sequence of drawings which, when viewed in rapid succession, create an illusion](https://reader030.fdocuments.net/reader030/viewer/2022020100/5b37eea87f8b9a310e8cc937/html5/thumbnails/5.jpg)
• What is cartoon animation?
– A sequence of drawings which, when viewed in rapid
succession, create an illusion of continuous life-like
movement.
• Cel animation
– Process in which background and action are drawn
separately
– Background and action are placed together when ready to
film
Cartoon Animation
![Page 6: 2D & 3D Animation - Cornell Program of Computer Graphics€¦ · •What is cartoon animation? –A sequence of drawings which, when viewed in rapid succession, create an illusion](https://reader030.fdocuments.net/reader030/viewer/2022020100/5b37eea87f8b9a310e8cc937/html5/thumbnails/6.jpg)
Background is drawn and colored
Key animator draws the most important, or key, frames of character
In-betweener fills in the key frames with all the action required of the character
Cels are inked and painted
Checker places each cel on the background and checks the quality of art and movement
Each cel is filmed
Steps for creating cel-animated films
![Page 7: 2D & 3D Animation - Cornell Program of Computer Graphics€¦ · •What is cartoon animation? –A sequence of drawings which, when viewed in rapid succession, create an illusion](https://reader030.fdocuments.net/reader030/viewer/2022020100/5b37eea87f8b9a310e8cc937/html5/thumbnails/7.jpg)
Cel-animation
![Page 8: 2D & 3D Animation - Cornell Program of Computer Graphics€¦ · •What is cartoon animation? –A sequence of drawings which, when viewed in rapid succession, create an illusion](https://reader030.fdocuments.net/reader030/viewer/2022020100/5b37eea87f8b9a310e8cc937/html5/thumbnails/8.jpg)
![Page 9: 2D & 3D Animation - Cornell Program of Computer Graphics€¦ · •What is cartoon animation? –A sequence of drawings which, when viewed in rapid succession, create an illusion](https://reader030.fdocuments.net/reader030/viewer/2022020100/5b37eea87f8b9a310e8cc937/html5/thumbnails/9.jpg)
![Page 10: 2D & 3D Animation - Cornell Program of Computer Graphics€¦ · •What is cartoon animation? –A sequence of drawings which, when viewed in rapid succession, create an illusion](https://reader030.fdocuments.net/reader030/viewer/2022020100/5b37eea87f8b9a310e8cc937/html5/thumbnails/10.jpg)
![Page 11: 2D & 3D Animation - Cornell Program of Computer Graphics€¦ · •What is cartoon animation? –A sequence of drawings which, when viewed in rapid succession, create an illusion](https://reader030.fdocuments.net/reader030/viewer/2022020100/5b37eea87f8b9a310e8cc937/html5/thumbnails/11.jpg)
![Page 12: 2D & 3D Animation - Cornell Program of Computer Graphics€¦ · •What is cartoon animation? –A sequence of drawings which, when viewed in rapid succession, create an illusion](https://reader030.fdocuments.net/reader030/viewer/2022020100/5b37eea87f8b9a310e8cc937/html5/thumbnails/12.jpg)
• Almost the entire process of creating an animated film can be automated with a computer
– Backgrounds can be drawn and colored on a computer
– Key frames should still be drawn by key animator
– In-between frames can be interpolated with a computer
– Cels can be inked and painted on a computer
– Cel and background can be put together and checked with
a computer and then filmed
Automating the production process with
computers for keyframe animation
![Page 13: 2D & 3D Animation - Cornell Program of Computer Graphics€¦ · •What is cartoon animation? –A sequence of drawings which, when viewed in rapid succession, create an illusion](https://reader030.fdocuments.net/reader030/viewer/2022020100/5b37eea87f8b9a310e8cc937/html5/thumbnails/13.jpg)
Approximate Employee Distribution• Storyboard/Screen Writers 5
• Background 10
• Animators (140)
– Key 25
– Ass’t 40
– In-betweeners 75
• Checkers 10
• Inking/Painting 220
• Sound/Music 5
• Editing 10
Total 400
![Page 14: 2D & 3D Animation - Cornell Program of Computer Graphics€¦ · •What is cartoon animation? –A sequence of drawings which, when viewed in rapid succession, create an illusion](https://reader030.fdocuments.net/reader030/viewer/2022020100/5b37eea87f8b9a310e8cc937/html5/thumbnails/14.jpg)
– Backgrounds can be drawn and colored on a computer
– Key frames are still drawn by key animator
– All in-between frames are still drawn by animators
– Cels can be inked and painted on a computer
– Cel and background can be put together and checked with
a computer and then filmed
Automating the production process with
computers for keyframe animation
![Page 15: 2D & 3D Animation - Cornell Program of Computer Graphics€¦ · •What is cartoon animation? –A sequence of drawings which, when viewed in rapid succession, create an illusion](https://reader030.fdocuments.net/reader030/viewer/2022020100/5b37eea87f8b9a310e8cc937/html5/thumbnails/15.jpg)
– All artistic control stays with the animators
– The cost of the most expensive part of the production
process (inking and painting) is vastly reduced (1/10th)
– Can still take advantage of special features
> Zooming
> Color changes
> Multi-Plane camera simulation
> Reduction in scale
Advantages of Partial Animation
![Page 16: 2D & 3D Animation - Cornell Program of Computer Graphics€¦ · •What is cartoon animation? –A sequence of drawings which, when viewed in rapid succession, create an illusion](https://reader030.fdocuments.net/reader030/viewer/2022020100/5b37eea87f8b9a310e8cc937/html5/thumbnails/16.jpg)
![Page 17: 2D & 3D Animation - Cornell Program of Computer Graphics€¦ · •What is cartoon animation? –A sequence of drawings which, when viewed in rapid succession, create an illusion](https://reader030.fdocuments.net/reader030/viewer/2022020100/5b37eea87f8b9a310e8cc937/html5/thumbnails/17.jpg)
Three-Dimensional Computer
Animation
![Page 18: 2D & 3D Animation - Cornell Program of Computer Graphics€¦ · •What is cartoon animation? –A sequence of drawings which, when viewed in rapid succession, create an illusion](https://reader030.fdocuments.net/reader030/viewer/2022020100/5b37eea87f8b9a310e8cc937/html5/thumbnails/18.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 19: 2D & 3D Animation - Cornell Program of Computer Graphics€¦ · •What is cartoon animation? –A sequence of drawings which, when viewed in rapid succession, create an illusion](https://reader030.fdocuments.net/reader030/viewer/2022020100/5b37eea87f8b9a310e8cc937/html5/thumbnails/19.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 20: 2D & 3D Animation - Cornell Program of Computer Graphics€¦ · •What is cartoon animation? –A sequence of drawings which, when viewed in rapid succession, create an illusion](https://reader030.fdocuments.net/reader030/viewer/2022020100/5b37eea87f8b9a310e8cc937/html5/thumbnails/20.jpg)
Toy Story 3
Building 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 21: 2D & 3D Animation - Cornell Program of Computer Graphics€¦ · •What is cartoon animation? –A sequence of drawings which, when viewed in rapid succession, create an illusion](https://reader030.fdocuments.net/reader030/viewer/2022020100/5b37eea87f8b9a310e8cc937/html5/thumbnails/21.jpg)
Building a single frame
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.John Lehrer. “How It’s Done,” Wired 18.06. http://www.wired.com/magazine/18-06
![Page 22: 2D & 3D Animation - Cornell Program of Computer Graphics€¦ · •What is cartoon animation? –A sequence of drawings which, when viewed in rapid succession, create an illusion](https://reader030.fdocuments.net/reader030/viewer/2022020100/5b37eea87f8b9a310e8cc937/html5/thumbnails/22.jpg)
John Lehrer. “How It’s Done,” Wired 18.06. http://www.wired.com/magazine/18-06
![Page 23: 2D & 3D Animation - Cornell Program of Computer Graphics€¦ · •What is cartoon animation? –A sequence of drawings which, when viewed in rapid succession, create an illusion](https://reader030.fdocuments.net/reader030/viewer/2022020100/5b37eea87f8b9a310e8cc937/html5/thumbnails/23.jpg)
The simplified pipeline
Story Art Casting Editorial
Modeling
Layout
Shading
Texturing
Animation Simulation
Lighting Rendering
Rigging
Effects
• Many departments
Backgrounds
![Page 24: 2D & 3D Animation - Cornell Program of Computer Graphics€¦ · •What is cartoon animation? –A sequence of drawings which, when viewed in rapid succession, create an illusion](https://reader030.fdocuments.net/reader030/viewer/2022020100/5b37eea87f8b9a310e8cc937/html5/thumbnails/24.jpg)
PIXAR At the Museum of Modern Art, Disney Enterprises 2005
Jan Pinkava – Storyboard,
GERI’S GAME (Pencil)
![Page 25: 2D & 3D Animation - Cornell Program of Computer Graphics€¦ · •What is cartoon animation? –A sequence of drawings which, when viewed in rapid succession, create an illusion](https://reader030.fdocuments.net/reader030/viewer/2022020100/5b37eea87f8b9a310e8cc937/html5/thumbnails/25.jpg)
The control mesh for Geri’s head, created by digitizing a full-scale model sculpted out of clay.
![Page 26: 2D & 3D Animation - Cornell Program of Computer Graphics€¦ · •What is cartoon animation? –A sequence of drawings which, when viewed in rapid succession, create an illusion](https://reader030.fdocuments.net/reader030/viewer/2022020100/5b37eea87f8b9a310e8cc937/html5/thumbnails/26.jpg)
Subdivision surfaces
© Pixar/Disney
![Page 27: 2D & 3D Animation - Cornell Program of Computer Graphics€¦ · •What is cartoon animation? –A sequence of drawings which, when viewed in rapid succession, create an illusion](https://reader030.fdocuments.net/reader030/viewer/2022020100/5b37eea87f8b9a310e8cc937/html5/thumbnails/27.jpg)
Story Development
© P
ixar/
Dis
ney
![Page 28: 2D & 3D Animation - Cornell Program of Computer Graphics€¦ · •What is cartoon animation? –A sequence of drawings which, when viewed in rapid succession, create an illusion](https://reader030.fdocuments.net/reader030/viewer/2022020100/5b37eea87f8b9a310e8cc937/html5/thumbnails/28.jpg)
Art Development - Characters
© P
ixar/
Dis
ney
![Page 29: 2D & 3D Animation - Cornell Program of Computer Graphics€¦ · •What is cartoon animation? –A sequence of drawings which, when viewed in rapid succession, create an illusion](https://reader030.fdocuments.net/reader030/viewer/2022020100/5b37eea87f8b9a310e8cc937/html5/thumbnails/29.jpg)
Art Development - Environments
© P
ixar/
Dis
ney
![Page 30: 2D & 3D Animation - Cornell Program of Computer Graphics€¦ · •What is cartoon animation? –A sequence of drawings which, when viewed in rapid succession, create an illusion](https://reader030.fdocuments.net/reader030/viewer/2022020100/5b37eea87f8b9a310e8cc937/html5/thumbnails/30.jpg)
Dialogue Recording
• Useful for animation reference
© Pixar/Disney
![Page 31: 2D & 3D Animation - Cornell Program of Computer Graphics€¦ · •What is cartoon animation? –A sequence of drawings which, when viewed in rapid succession, create an illusion](https://reader030.fdocuments.net/reader030/viewer/2022020100/5b37eea87f8b9a310e8cc937/html5/thumbnails/31.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 32: 2D & 3D Animation - Cornell Program of Computer Graphics€¦ · •What is cartoon animation? –A sequence of drawings which, when viewed in rapid succession, create an illusion](https://reader030.fdocuments.net/reader030/viewer/2022020100/5b37eea87f8b9a310e8cc937/html5/thumbnails/32.jpg)
The Simplified Pipeline
Story Art Casting Editorial
Modeling
Layout
Shading
TexturingBackgrounds
Animation Simulation
Lighting Rendering
Rigging
Effects
• Characters and Sets
![Page 33: 2D & 3D Animation - Cornell Program of Computer Graphics€¦ · •What is cartoon animation? –A sequence of drawings which, when viewed in rapid succession, create an illusion](https://reader030.fdocuments.net/reader030/viewer/2022020100/5b37eea87f8b9a310e8cc937/html5/thumbnails/33.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 34: 2D & 3D Animation - Cornell Program of Computer Graphics€¦ · •What is cartoon animation? –A sequence of drawings which, when viewed in rapid succession, create an illusion](https://reader030.fdocuments.net/reader030/viewer/2022020100/5b37eea87f8b9a310e8cc937/html5/thumbnails/34.jpg)
Character Modeling
© P
ixar/
Dis
ney
![Page 35: 2D & 3D Animation - Cornell Program of Computer Graphics€¦ · •What is cartoon animation? –A sequence of drawings which, when viewed in rapid succession, create an illusion](https://reader030.fdocuments.net/reader030/viewer/2022020100/5b37eea87f8b9a310e8cc937/html5/thumbnails/35.jpg)
Shading
© P
ixar/
Dis
ney
![Page 36: 2D & 3D Animation - Cornell Program of Computer Graphics€¦ · •What is cartoon animation? –A sequence of drawings which, when viewed in rapid succession, create an illusion](https://reader030.fdocuments.net/reader030/viewer/2022020100/5b37eea87f8b9a310e8cc937/html5/thumbnails/36.jpg)
Backgrounds
• Creates sets out of props
• Prepares a stage for acting
![Page 37: 2D & 3D Animation - Cornell Program of Computer Graphics€¦ · •What is cartoon animation? –A sequence of drawings which, when viewed in rapid succession, create an illusion](https://reader030.fdocuments.net/reader030/viewer/2022020100/5b37eea87f8b9a310e8cc937/html5/thumbnails/37.jpg)
Backgrounds
© Pixar/Disney
![Page 38: 2D & 3D Animation - Cornell Program of Computer Graphics€¦ · •What is cartoon animation? –A sequence of drawings which, when viewed in rapid succession, create an illusion](https://reader030.fdocuments.net/reader030/viewer/2022020100/5b37eea87f8b9a310e8cc937/html5/thumbnails/38.jpg)
The Simplified Pipeline
Story Art Casting Editorial
Modeling
Layout
Shading
TexturingBackgrounds
Animation Simulation
Lighting Rendering
Rigging
Effects
• Movement
![Page 39: 2D & 3D Animation - Cornell Program of Computer Graphics€¦ · •What is cartoon animation? –A sequence of drawings which, when viewed in rapid succession, create an illusion](https://reader030.fdocuments.net/reader030/viewer/2022020100/5b37eea87f8b9a310e8cc937/html5/thumbnails/39.jpg)
Layout
• Defines the camera
– Starting position
– Framing – which objects are seen
– Movement
• Defines basic object positions
– Starting point for animation
• Story boards are used as reference
![Page 40: 2D & 3D Animation - Cornell Program of Computer Graphics€¦ · •What is cartoon animation? –A sequence of drawings which, when viewed in rapid succession, create an illusion](https://reader030.fdocuments.net/reader030/viewer/2022020100/5b37eea87f8b9a310e8cc937/html5/thumbnails/40.jpg)
Animation
• Keyframed animation
– Movement is specified by changing individual controls on characters
at various frames
– Similar to 2d animation
– Used by Pixar and DreamWorks
• Motion capture
– Movement is recorded using live actors
– Editing to fix problems
– Used by Sony Imageworks, Weta
![Page 41: 2D & 3D Animation - Cornell Program of Computer Graphics€¦ · •What is cartoon animation? –A sequence of drawings which, when viewed in rapid succession, create an illusion](https://reader030.fdocuments.net/reader030/viewer/2022020100/5b37eea87f8b9a310e8cc937/html5/thumbnails/41.jpg)
Animation
• Very time consuming!
– Requires big budgets and long development times
• Today it is the biggest distinction between large studios and
smaller ones
• Hard to develop “economy of scale”
![Page 42: 2D & 3D Animation - Cornell Program of Computer Graphics€¦ · •What is cartoon animation? –A sequence of drawings which, when viewed in rapid succession, create an illusion](https://reader030.fdocuments.net/reader030/viewer/2022020100/5b37eea87f8b9a310e8cc937/html5/thumbnails/42.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 43: 2D & 3D Animation - Cornell Program of Computer Graphics€¦ · •What is cartoon animation? –A sequence of drawings which, when viewed in rapid succession, create an illusion](https://reader030.fdocuments.net/reader030/viewer/2022020100/5b37eea87f8b9a310e8cc937/html5/thumbnails/43.jpg)
Effects
• Natural media: Water, Fire, Smoke
• Weather: Snow, Rain, Wind
• Special effects: Explosions, Morphing
• Very specific
• Encompasses modeling, animation and shading
![Page 44: 2D & 3D Animation - Cornell Program of Computer Graphics€¦ · •What is cartoon animation? –A sequence of drawings which, when viewed in rapid succession, create an illusion](https://reader030.fdocuments.net/reader030/viewer/2022020100/5b37eea87f8b9a310e8cc937/html5/thumbnails/44.jpg)
The Simplified Pipeline
Story Art Casting Editorial
Modeling
Layout
Shading
Texturing
Animation Simulation
Lighting Rendering
Rigging
Effects
• Final images
Backgrounds
![Page 45: 2D & 3D Animation - Cornell Program of Computer Graphics€¦ · •What is cartoon animation? –A sequence of drawings which, when viewed in rapid succession, create an illusion](https://reader030.fdocuments.net/reader030/viewer/2022020100/5b37eea87f8b9a310e8cc937/html5/thumbnails/45.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 46: 2D & 3D Animation - Cornell Program of Computer Graphics€¦ · •What is cartoon animation? –A sequence of drawings which, when viewed in rapid succession, create an illusion](https://reader030.fdocuments.net/reader030/viewer/2022020100/5b37eea87f8b9a310e8cc937/html5/thumbnails/46.jpg)
Lighting
Darren Brooker. “Essential CG Lighting Techniques,” 2003 .
![Page 47: 2D & 3D Animation - Cornell Program of Computer Graphics€¦ · •What is cartoon animation? –A sequence of drawings which, when viewed in rapid succession, create an illusion](https://reader030.fdocuments.net/reader030/viewer/2022020100/5b37eea87f8b9a310e8cc937/html5/thumbnails/47.jpg)
Lighting
Darren Brooker. “Essential CG Lighting Techniques,” 2003 .
![Page 48: 2D & 3D Animation - Cornell Program of Computer Graphics€¦ · •What is cartoon animation? –A sequence of drawings which, when viewed in rapid succession, create an illusion](https://reader030.fdocuments.net/reader030/viewer/2022020100/5b37eea87f8b9a310e8cc937/html5/thumbnails/48.jpg)
Lighting
Particulate
Matter
Surge and
WellCaustics Murk
Reflection
Refraction
© P
ixar/
Dis
ney
![Page 49: 2D & 3D Animation - Cornell Program of Computer Graphics€¦ · •What is cartoon animation? –A sequence of drawings which, when viewed in rapid succession, create an illusion](https://reader030.fdocuments.net/reader030/viewer/2022020100/5b37eea87f8b9a310e8cc937/html5/thumbnails/49.jpg)
Rendering
• Compute the final images
© Pixar/Disney
![Page 50: 2D & 3D Animation - Cornell Program of Computer Graphics€¦ · •What is cartoon animation? –A sequence of drawings which, when viewed in rapid succession, create an illusion](https://reader030.fdocuments.net/reader030/viewer/2022020100/5b37eea87f8b9a310e8cc937/html5/thumbnails/50.jpg)
End