2d animation - computer graphics · richard williams. “the animator’s survival kit,” 2001...
TRANSCRIPT
![Page 1: 2D Animation - Computer graphics · Richard Williams. “The Animator’s Survival Kit,” 2001 Richard Williams & Imogen Sutton](https://reader035.vdocuments.mx/reader035/viewer/2022082206/5b31ca8d7f8b9ab5728c6cec/html5/thumbnails/1.jpg)
2D Animation
Visual Imaging in the Electronic Age
Donald P. GreenbergNovember 17, 2016
Lecture #25
![Page 2: 2D Animation - Computer graphics · Richard Williams. “The Animator’s Survival Kit,” 2001 Richard Williams & Imogen Sutton](https://reader035.vdocuments.mx/reader035/viewer/2022082206/5b31ca8d7f8b9ab5728c6cec/html5/thumbnails/2.jpg)
![Page 3: 2D Animation - Computer graphics · Richard Williams. “The Animator’s Survival Kit,” 2001 Richard Williams & Imogen Sutton](https://reader035.vdocuments.mx/reader035/viewer/2022082206/5b31ca8d7f8b9ab5728c6cec/html5/thumbnails/3.jpg)
Motion
© National Geographic
![Page 4: 2D Animation - Computer graphics · Richard Williams. “The Animator’s Survival Kit,” 2001 Richard Williams & Imogen Sutton](https://reader035.vdocuments.mx/reader035/viewer/2022082206/5b31ca8d7f8b9ab5728c6cec/html5/thumbnails/4.jpg)
Animation is not producing
“Drawings which move”
but rather
“Motions which are drawn”
– Disney Studios
![Page 5: 2D Animation - Computer graphics · Richard Williams. “The Animator’s Survival Kit,” 2001 Richard Williams & Imogen Sutton](https://reader035.vdocuments.mx/reader035/viewer/2022082206/5b31ca8d7f8b9ab5728c6cec/html5/thumbnails/5.jpg)
Richard Williams. “The Animator’s Survival Kit,” 2001 Richard Williams & Imogen Sutton
![Page 6: 2D Animation - Computer graphics · Richard Williams. “The Animator’s Survival Kit,” 2001 Richard Williams & Imogen Sutton](https://reader035.vdocuments.mx/reader035/viewer/2022082206/5b31ca8d7f8b9ab5728c6cec/html5/thumbnails/6.jpg)
Newton’s Apple, 1970
From Stopping Time, The Photographs of Harold Edgerton” by Harry N. Abrams, 1987.
![Page 7: 2D Animation - Computer graphics · Richard Williams. “The Animator’s Survival Kit,” 2001 Richard Williams & Imogen Sutton](https://reader035.vdocuments.mx/reader035/viewer/2022082206/5b31ca8d7f8b9ab5728c6cec/html5/thumbnails/7.jpg)
Richard Williams. “The Animator’s Survival Kit,” 2001 Richard Williams & Imogen Sutton
![Page 8: 2D Animation - Computer graphics · Richard Williams. “The Animator’s Survival Kit,” 2001 Richard Williams & Imogen Sutton](https://reader035.vdocuments.mx/reader035/viewer/2022082206/5b31ca8d7f8b9ab5728c6cec/html5/thumbnails/8.jpg)
Richard Williams. “The Animator’s Survival Kit,” 2001 Richard Williams & Imogen Sutton
![Page 9: 2D Animation - Computer graphics · Richard Williams. “The Animator’s Survival Kit,” 2001 Richard Williams & Imogen Sutton](https://reader035.vdocuments.mx/reader035/viewer/2022082206/5b31ca8d7f8b9ab5728c6cec/html5/thumbnails/9.jpg)
Zoetrope
![Page 10: 2D Animation - Computer graphics · Richard Williams. “The Animator’s Survival Kit,” 2001 Richard Williams & Imogen Sutton](https://reader035.vdocuments.mx/reader035/viewer/2022082206/5b31ca8d7f8b9ab5728c6cec/html5/thumbnails/10.jpg)
Animation – Windsor McKay’s Gertie
![Page 11: 2D Animation - Computer graphics · Richard Williams. “The Animator’s Survival Kit,” 2001 Richard Williams & Imogen Sutton](https://reader035.vdocuments.mx/reader035/viewer/2022082206/5b31ca8d7f8b9ab5728c6cec/html5/thumbnails/11.jpg)
![Page 12: 2D Animation - Computer graphics · Richard Williams. “The Animator’s Survival Kit,” 2001 Richard Williams & Imogen Sutton](https://reader035.vdocuments.mx/reader035/viewer/2022082206/5b31ca8d7f8b9ab5728c6cec/html5/thumbnails/12.jpg)
![Page 13: 2D Animation - Computer graphics · Richard Williams. “The Animator’s Survival Kit,” 2001 Richard Williams & Imogen Sutton](https://reader035.vdocuments.mx/reader035/viewer/2022082206/5b31ca8d7f8b9ab5728c6cec/html5/thumbnails/13.jpg)
Animation – Snow White
![Page 14: 2D Animation - Computer graphics · Richard Williams. “The Animator’s Survival Kit,” 2001 Richard Williams & Imogen Sutton](https://reader035.vdocuments.mx/reader035/viewer/2022082206/5b31ca8d7f8b9ab5728c6cec/html5/thumbnails/14.jpg)
![Page 15: 2D Animation - Computer graphics · Richard Williams. “The Animator’s Survival Kit,” 2001 Richard Williams & Imogen Sutton](https://reader035.vdocuments.mx/reader035/viewer/2022082206/5b31ca8d7f8b9ab5728c6cec/html5/thumbnails/15.jpg)
2D Cel Animation
![Page 16: 2D Animation - Computer graphics · Richard Williams. “The Animator’s Survival Kit,” 2001 Richard Williams & Imogen Sutton](https://reader035.vdocuments.mx/reader035/viewer/2022082206/5b31ca8d7f8b9ab5728c6cec/html5/thumbnails/16.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 17: 2D Animation - Computer graphics · Richard Williams. “The Animator’s Survival Kit,” 2001 Richard Williams & Imogen Sutton](https://reader035.vdocuments.mx/reader035/viewer/2022082206/5b31ca8d7f8b9ab5728c6cec/html5/thumbnails/17.jpg)
Cel-animation
Standard Animation Cel Standard Animation
Cel
With Background
![Page 18: 2D Animation - Computer graphics · Richard Williams. “The Animator’s Survival Kit,” 2001 Richard Williams & Imogen Sutton](https://reader035.vdocuments.mx/reader035/viewer/2022082206/5b31ca8d7f8b9ab5728c6cec/html5/thumbnails/18.jpg)
Cel-animation
![Page 19: 2D Animation - Computer graphics · Richard Williams. “The Animator’s Survival Kit,” 2001 Richard Williams & Imogen Sutton](https://reader035.vdocuments.mx/reader035/viewer/2022082206/5b31ca8d7f8b9ab5728c6cec/html5/thumbnails/19.jpg)
![Page 20: 2D Animation - Computer graphics · Richard Williams. “The Animator’s Survival Kit,” 2001 Richard Williams & Imogen Sutton](https://reader035.vdocuments.mx/reader035/viewer/2022082206/5b31ca8d7f8b9ab5728c6cec/html5/thumbnails/20.jpg)
Cel-animation
![Page 21: 2D Animation - Computer graphics · Richard Williams. “The Animator’s Survival Kit,” 2001 Richard Williams & Imogen Sutton](https://reader035.vdocuments.mx/reader035/viewer/2022082206/5b31ca8d7f8b9ab5728c6cec/html5/thumbnails/21.jpg)
![Page 22: 2D Animation - Computer graphics · Richard Williams. “The Animator’s Survival Kit,” 2001 Richard Williams & Imogen Sutton](https://reader035.vdocuments.mx/reader035/viewer/2022082206/5b31ca8d7f8b9ab5728c6cec/html5/thumbnails/22.jpg)
![Page 23: 2D Animation - Computer graphics · Richard Williams. “The Animator’s Survival Kit,” 2001 Richard Williams & Imogen Sutton](https://reader035.vdocuments.mx/reader035/viewer/2022082206/5b31ca8d7f8b9ab5728c6cec/html5/thumbnails/23.jpg)
Cel animation camera stand
![Page 24: 2D Animation - Computer graphics · Richard Williams. “The Animator’s Survival Kit,” 2001 Richard Williams & Imogen Sutton](https://reader035.vdocuments.mx/reader035/viewer/2022082206/5b31ca8d7f8b9ab5728c6cec/html5/thumbnails/24.jpg)
![Page 25: 2D Animation - Computer graphics · Richard Williams. “The Animator’s Survival Kit,” 2001 Richard Williams & Imogen Sutton](https://reader035.vdocuments.mx/reader035/viewer/2022082206/5b31ca8d7f8b9ab5728c6cec/html5/thumbnails/25.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 26: 2D Animation - Computer graphics · Richard Williams. “The Animator’s Survival Kit,” 2001 Richard Williams & Imogen Sutton](https://reader035.vdocuments.mx/reader035/viewer/2022082206/5b31ca8d7f8b9ab5728c6cec/html5/thumbnails/26.jpg)
The Nereus Animation System
![Page 27: 2D Animation - Computer graphics · Richard Williams. “The Animator’s Survival Kit,” 2001 Richard Williams & Imogen Sutton](https://reader035.vdocuments.mx/reader035/viewer/2022082206/5b31ca8d7f8b9ab5728c6cec/html5/thumbnails/27.jpg)
The Nereus Animation System
![Page 28: 2D Animation - Computer graphics · Richard Williams. “The Animator’s Survival Kit,” 2001 Richard Williams & Imogen Sutton](https://reader035.vdocuments.mx/reader035/viewer/2022082206/5b31ca8d7f8b9ab5728c6cec/html5/thumbnails/28.jpg)
The Nereus Animation System
![Page 29: 2D Animation - Computer graphics · Richard Williams. “The Animator’s Survival Kit,” 2001 Richard Williams & Imogen Sutton](https://reader035.vdocuments.mx/reader035/viewer/2022082206/5b31ca8d7f8b9ab5728c6cec/html5/thumbnails/29.jpg)
The Nereus Animation System
![Page 30: 2D Animation - Computer graphics · Richard Williams. “The Animator’s Survival Kit,” 2001 Richard Williams & Imogen Sutton](https://reader035.vdocuments.mx/reader035/viewer/2022082206/5b31ca8d7f8b9ab5728c6cec/html5/thumbnails/30.jpg)
The Nereus Animation System
![Page 31: 2D Animation - Computer graphics · Richard Williams. “The Animator’s Survival Kit,” 2001 Richard Williams & Imogen Sutton](https://reader035.vdocuments.mx/reader035/viewer/2022082206/5b31ca8d7f8b9ab5728c6cec/html5/thumbnails/31.jpg)
The Nereus Animation System
![Page 32: 2D Animation - Computer graphics · Richard Williams. “The Animator’s Survival Kit,” 2001 Richard Williams & Imogen Sutton](https://reader035.vdocuments.mx/reader035/viewer/2022082206/5b31ca8d7f8b9ab5728c6cec/html5/thumbnails/32.jpg)
The Nereus Animation System
![Page 33: 2D Animation - Computer graphics · Richard Williams. “The Animator’s Survival Kit,” 2001 Richard Williams & Imogen Sutton](https://reader035.vdocuments.mx/reader035/viewer/2022082206/5b31ca8d7f8b9ab5728c6cec/html5/thumbnails/33.jpg)
Partial automation
– 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
![Page 34: 2D Animation - Computer graphics · Richard Williams. “The Animator’s Survival Kit,” 2001 Richard Williams & Imogen Sutton](https://reader035.vdocuments.mx/reader035/viewer/2022082206/5b31ca8d7f8b9ab5728c6cec/html5/thumbnails/34.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 35: 2D Animation - Computer graphics · Richard Williams. “The Animator’s Survival Kit,” 2001 Richard Williams & Imogen Sutton](https://reader035.vdocuments.mx/reader035/viewer/2022082206/5b31ca8d7f8b9ab5728c6cec/html5/thumbnails/35.jpg)
![Page 36: 2D Animation - Computer graphics · Richard Williams. “The Animator’s Survival Kit,” 2001 Richard Williams & Imogen Sutton](https://reader035.vdocuments.mx/reader035/viewer/2022082206/5b31ca8d7f8b9ab5728c6cec/html5/thumbnails/36.jpg)
Hanna-Barbera Animation System
![Page 37: 2D Animation - Computer graphics · Richard Williams. “The Animator’s Survival Kit,” 2001 Richard Williams & Imogen Sutton](https://reader035.vdocuments.mx/reader035/viewer/2022082206/5b31ca8d7f8b9ab5728c6cec/html5/thumbnails/37.jpg)
![Page 38: 2D Animation - Computer graphics · Richard Williams. “The Animator’s Survival Kit,” 2001 Richard Williams & Imogen Sutton](https://reader035.vdocuments.mx/reader035/viewer/2022082206/5b31ca8d7f8b9ab5728c6cec/html5/thumbnails/38.jpg)
END