SlideShare a Scribd company logo
A Timeline of Animated
Film
By
Joseph Cross
Early Animation - ZoeTrope
• 1834 – William George Horner created
the ZoeTrope.
Essentially it was a drum on a turner
base with slits cut in to the sides with
images drawn on the inner edge of the
drum.
These images when spun fast enough
would give the allusion of movement or
animation
http://youtu.be/-3y
If you click this
link you can see
a Zoetrope in
action.
Flip Books
• These were an early crude form of drawn animation from
the early 1800’s, where you would draw and image and
then move it minimally for the next page and so on. Then
when the book was ‘flipped’ it would look like a moving
image and these have seen massive refinements in more
recent times.
An example of this can be found here;
http://www.youtube.com/watch?v=onod2q_bedw
Drawn Animation
• 1906 J. Stuart Blackton's Humorous
Phases of Funny Faces is released. It is a
three-minute short in which Blackton's
hand can be seen animating drawings
of faces and people against a plain
blackboard.
This is a still from the
animation which can be
viewed by clicking the still.
Cel Animation
• 1914 Earl Hurd invents the process of
cel animation.
Cell Animation is where you have a
transparent sheet of cellulose acetate
on which you paint upon to create part
of your animation.
It is transparent so it can be placed
upon backgrounds and other larger
items, and then photographed to
create a full image.
These images then go through a
process of being cleaned up, refined
and then finished and inked, to which
they are then all figured out by the
photographer, at which point they are
edited in sync with the soundtrack to
create the finished product.
http://www.youtube.com/watch?v=oktGlZQgY
The above still is from a video showing
you the basic process in Cel
Animation.
Evolution of the Character
• 1922 Walt Disney animates his first animated
short, Little Red Riding Hood.
• 1928 Mickey Mouse makes his debut in the six-
minute short Plane Crazy. (The character would not
speak until the following year, in his ninth film.)
These were animated again using cel animation.
Drawn on Film
• This is an alternative to Cel animation and skips out the
process entirely.
The animator will take a blank film reel and lay it out on a
work surface and use drawing and etching tools to create
his images on each sequential frame, adjusting them
minimally each time.
This video shows you
how to do it.
http://www.youtube.com/watch?v=Cn5e2NvvELI
RotoScoping
• Roto Scoping is essentially being able to take a live action image
or scene and then trace over it to create movements or special
effects.
To the left
you can see
the original
image that
was used to
capture
motion and
the drawn
outline to the
right which
can then be
animated in
whichever
way the
animator
deems right.
A famous example of RotoScoping is seen in Aha’s Take On Me
Music Video.
Claymation
• Claymation has been around for a long time as it is
essentially a different form of stop motion
animation, but using clay figures and moving them
minimally and taking a photo.
http://youtu.be/gS5Vgqb7VTc?t=43s
Click this link to
view a how to
video on
Claymation
Computer Generated
Animation Emerges
• 1982 Tron marks the first time that
computer-generated images are used
extensively within film.
Screen
capture taken
from the
making of
Tron
Documentary
found here;
http://www.youtub
The Refinement of CGI
• 1993 Jurassic Park becomes the first live-action film to feature
photorealistic computer-animated creatures.
The animations are drawn up on a computer and their motions are pathed on
a computer to be superimposed, once they have been skinned and finished,
on to already filmed footage.
The Refinement of CGI
• 1995 The first computer-animated film, Toy Story, is released to
theaters.
These are stills from a test that was made during the creation of toy story, as you can see
the characters are built up from polygons made in to shapes of the characters woody and
buzz which were drawn up by hand by the artists before porting them to computers.
After the test you can see that the character models were rendered and then became more
defined for the final release.
http://www.youtube.co
Motion Capture
• 2004 The Polar Express becomes the first fully-animated film to
use motion capture technology to render all of its characters.
These are stills from behind the scenes footage of the polar express, showing Tom Hanks
in a motion capture suit, next to the final image. Motion capture essentially works by
wearing a skin tight, all over body suit which has lots of little white balls stuck to it at
strategic points on the body, mainly the joints. The computer program then picks up on
these balls and tracks their movements as human body movements as a blank figure.
These ‘blanks’ are then rendered and coloured and finalized as the final production image,
however the movements the characters get are more realistic because they have been
tracked by a real person, giving the animation a more life like feeling.
http://www.youtube.
Sources
• http://movies.about.com/od/animatedmovies/a/history-animated-
films.htm Slides 3 - 7
http://www.aardman.com/the-studio/history/ Slide – 7
http://www.earlycinema.com/technology/zoetrope.html - Slide 2
http://animatedtv.about.com/od/thesimpsonsfaq/a/celanimation.htm -
Slide 4
• http://www.youtube.com/watch?v=z32h-b9-8Qw - Rotoscoping

More Related Content

PPTX
History of animation
PPT
History of animation
PPTX
Animation history
PPTX
1) history of animation timeline
PDF
The History of Animation
PPT
Animation Timeline BC to 1877
PPTX
History of Animation
PPT
History of animation basic
History of animation
History of animation
Animation history
1) history of animation timeline
The History of Animation
Animation Timeline BC to 1877
History of Animation
History of animation basic

What's hot (20)

PPTX
History Of Animation (Independent Project)
PPTX
History of animation in brief
PPTX
The history of animation
PPT
History and Process of Animation
PPTX
Stopmotion presentation
PPTX
History of animation
PPTX
Blog presentation
PPTX
History & types of animation
DOCX
Animation Project
PPTX
Animation in the 1800's
PPTX
Stop-motion Animation
PPTX
The history of animation
PPTX
Animation Summary
PPSX
Animation by dinesh kumar
PPTX
PPTX
Animation techniques
PPT
Claymation
PPTX
Animation
DOC
Timeline of animation
DOCX
Techniques and pioneers
History Of Animation (Independent Project)
History of animation in brief
The history of animation
History and Process of Animation
Stopmotion presentation
History of animation
Blog presentation
History & types of animation
Animation Project
Animation in the 1800's
Stop-motion Animation
The history of animation
Animation Summary
Animation by dinesh kumar
Animation techniques
Claymation
Animation
Timeline of animation
Techniques and pioneers
Ad

Similar to History of Key Points in Animation (20)

PPTX
Animation theory pro forma1
PPTX
Assignment 3 task 1 presentation
PPTX
Aardman Animations Pitch
PDF
Aardman Animations Pitch RESUB
PDF
Introduction to Animation
PPTX
3 d animation project
PDF
Beginner's Guide to Animation Technique
PPTX
[Pro forma] - mographics - case study finished
PPTX
1.animation
PPTX
Animation
PPT
Book Talk Animation Art
PDF
Difference Between Western And Western Animation
PDF
Proposal For A Animation Dissertation
PDF
Animation Extra notes.pdf
PPTX
History of stop animation 2
PPTX
Contextual reasearch
PPTX
Contextual reasearch checked
PPTX
Contextual research
PPTX
Film and video editing techniques template 2014 v2
PPTX
Contextual reasearch Finished
Animation theory pro forma1
Assignment 3 task 1 presentation
Aardman Animations Pitch
Aardman Animations Pitch RESUB
Introduction to Animation
3 d animation project
Beginner's Guide to Animation Technique
[Pro forma] - mographics - case study finished
1.animation
Animation
Book Talk Animation Art
Difference Between Western And Western Animation
Proposal For A Animation Dissertation
Animation Extra notes.pdf
History of stop animation 2
Contextual reasearch
Contextual reasearch checked
Contextual research
Film and video editing techniques template 2014 v2
Contextual reasearch Finished
Ad

More from JoeSpencerCross (10)

PPT
Production schedule
PPTX
Animation Idea Pitch
PPT
How/Why do my three products synergise and what is the effect/significance of...
PPT
Fish tank poster analysis
PPT
Storyboards Final Draft
PPT
Storyboards Draft 1
PPT
The short film context part 6
PPTX
The short film context part 3
PPTX
Evaluation question 2
PPTX
Media studies as_questionnaire_graphed_results
Production schedule
Animation Idea Pitch
How/Why do my three products synergise and what is the effect/significance of...
Fish tank poster analysis
Storyboards Final Draft
Storyboards Draft 1
The short film context part 6
The short film context part 3
Evaluation question 2
Media studies as_questionnaire_graphed_results

Recently uploaded (20)

PDF
gpt5_lecture_notes_comprehensive_20250812015547.pdf
PDF
Build a system with the filesystem maintained by OSTree @ COSCUP 2025
PDF
Approach and Philosophy of On baking technology
PPTX
KOM of Painting work and Equipment Insulation REV00 update 25-dec.pptx
PDF
Machine learning based COVID-19 study performance prediction
PDF
Review of recent advances in non-invasive hemoglobin estimation
PDF
A comparative analysis of optical character recognition models for extracting...
PPTX
ACSFv1EN-58255 AWS Academy Cloud Security Foundations.pptx
PDF
TokAI - TikTok AI Agent : The First AI Application That Analyzes 10,000+ Vira...
PDF
Encapsulation_ Review paper, used for researhc scholars
PDF
Network Security Unit 5.pdf for BCA BBA.
PPTX
Cloud computing and distributed systems.
PDF
Spectral efficient network and resource selection model in 5G networks
PDF
Agricultural_Statistics_at_a_Glance_2022_0.pdf
PPTX
Big Data Technologies - Introduction.pptx
PPTX
MYSQL Presentation for SQL database connectivity
PDF
Dropbox Q2 2025 Financial Results & Investor Presentation
PPTX
VMware vSphere Foundation How to Sell Presentation-Ver1.4-2-14-2024.pptx
PPTX
A Presentation on Artificial Intelligence
PPTX
Digital-Transformation-Roadmap-for-Companies.pptx
gpt5_lecture_notes_comprehensive_20250812015547.pdf
Build a system with the filesystem maintained by OSTree @ COSCUP 2025
Approach and Philosophy of On baking technology
KOM of Painting work and Equipment Insulation REV00 update 25-dec.pptx
Machine learning based COVID-19 study performance prediction
Review of recent advances in non-invasive hemoglobin estimation
A comparative analysis of optical character recognition models for extracting...
ACSFv1EN-58255 AWS Academy Cloud Security Foundations.pptx
TokAI - TikTok AI Agent : The First AI Application That Analyzes 10,000+ Vira...
Encapsulation_ Review paper, used for researhc scholars
Network Security Unit 5.pdf for BCA BBA.
Cloud computing and distributed systems.
Spectral efficient network and resource selection model in 5G networks
Agricultural_Statistics_at_a_Glance_2022_0.pdf
Big Data Technologies - Introduction.pptx
MYSQL Presentation for SQL database connectivity
Dropbox Q2 2025 Financial Results & Investor Presentation
VMware vSphere Foundation How to Sell Presentation-Ver1.4-2-14-2024.pptx
A Presentation on Artificial Intelligence
Digital-Transformation-Roadmap-for-Companies.pptx

History of Key Points in Animation

  • 1. A Timeline of Animated Film By Joseph Cross
  • 2. Early Animation - ZoeTrope • 1834 – William George Horner created the ZoeTrope. Essentially it was a drum on a turner base with slits cut in to the sides with images drawn on the inner edge of the drum. These images when spun fast enough would give the allusion of movement or animation http://youtu.be/-3y If you click this link you can see a Zoetrope in action.
  • 3. Flip Books • These were an early crude form of drawn animation from the early 1800’s, where you would draw and image and then move it minimally for the next page and so on. Then when the book was ‘flipped’ it would look like a moving image and these have seen massive refinements in more recent times. An example of this can be found here; http://www.youtube.com/watch?v=onod2q_bedw
  • 4. Drawn Animation • 1906 J. Stuart Blackton's Humorous Phases of Funny Faces is released. It is a three-minute short in which Blackton's hand can be seen animating drawings of faces and people against a plain blackboard. This is a still from the animation which can be viewed by clicking the still.
  • 5. Cel Animation • 1914 Earl Hurd invents the process of cel animation. Cell Animation is where you have a transparent sheet of cellulose acetate on which you paint upon to create part of your animation. It is transparent so it can be placed upon backgrounds and other larger items, and then photographed to create a full image. These images then go through a process of being cleaned up, refined and then finished and inked, to which they are then all figured out by the photographer, at which point they are edited in sync with the soundtrack to create the finished product. http://www.youtube.com/watch?v=oktGlZQgY The above still is from a video showing you the basic process in Cel Animation.
  • 6. Evolution of the Character • 1922 Walt Disney animates his first animated short, Little Red Riding Hood. • 1928 Mickey Mouse makes his debut in the six- minute short Plane Crazy. (The character would not speak until the following year, in his ninth film.) These were animated again using cel animation.
  • 7. Drawn on Film • This is an alternative to Cel animation and skips out the process entirely. The animator will take a blank film reel and lay it out on a work surface and use drawing and etching tools to create his images on each sequential frame, adjusting them minimally each time. This video shows you how to do it. http://www.youtube.com/watch?v=Cn5e2NvvELI
  • 8. RotoScoping • Roto Scoping is essentially being able to take a live action image or scene and then trace over it to create movements or special effects. To the left you can see the original image that was used to capture motion and the drawn outline to the right which can then be animated in whichever way the animator deems right. A famous example of RotoScoping is seen in Aha’s Take On Me Music Video.
  • 9. Claymation • Claymation has been around for a long time as it is essentially a different form of stop motion animation, but using clay figures and moving them minimally and taking a photo. http://youtu.be/gS5Vgqb7VTc?t=43s Click this link to view a how to video on Claymation
  • 10. Computer Generated Animation Emerges • 1982 Tron marks the first time that computer-generated images are used extensively within film. Screen capture taken from the making of Tron Documentary found here; http://www.youtub
  • 11. The Refinement of CGI • 1993 Jurassic Park becomes the first live-action film to feature photorealistic computer-animated creatures. The animations are drawn up on a computer and their motions are pathed on a computer to be superimposed, once they have been skinned and finished, on to already filmed footage.
  • 12. The Refinement of CGI • 1995 The first computer-animated film, Toy Story, is released to theaters. These are stills from a test that was made during the creation of toy story, as you can see the characters are built up from polygons made in to shapes of the characters woody and buzz which were drawn up by hand by the artists before porting them to computers. After the test you can see that the character models were rendered and then became more defined for the final release. http://www.youtube.co
  • 13. Motion Capture • 2004 The Polar Express becomes the first fully-animated film to use motion capture technology to render all of its characters. These are stills from behind the scenes footage of the polar express, showing Tom Hanks in a motion capture suit, next to the final image. Motion capture essentially works by wearing a skin tight, all over body suit which has lots of little white balls stuck to it at strategic points on the body, mainly the joints. The computer program then picks up on these balls and tracks their movements as human body movements as a blank figure. These ‘blanks’ are then rendered and coloured and finalized as the final production image, however the movements the characters get are more realistic because they have been tracked by a real person, giving the animation a more life like feeling. http://www.youtube.
  • 14. Sources • http://movies.about.com/od/animatedmovies/a/history-animated- films.htm Slides 3 - 7 http://www.aardman.com/the-studio/history/ Slide – 7 http://www.earlycinema.com/technology/zoetrope.html - Slide 2 http://animatedtv.about.com/od/thesimpsonsfaq/a/celanimation.htm - Slide 4 • http://www.youtube.com/watch?v=z32h-b9-8Qw - Rotoscoping