history of animation computer animation lecture #2 oh-young song sejong university
TRANSCRIPT
![Page 1: History of Animation Computer Animation Lecture #2 Oh-young Song Sejong University](https://reader036.vdocuments.net/reader036/viewer/2022062312/5517bec6550346892b8b4918/html5/thumbnails/1.jpg)
History of AnimationComputer Animation
Lecture #2
Oh-young SongSejong University
![Page 2: History of Animation Computer Animation Lecture #2 Oh-young Song Sejong University](https://reader036.vdocuments.net/reader036/viewer/2022062312/5517bec6550346892b8b4918/html5/thumbnails/2.jpg)
Related Courses
■ Computer Graphics ●Handling the basics●Focusing on realism
■ Virtual Reality●Focusing on Immersion
■ Human Computer Interaction●Focusing on Interaction
![Page 3: History of Animation Computer Animation Lecture #2 Oh-young Song Sejong University](https://reader036.vdocuments.net/reader036/viewer/2022062312/5517bec6550346892b8b4918/html5/thumbnails/3.jpg)
Early Animation
■ Do you know this?
![Page 4: History of Animation Computer Animation Lecture #2 Oh-young Song Sejong University](https://reader036.vdocuments.net/reader036/viewer/2022062312/5517bec6550346892b8b4918/html5/thumbnails/4.jpg)
How about these?
Phenakistiscope - 1832 Zeotrope - 1834
![Page 5: History of Animation Computer Animation Lecture #2 Oh-young Song Sejong University](https://reader036.vdocuments.net/reader036/viewer/2022062312/5517bec6550346892b8b4918/html5/thumbnails/5.jpg)
Maybe you know this.
Kineograph (flipbook) - 1868
![Page 6: History of Animation Computer Animation Lecture #2 Oh-young Song Sejong University](https://reader036.vdocuments.net/reader036/viewer/2022062312/5517bec6550346892b8b4918/html5/thumbnails/6.jpg)
From Lasseter’s Paper
![Page 7: History of Animation Computer Animation Lecture #2 Oh-young Song Sejong University](https://reader036.vdocuments.net/reader036/viewer/2022062312/5517bec6550346892b8b4918/html5/thumbnails/7.jpg)
From Lasseter’s Paper
![Page 8: History of Animation Computer Animation Lecture #2 Oh-young Song Sejong University](https://reader036.vdocuments.net/reader036/viewer/2022062312/5517bec6550346892b8b4918/html5/thumbnails/8.jpg)
From Lasseter’s Paper
![Page 9: History of Animation Computer Animation Lecture #2 Oh-young Song Sejong University](https://reader036.vdocuments.net/reader036/viewer/2022062312/5517bec6550346892b8b4918/html5/thumbnails/9.jpg)
From Lasseter’s Paper
![Page 10: History of Animation Computer Animation Lecture #2 Oh-young Song Sejong University](https://reader036.vdocuments.net/reader036/viewer/2022062312/5517bec6550346892b8b4918/html5/thumbnails/10.jpg)
From Lasseter’s Paper
![Page 11: History of Animation Computer Animation Lecture #2 Oh-young Song Sejong University](https://reader036.vdocuments.net/reader036/viewer/2022062312/5517bec6550346892b8b4918/html5/thumbnails/11.jpg)
A History of Animation
■ 1887: Goodwin invented nitrate celluloid film (For cell animation)
![Page 12: History of Animation Computer Animation Lecture #2 Oh-young Song Sejong University](https://reader036.vdocuments.net/reader036/viewer/2022062312/5517bec6550346892b8b4918/html5/thumbnails/12.jpg)
![Page 13: History of Animation Computer Animation Lecture #2 Oh-young Song Sejong University](https://reader036.vdocuments.net/reader036/viewer/2022062312/5517bec6550346892b8b4918/html5/thumbnails/13.jpg)
A History of Animation
■ 1887: Goodwin invented nitrate celluloid film
■ 1892: Reynard invented Praxinoscope
![Page 14: History of Animation Computer Animation Lecture #2 Oh-young Song Sejong University](https://reader036.vdocuments.net/reader036/viewer/2022062312/5517bec6550346892b8b4918/html5/thumbnails/14.jpg)
A History of Animation
■ 1887: Goodwin invented nitrate celluloid film
■ 1892: Reynard invented Praxinoscope■ 1893: Edison invented the Kinetscope
●Only one viewer at a time■ 1894: Lumiere invented the
cinematograph●Camera + Project + Printer
![Page 15: History of Animation Computer Animation Lecture #2 Oh-young Song Sejong University](https://reader036.vdocuments.net/reader036/viewer/2022062312/5517bec6550346892b8b4918/html5/thumbnails/15.jpg)
A History of Animation
■ 1900: THE ENCHANTED DRAWING● Live action films + replacement
technique■ 1906: HUMOROUS PHASES OF FUNNY
FACES● The first animation recorded
frame by frame
http://memory.loc.gov/ammem/oahtml/oahome.html
![Page 16: History of Animation Computer Animation Lecture #2 Oh-young Song Sejong University](https://reader036.vdocuments.net/reader036/viewer/2022062312/5517bec6550346892b8b4918/html5/thumbnails/16.jpg)
A History of Animation
■ 1925: “The Adventures of Prince Achmed”● Lotte Reiniger, 1st feature animation● Silhouette animation
![Page 17: History of Animation Computer Animation Lecture #2 Oh-young Song Sejong University](https://reader036.vdocuments.net/reader036/viewer/2022062312/5517bec6550346892b8b4918/html5/thumbnails/17.jpg)
A History of Computer Animation
■ 1885: CRT (Cathode Ray Tube)■ 1960: William F. Boeing coins
“Computer Graphics”■ 1961: John Whitney, “Father of
Computer Graphics”
![Page 18: History of Animation Computer Animation Lecture #2 Oh-young Song Sejong University](https://reader036.vdocuments.net/reader036/viewer/2022062312/5517bec6550346892b8b4918/html5/thumbnails/18.jpg)
John Whitney
![Page 19: History of Animation Computer Animation Lecture #2 Oh-young Song Sejong University](https://reader036.vdocuments.net/reader036/viewer/2022062312/5517bec6550346892b8b4918/html5/thumbnails/19.jpg)
A History of Computer Animation
■ 1885: CRT (Cathode Ray Tube)■ 1960: William F. Boeing coins
“Computer Graphics”■ 1961: John Whitney, “Father of
Computer Graphics” ●w/ Saul Bass, Intro. to Alfred Hitchcock’s
Vertigo■ 1961: Spacewars, 1st video game■ 1963: Ivan Sutherland, Sketchpad
![Page 20: History of Animation Computer Animation Lecture #2 Oh-young Song Sejong University](https://reader036.vdocuments.net/reader036/viewer/2022062312/5517bec6550346892b8b4918/html5/thumbnails/20.jpg)
Sketchpad
■ Created by Ivan Sutherland (1963)●Sketchpad: A man-machine graphical
communication system
![Page 21: History of Animation Computer Animation Lecture #2 Oh-young Song Sejong University](https://reader036.vdocuments.net/reader036/viewer/2022062312/5517bec6550346892b8b4918/html5/thumbnails/21.jpg)
Sketchpad
■ Created by Ivan Sutherland■ First GUI
●Using lightpen●Icons●Copying
●Rubber-banding of lines●Zoom in-out●Line, Arc
![Page 22: History of Animation Computer Animation Lecture #2 Oh-young Song Sejong University](https://reader036.vdocuments.net/reader036/viewer/2022062312/5517bec6550346892b8b4918/html5/thumbnails/22.jpg)
![Page 23: History of Animation Computer Animation Lecture #2 Oh-young Song Sejong University](https://reader036.vdocuments.net/reader036/viewer/2022062312/5517bec6550346892b8b4918/html5/thumbnails/23.jpg)
![Page 24: History of Animation Computer Animation Lecture #2 Oh-young Song Sejong University](https://reader036.vdocuments.net/reader036/viewer/2022062312/5517bec6550346892b8b4918/html5/thumbnails/24.jpg)
![Page 25: History of Animation Computer Animation Lecture #2 Oh-young Song Sejong University](https://reader036.vdocuments.net/reader036/viewer/2022062312/5517bec6550346892b8b4918/html5/thumbnails/25.jpg)
![Page 26: History of Animation Computer Animation Lecture #2 Oh-young Song Sejong University](https://reader036.vdocuments.net/reader036/viewer/2022062312/5517bec6550346892b8b4918/html5/thumbnails/26.jpg)
![Page 27: History of Animation Computer Animation Lecture #2 Oh-young Song Sejong University](https://reader036.vdocuments.net/reader036/viewer/2022062312/5517bec6550346892b8b4918/html5/thumbnails/27.jpg)
A History of Computer Animation
■ 1974: z-buffer, Ed Catmull■ 1980: Tron, 1st feature film by CG
![Page 28: History of Animation Computer Animation Lecture #2 Oh-young Song Sejong University](https://reader036.vdocuments.net/reader036/viewer/2022062312/5517bec6550346892b8b4918/html5/thumbnails/28.jpg)
A History of Computer Animation
■ 1974: z-buffer, Ed Catmull■ 1980: Tron, 1st feature film by CG ■ 1986: Luxo Jr.
●1987: nominated for Academy Awards●1987: Silver Berlin Bear in Berlin
International Film Festival■ 1995: Toy Story, 1st full CG feature
film
![Page 29: History of Animation Computer Animation Lecture #2 Oh-young Song Sejong University](https://reader036.vdocuments.net/reader036/viewer/2022062312/5517bec6550346892b8b4918/html5/thumbnails/29.jpg)
Short films of Pixar
■ http://www.pixar.com/shorts/
![Page 30: History of Animation Computer Animation Lecture #2 Oh-young Song Sejong University](https://reader036.vdocuments.net/reader036/viewer/2022062312/5517bec6550346892b8b4918/html5/thumbnails/30.jpg)
How to Create Expressive Animation ?
■ Bill Tytla at the Walt Disney Studio, June 28, 1937.●"There is no particular mystery in
animation.., it's really very simple, it is about the hardest in the world to do"
![Page 31: History of Animation Computer Animation Lecture #2 Oh-young Song Sejong University](https://reader036.vdocuments.net/reader036/viewer/2022062312/5517bec6550346892b8b4918/html5/thumbnails/31.jpg)
Principles of Animation
■ “The Illusion of Life”, by Thomas Johnson and Ollie Johnson
![Page 32: History of Animation Computer Animation Lecture #2 Oh-young Song Sejong University](https://reader036.vdocuments.net/reader036/viewer/2022062312/5517bec6550346892b8b4918/html5/thumbnails/32.jpg)
Principles of Animation
■ “The Illusion of Life”, by Thomas Johnson and Ollie Johnson
■ Principles of Traditional Animation Applied to 3D Computer Animation, John Lasseter, Siggraph 87.
![Page 33: History of Animation Computer Animation Lecture #2 Oh-young Song Sejong University](https://reader036.vdocuments.net/reader036/viewer/2022062312/5517bec6550346892b8b4918/html5/thumbnails/33.jpg)
11 Principles■ Squash and Stretch■ Timing■ Anticipation■ Staging■ Follow Through
■ Pose to Pose■ Slow In, Show Out■ Arcs■ Exaggeration■ Secondary Action■ Appeal
![Page 34: History of Animation Computer Animation Lecture #2 Oh-young Song Sejong University](https://reader036.vdocuments.net/reader036/viewer/2022062312/5517bec6550346892b8b4918/html5/thumbnails/34.jpg)
Squash and Stretch
■ Movement emphasizes rigidity●Preserve volume
![Page 35: History of Animation Computer Animation Lecture #2 Oh-young Song Sejong University](https://reader036.vdocuments.net/reader036/viewer/2022062312/5517bec6550346892b8b4918/html5/thumbnails/35.jpg)
Squash and Stretch
![Page 36: History of Animation Computer Animation Lecture #2 Oh-young Song Sejong University](https://reader036.vdocuments.net/reader036/viewer/2022062312/5517bec6550346892b8b4918/html5/thumbnails/36.jpg)
Squash and Stretch
![Page 37: History of Animation Computer Animation Lecture #2 Oh-young Song Sejong University](https://reader036.vdocuments.net/reader036/viewer/2022062312/5517bec6550346892b8b4918/html5/thumbnails/37.jpg)
Squash and Stretch
![Page 38: History of Animation Computer Animation Lecture #2 Oh-young Song Sejong University](https://reader036.vdocuments.net/reader036/viewer/2022062312/5517bec6550346892b8b4918/html5/thumbnails/38.jpg)
Timing
■ Timing, or the speed of an action gives meaning to movement● Weight, Scaling, Emotion
![Page 39: History of Animation Computer Animation Lecture #2 Oh-young Song Sejong University](https://reader036.vdocuments.net/reader036/viewer/2022062312/5517bec6550346892b8b4918/html5/thumbnails/39.jpg)
Timing■ Two keyframes of a head
●No: hit by a tremendous force●ONE: hit by a frying pan●TWO: nervous tic●THREE: dodging a brick●FOUR: a crisp order “Move it!”●FIVE: friendly “Come on-hurry”●SIX: tracing a pretty girl●SEVEN: Getting a better look●EIGHT: Searching for the peanut butter●NINE: Considering thoughtfully ●TEN: stretch a sore muscle
![Page 40: History of Animation Computer Animation Lecture #2 Oh-young Song Sejong University](https://reader036.vdocuments.net/reader036/viewer/2022062312/5517bec6550346892b8b4918/html5/thumbnails/40.jpg)
Anticipation
■ The preparation of an action●Revealing●Indicating Speed, Weight●Directing Attention
![Page 41: History of Animation Computer Animation Lecture #2 Oh-young Song Sejong University](https://reader036.vdocuments.net/reader036/viewer/2022062312/5517bec6550346892b8b4918/html5/thumbnails/41.jpg)
Aniticipation
![Page 42: History of Animation Computer Animation Lecture #2 Oh-young Song Sejong University](https://reader036.vdocuments.net/reader036/viewer/2022062312/5517bec6550346892b8b4918/html5/thumbnails/42.jpg)
Anticipation
![Page 43: History of Animation Computer Animation Lecture #2 Oh-young Song Sejong University](https://reader036.vdocuments.net/reader036/viewer/2022062312/5517bec6550346892b8b4918/html5/thumbnails/43.jpg)
Anticipation
![Page 44: History of Animation Computer Animation Lecture #2 Oh-young Song Sejong University](https://reader036.vdocuments.net/reader036/viewer/2022062312/5517bec6550346892b8b4918/html5/thumbnails/44.jpg)
Staging
■ Staging is the presentation of an idea so that it is completely and unmistakably clear.●Readability●Personality●Mood
![Page 45: History of Animation Computer Animation Lecture #2 Oh-young Song Sejong University](https://reader036.vdocuments.net/reader036/viewer/2022062312/5517bec6550346892b8b4918/html5/thumbnails/45.jpg)
Follow Through
■ The termination of an action●Weight and drag●Initiation●Overlapping
![Page 46: History of Animation Computer Animation Lecture #2 Oh-young Song Sejong University](https://reader036.vdocuments.net/reader036/viewer/2022062312/5517bec6550346892b8b4918/html5/thumbnails/46.jpg)
Pose-to-Pose
■ Keyframes
![Page 47: History of Animation Computer Animation Lecture #2 Oh-young Song Sejong University](https://reader036.vdocuments.net/reader036/viewer/2022062312/5517bec6550346892b8b4918/html5/thumbnails/47.jpg)
Slow In, Slow Out
■ The spacing of the inbetweens●Non-linear interpolation
![Page 48: History of Animation Computer Animation Lecture #2 Oh-young Song Sejong University](https://reader036.vdocuments.net/reader036/viewer/2022062312/5517bec6550346892b8b4918/html5/thumbnails/48.jpg)
Slow In, Slow Out
■ The spacing of the inbetweens●Non-linear interpolation
![Page 49: History of Animation Computer Animation Lecture #2 Oh-young Song Sejong University](https://reader036.vdocuments.net/reader036/viewer/2022062312/5517bec6550346892b8b4918/html5/thumbnails/49.jpg)
Arcs
■ The visual path of action from one extreme to another is always described by an arc
![Page 50: History of Animation Computer Animation Lecture #2 Oh-young Song Sejong University](https://reader036.vdocuments.net/reader036/viewer/2022062312/5517bec6550346892b8b4918/html5/thumbnails/50.jpg)
Arcs
![Page 51: History of Animation Computer Animation Lecture #2 Oh-young Song Sejong University](https://reader036.vdocuments.net/reader036/viewer/2022062312/5517bec6550346892b8b4918/html5/thumbnails/51.jpg)
Exaggeration
■ Exaggerate the essence of the action●Action, emotion, shape, color, sound, …
![Page 52: History of Animation Computer Animation Lecture #2 Oh-young Song Sejong University](https://reader036.vdocuments.net/reader036/viewer/2022062312/5517bec6550346892b8b4918/html5/thumbnails/52.jpg)
Secondary Action
■ An action that results directly from another action
![Page 53: History of Animation Computer Animation Lecture #2 Oh-young Song Sejong University](https://reader036.vdocuments.net/reader036/viewer/2022062312/5517bec6550346892b8b4918/html5/thumbnails/53.jpg)
Secondary Action
![Page 54: History of Animation Computer Animation Lecture #2 Oh-young Song Sejong University](https://reader036.vdocuments.net/reader036/viewer/2022062312/5517bec6550346892b8b4918/html5/thumbnails/54.jpg)
Appeal
■ The animated character has appeal.●A quality of charm●Pleasing design●Simplicity
■ It doesn’t mean that the character/animation should be realistic.
![Page 55: History of Animation Computer Animation Lecture #2 Oh-young Song Sejong University](https://reader036.vdocuments.net/reader036/viewer/2022062312/5517bec6550346892b8b4918/html5/thumbnails/55.jpg)
Luxo Jr. vs Final Fantasy
![Page 56: History of Animation Computer Animation Lecture #2 Oh-young Song Sejong University](https://reader036.vdocuments.net/reader036/viewer/2022062312/5517bec6550346892b8b4918/html5/thumbnails/56.jpg)
Uncanny Valley
■ Human psychological reaction to animation●Coined by Japanese roboticist Masahiro
Mori●Emotional response against similarity to
human appearance and movement
![Page 57: History of Animation Computer Animation Lecture #2 Oh-young Song Sejong University](https://reader036.vdocuments.net/reader036/viewer/2022062312/5517bec6550346892b8b4918/html5/thumbnails/57.jpg)
Uncanny Valley
![Page 58: History of Animation Computer Animation Lecture #2 Oh-young Song Sejong University](https://reader036.vdocuments.net/reader036/viewer/2022062312/5517bec6550346892b8b4918/html5/thumbnails/58.jpg)
CG Techinques for Animation
■ What can CG do for the principles ?●Keyframing
◊ Timing, Arc, Slow In & Out
●Geometric deformation ◊ Squash and Stretch
●Rendering◊ Staging
●Physics based techniques◊ Secondary Action
![Page 59: History of Animation Computer Animation Lecture #2 Oh-young Song Sejong University](https://reader036.vdocuments.net/reader036/viewer/2022062312/5517bec6550346892b8b4918/html5/thumbnails/59.jpg)
Physics-based Techniques■ Rigid body ● 10-plank_test_withcontact_c.avi● 1000ring.avi● tank_straight_comp.avi
■ Deformable body ● buddha_gear.avi● warping.mov● hair.mov● movie1.avi● BreakingObjects.avi,Materials.avi
■ Fluid● Burning_Paper.avi● glass00.avi● melting_ice.avi● torus_cage.avi● pouring4.avi● water-curtain-front_new.avi● goop-et-web.avi● Derivative Particles.mov● vfx.mov, rnd.mov
![Page 60: History of Animation Computer Animation Lecture #2 Oh-young Song Sejong University](https://reader036.vdocuments.net/reader036/viewer/2022062312/5517bec6550346892b8b4918/html5/thumbnails/60.jpg)
Discussion
■ Are they all?
■ Personality●Story, Character >>> Technique