SlideShare une entreprise Scribd logo
1  sur  27
Creating Movement: The Origins
          of Animation
The originators of animation are
         nearly all toys
Thaumatrope
–   Invented in the 1820s
–   Name means “magic turn”
–   Designed to amuse children
–   Made of 2 pieces of paper and string
–   One image on the front, another on the back. As it spins it gives
    the illusion of combining the images.
How Does a Thaumatrope Work?
• When the strings are twirled quickly between the fingers the two
  pictures appear to combine into a single image due to persistence
  of vision

• Persistence of vision - the eye's ability to retain an image for
  roughly 1/20 of a second after the object is gone.

• The eye continues to see the two images on either side of the
  thaumatrope shortly after each has disappeared. As the
  thaumatrope spins, the series of quick flashes is interpreted
  as one continuous image.
Thaumatrope
Examples of Great Thaumatrope
            Images
Persistence of Vision
• As defined before, persistence of vision is
  what enables humans to view a long sequence
  of images as animation.

• Our persistence of vision helps us view
  cartoons and optical illusions every day!
Zoetrope
–   Invented in the 1860s
–   Designed to actually animate
–   Was an expensive toy for children and adults
–   Made of a cylinder with slits in it
–   Images were put on the inside of the cylinder.
–   The viewer would spin the cylinder to see the images move.
Zoetrope Animations




How is persistence of vision at work here?
Animation Development
• As time went on and paper was more
  available, people wanted to make their own
  animation toys

• This introduced the flip-book.
Flip-Book

• Flip books are made by
  layering sheets of paper with
  slightly altered images in a
  sequential order.

• As the viewer quickly “flips”
  through the book, they see a
  quick animation.
Flip Book
Flip Book
Flip Book
Flip Book
Photography and Film
The invention of photography and moving pictures aided in
              the development of animation

– 1906 J. Stuart Blackton made the
  first animated film.
   • He drew faces on board
   • Photographed them onto film
   • Ran the film sequentially to show
     the faces
   • Titled the film: “
     Humorous Phases of Funny Phases”
   • It is considered stop-motion
What is Stop-Motion?
• Stop-motion is the basis of animation.

• Stop-motion is a form of animation that relies on photographs
  of still objects to create movement. Objects are manipulated
  and photographed sequentially. When the photographs move
  together in a quick sequence (like in a film) it creates the
  illusion of movement. This is similar to the way a flip-book
  works.

• Clay figures are often used in stop-motion for their ease of
  repositioning. Stop-motion animation using clay is called clay-
  mation.
Stop-Motion
Stop-Motion/Clay-Mation
Clay-mation
Famous Clay-mation
• Early: During the late 1950s and early 1960s
  Davey and Goliath was featured on television.
  It was a show for children.

• Mid: Gumby was a show that premiered on
  Saturday morning T.V. in the 1970s and 1980s
  for children.

• Modern: Wallace and Gromit are popular
  clay-mation characters today.
From Stop-Motion to Cartoons
• Artists began to realize that by
  drawing and using the stop-motion
  animation technique they could
  create seamless animation.

• In 1914 Winsor McCay, using
  drawing and the stop-motion
  technique, created the first
  character-based cartoon called
  “Gertie the Dinosaur”

• “Gertie the Dinosaur,” which is
  only approximately 5 minutes
  long, contains 10,000 drawings.
Growing Technology
• From 1914-1928 artists developed
  the animation technology and
  began to teach others about
  animation.

• 1928 Walt Disney debuts the first
  cartoon to feature animation and
  sound.

• It is called Steamboat Willie.
Looking to the Future
•   After Steamboat Willie, the
    animation world grew in leaps and
    bounds.

•   Even as technology advances, the
    basics of animation are still based
    stop-motion

•   During the next 40 years animation
    transitions from a fanciful toy into a
    major business (1930s-1970s)
     – Walt Disney Company
     – Fox Animation
     – Hanna-Barbera
     – Warner Brothers Animation
     – MGM Animation
Computer Generated Imagery
• In the late 1970s to early
  1980s Computer Generated
  Imagery or CGI is used in film
  for the first time.

• CGI allows animators to
  create fantasy situation and
  illusions within real live
  action.

• The first mainstream movie
  that used CGI was
  The Last Starfighter in 1984.
CGI Grows
• In 1995 Toy Story premiered. It was the first
  full-length motion picture to be entirely CGI.
Pinnacle of Animation
• The movie Avatar uses CGI animation
  alongside other image-based technologies to
  create stunning visual effects.

Contenu connexe

Tendances

The history of animation
The history of animationThe history of animation
The history of animation
day548
 
Animation Summary
Animation SummaryAnimation Summary
Animation Summary
H Pemberton
 
History of stop animation 2
History of stop animation 2History of stop animation 2
History of stop animation 2
Twally8
 
Stopmotion presentation
Stopmotion presentationStopmotion presentation
Stopmotion presentation
proy123
 
(Computer) Animation Technique
(Computer) Animation Technique(Computer) Animation Technique
(Computer) Animation Technique
justinesolano
 
Timeline Of Animation
Timeline Of AnimationTimeline Of Animation
Timeline Of Animation
Parnyan
 

Tendances (20)

The history of animation
The history of animationThe history of animation
The history of animation
 
Animation Summary
Animation SummaryAnimation Summary
Animation Summary
 
Animation
AnimationAnimation
Animation
 
History of animation
History of animationHistory of animation
History of animation
 
History of Animations - digitalmarketinghead@gmail.com
History of Animations - digitalmarketinghead@gmail.comHistory of Animations - digitalmarketinghead@gmail.com
History of Animations - digitalmarketinghead@gmail.com
 
History & types of animation
History & types of animationHistory & types of animation
History & types of animation
 
History of stop animation 2
History of stop animation 2History of stop animation 2
History of stop animation 2
 
Stopmotion presentation
Stopmotion presentationStopmotion presentation
Stopmotion presentation
 
Animation
AnimationAnimation
Animation
 
Animated movies
Animated moviesAnimated movies
Animated movies
 
(Computer) Animation Technique
(Computer) Animation Technique(Computer) Animation Technique
(Computer) Animation Technique
 
Timeline Of Animation
Timeline Of AnimationTimeline Of Animation
Timeline Of Animation
 
19 types of animation techniques and styles
19 types of animation techniques and styles19 types of animation techniques and styles
19 types of animation techniques and styles
 
Animation Techniques
Animation TechniquesAnimation Techniques
Animation Techniques
 
Animation presentation
Animation presentationAnimation presentation
Animation presentation
 
Animation
AnimationAnimation
Animation
 
Stop motion powerpoint
Stop motion powerpointStop motion powerpoint
Stop motion powerpoint
 
History of Film
History of FilmHistory of Film
History of Film
 
Animation
AnimationAnimation
Animation
 
Animation
AnimationAnimation
Animation
 

En vedette (6)

Animation: The Basic Skills
Animation:  The Basic SkillsAnimation:  The Basic Skills
Animation: The Basic Skills
 
Cause and effects of computer virus
Cause and effects of computer virus Cause and effects of computer virus
Cause and effects of computer virus
 
Animation and Video
Animation and VideoAnimation and Video
Animation and Video
 
Thaumatrope
ThaumatropeThaumatrope
Thaumatrope
 
Introduction to Animation
Introduction to AnimationIntroduction to Animation
Introduction to Animation
 
Basic Concepts of Animation
Basic Concepts of AnimationBasic Concepts of Animation
Basic Concepts of Animation
 

Similaire à History of animation basic

Blog presentation
Blog presentationBlog presentation
Blog presentation
11033191
 
3 d animation project
3 d animation project3 d animation project
3 d animation project
18djmia
 
Animation theory pro forma1
Animation theory pro forma1Animation theory pro forma1
Animation theory pro forma1
Scott-Wilson
 
Introduction to Animation.ppt
Introduction to Animation.pptIntroduction to Animation.ppt
Introduction to Animation.ppt
AdrianVANTOPINA
 
Introduction to Animation.ppt
Introduction to Animation.pptIntroduction to Animation.ppt
Introduction to Animation.ppt
AdrianVANTOPINA
 
Animation
AnimationAnimation
Animation
Mohd Faisal Khan
 
Assignment 3 task 1 presentation
Assignment 3   task 1 presentationAssignment 3   task 1 presentation
Assignment 3 task 1 presentation
Charlotte1706
 

Similaire à History of animation basic (20)

Animation History from ancient days to recent.ppt
Animation History from ancient days to recent.pptAnimation History from ancient days to recent.ppt
Animation History from ancient days to recent.ppt
 
HISTORY OF ANIMATION, ANCIENT MACHINES.ppt
HISTORY OF ANIMATION, ANCIENT MACHINES.pptHISTORY OF ANIMATION, ANCIENT MACHINES.ppt
HISTORY OF ANIMATION, ANCIENT MACHINES.ppt
 
Historyofanimation
HistoryofanimationHistoryofanimation
Historyofanimation
 
Animation Extra notes.pdf
Animation Extra notes.pdfAnimation Extra notes.pdf
Animation Extra notes.pdf
 
Blog presentation
Blog presentationBlog presentation
Blog presentation
 
3 d animation project
3 d animation project3 d animation project
3 d animation project
 
Animation techniques
Animation techniques Animation techniques
Animation techniques
 
Animation theory pro forma1
Animation theory pro forma1Animation theory pro forma1
Animation theory pro forma1
 
Introduction to Animation.ppt
Introduction to Animation.pptIntroduction to Animation.ppt
Introduction to Animation.ppt
 
Introduction to Animation.ppt
Introduction to Animation.pptIntroduction to Animation.ppt
Introduction to Animation.ppt
 
Animation by dinesh kumar
Animation by dinesh kumarAnimation by dinesh kumar
Animation by dinesh kumar
 
Animation Project
Animation Project Animation Project
Animation Project
 
What Is Animation history types and its origin.pptx
What Is Animation history types and its origin.pptxWhat Is Animation history types and its origin.pptx
What Is Animation history types and its origin.pptx
 
Lesson 4
Lesson 4Lesson 4
Lesson 4
 
Animation time line presentation
Animation time line presentationAnimation time line presentation
Animation time line presentation
 
Animation
AnimationAnimation
Animation
 
Cartoons and animation
Cartoons and animationCartoons and animation
Cartoons and animation
 
The origins of cinema
The origins of cinemaThe origins of cinema
The origins of cinema
 
Assignment 3 task 1 presentation
Assignment 3   task 1 presentationAssignment 3   task 1 presentation
Assignment 3 task 1 presentation
 
History of Key Points in Animation
History of Key Points in AnimationHistory of Key Points in Animation
History of Key Points in Animation
 

Plus de ArtfulArtsyAmy

Plus de ArtfulArtsyAmy (20)

Yes We Can Cesar Chavez and Barack Obama Digital Portrait
Yes We Can Cesar Chavez and Barack Obama Digital PortraitYes We Can Cesar Chavez and Barack Obama Digital Portrait
Yes We Can Cesar Chavez and Barack Obama Digital Portrait
 
Is it Warm or Cool?
Is it Warm or Cool?Is it Warm or Cool?
Is it Warm or Cool?
 
Hot cold color changing slime
Hot cold color changing slimeHot cold color changing slime
Hot cold color changing slime
 
Islamic Stained Glass Circuit Lampbox Lesson Tutorial
Islamic Stained Glass Circuit Lampbox Lesson TutorialIslamic Stained Glass Circuit Lampbox Lesson Tutorial
Islamic Stained Glass Circuit Lampbox Lesson Tutorial
 
Islamic stained glass parallel circuit lampbox
Islamic stained glass parallel circuit lampboxIslamic stained glass parallel circuit lampbox
Islamic stained glass parallel circuit lampbox
 
Makey Makey Graphite Controller Printable
Makey Makey Graphite Controller PrintableMakey Makey Graphite Controller Printable
Makey Makey Graphite Controller Printable
 
Game Design as a Career
Game Design as a CareerGame Design as a Career
Game Design as a Career
 
makey makey inspiration images
makey makey inspiration imagesmakey makey inspiration images
makey makey inspiration images
 
Defining & Identifying Foreground, Middle Ground, & Background
Defining & Identifying Foreground, Middle Ground, & BackgroundDefining & Identifying Foreground, Middle Ground, & Background
Defining & Identifying Foreground, Middle Ground, & Background
 
Behavior reflection form teacher and student
Behavior reflection form teacher and studentBehavior reflection form teacher and student
Behavior reflection form teacher and student
 
Hibernation animal game
Hibernation animal gameHibernation animal game
Hibernation animal game
 
Vof full project
Vof full projectVof full project
Vof full project
 
Pdf of worm lesson links
Pdf of worm lesson linksPdf of worm lesson links
Pdf of worm lesson links
 
Code the stars in scratch
Code the stars in scratchCode the stars in scratch
Code the stars in scratch
 
Mondrian Inspired Makey Makey Fraction Game
Mondrian Inspired Makey Makey Fraction GameMondrian Inspired Makey Makey Fraction Game
Mondrian Inspired Makey Makey Fraction Game
 
Makey makey fraction game controllers
Makey makey fraction game controllersMakey makey fraction game controllers
Makey makey fraction game controllers
 
Yes we can cesar chavez ppt
Yes we can cesar chavez pptYes we can cesar chavez ppt
Yes we can cesar chavez ppt
 
Handout 6th grade alike buddhist mandalas
Handout 6th grade alike buddhist mandalasHandout 6th grade alike buddhist mandalas
Handout 6th grade alike buddhist mandalas
 
Islamic art and stained glass
Islamic art and stained glassIslamic art and stained glass
Islamic art and stained glass
 
Islamic art patterns
Islamic art patternsIslamic art patterns
Islamic art patterns
 

Dernier

Beyond the EU: DORA and NIS 2 Directive's Global Impact
Beyond the EU: DORA and NIS 2 Directive's Global ImpactBeyond the EU: DORA and NIS 2 Directive's Global Impact
Beyond the EU: DORA and NIS 2 Directive's Global Impact
PECB
 
Seal of Good Local Governance (SGLG) 2024Final.pptx
Seal of Good Local Governance (SGLG) 2024Final.pptxSeal of Good Local Governance (SGLG) 2024Final.pptx
Seal of Good Local Governance (SGLG) 2024Final.pptx
negromaestrong
 
Gardella_PRCampaignConclusion Pitch Letter
Gardella_PRCampaignConclusion Pitch LetterGardella_PRCampaignConclusion Pitch Letter
Gardella_PRCampaignConclusion Pitch Letter
MateoGardella
 
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhi
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in DelhiRussian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhi
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhi
kauryashika82
 
The basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptxThe basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptx
heathfieldcps1
 
Making and Justifying Mathematical Decisions.pdf
Making and Justifying Mathematical Decisions.pdfMaking and Justifying Mathematical Decisions.pdf
Making and Justifying Mathematical Decisions.pdf
Chris Hunter
 

Dernier (20)

Beyond the EU: DORA and NIS 2 Directive's Global Impact
Beyond the EU: DORA and NIS 2 Directive's Global ImpactBeyond the EU: DORA and NIS 2 Directive's Global Impact
Beyond the EU: DORA and NIS 2 Directive's Global Impact
 
Seal of Good Local Governance (SGLG) 2024Final.pptx
Seal of Good Local Governance (SGLG) 2024Final.pptxSeal of Good Local Governance (SGLG) 2024Final.pptx
Seal of Good Local Governance (SGLG) 2024Final.pptx
 
Gardella_PRCampaignConclusion Pitch Letter
Gardella_PRCampaignConclusion Pitch LetterGardella_PRCampaignConclusion Pitch Letter
Gardella_PRCampaignConclusion Pitch Letter
 
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhi
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in DelhiRussian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhi
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhi
 
Key note speaker Neum_Admir Softic_ENG.pdf
Key note speaker Neum_Admir Softic_ENG.pdfKey note speaker Neum_Admir Softic_ENG.pdf
Key note speaker Neum_Admir Softic_ENG.pdf
 
ICT Role in 21st Century Education & its Challenges.pptx
ICT Role in 21st Century Education & its Challenges.pptxICT Role in 21st Century Education & its Challenges.pptx
ICT Role in 21st Century Education & its Challenges.pptx
 
Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...
Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...
Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...
 
Measures of Dispersion and Variability: Range, QD, AD and SD
Measures of Dispersion and Variability: Range, QD, AD and SDMeasures of Dispersion and Variability: Range, QD, AD and SD
Measures of Dispersion and Variability: Range, QD, AD and SD
 
Ecological Succession. ( ECOSYSTEM, B. Pharmacy, 1st Year, Sem-II, Environmen...
Ecological Succession. ( ECOSYSTEM, B. Pharmacy, 1st Year, Sem-II, Environmen...Ecological Succession. ( ECOSYSTEM, B. Pharmacy, 1st Year, Sem-II, Environmen...
Ecological Succession. ( ECOSYSTEM, B. Pharmacy, 1st Year, Sem-II, Environmen...
 
Nutritional Needs Presentation - HLTH 104
Nutritional Needs Presentation - HLTH 104Nutritional Needs Presentation - HLTH 104
Nutritional Needs Presentation - HLTH 104
 
This PowerPoint helps students to consider the concept of infinity.
This PowerPoint helps students to consider the concept of infinity.This PowerPoint helps students to consider the concept of infinity.
This PowerPoint helps students to consider the concept of infinity.
 
INDIA QUIZ 2024 RLAC DELHI UNIVERSITY.pptx
INDIA QUIZ 2024 RLAC DELHI UNIVERSITY.pptxINDIA QUIZ 2024 RLAC DELHI UNIVERSITY.pptx
INDIA QUIZ 2024 RLAC DELHI UNIVERSITY.pptx
 
Basic Civil Engineering first year Notes- Chapter 4 Building.pptx
Basic Civil Engineering first year Notes- Chapter 4 Building.pptxBasic Civil Engineering first year Notes- Chapter 4 Building.pptx
Basic Civil Engineering first year Notes- Chapter 4 Building.pptx
 
Measures of Central Tendency: Mean, Median and Mode
Measures of Central Tendency: Mean, Median and ModeMeasures of Central Tendency: Mean, Median and Mode
Measures of Central Tendency: Mean, Median and Mode
 
The basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptxThe basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptx
 
Z Score,T Score, Percential Rank and Box Plot Graph
Z Score,T Score, Percential Rank and Box Plot GraphZ Score,T Score, Percential Rank and Box Plot Graph
Z Score,T Score, Percential Rank and Box Plot Graph
 
PROCESS RECORDING FORMAT.docx
PROCESS      RECORDING        FORMAT.docxPROCESS      RECORDING        FORMAT.docx
PROCESS RECORDING FORMAT.docx
 
Making and Justifying Mathematical Decisions.pdf
Making and Justifying Mathematical Decisions.pdfMaking and Justifying Mathematical Decisions.pdf
Making and Justifying Mathematical Decisions.pdf
 
microwave assisted reaction. General introduction
microwave assisted reaction. General introductionmicrowave assisted reaction. General introduction
microwave assisted reaction. General introduction
 
Unit-V; Pricing (Pharma Marketing Management).pptx
Unit-V; Pricing (Pharma Marketing Management).pptxUnit-V; Pricing (Pharma Marketing Management).pptx
Unit-V; Pricing (Pharma Marketing Management).pptx
 

History of animation basic

  • 1. Creating Movement: The Origins of Animation
  • 2. The originators of animation are nearly all toys
  • 3. Thaumatrope – Invented in the 1820s – Name means “magic turn” – Designed to amuse children – Made of 2 pieces of paper and string – One image on the front, another on the back. As it spins it gives the illusion of combining the images.
  • 4. How Does a Thaumatrope Work? • When the strings are twirled quickly between the fingers the two pictures appear to combine into a single image due to persistence of vision • Persistence of vision - the eye's ability to retain an image for roughly 1/20 of a second after the object is gone. • The eye continues to see the two images on either side of the thaumatrope shortly after each has disappeared. As the thaumatrope spins, the series of quick flashes is interpreted as one continuous image.
  • 6. Examples of Great Thaumatrope Images
  • 7. Persistence of Vision • As defined before, persistence of vision is what enables humans to view a long sequence of images as animation. • Our persistence of vision helps us view cartoons and optical illusions every day!
  • 8. Zoetrope – Invented in the 1860s – Designed to actually animate – Was an expensive toy for children and adults – Made of a cylinder with slits in it – Images were put on the inside of the cylinder. – The viewer would spin the cylinder to see the images move.
  • 9. Zoetrope Animations How is persistence of vision at work here?
  • 10. Animation Development • As time went on and paper was more available, people wanted to make their own animation toys • This introduced the flip-book.
  • 11. Flip-Book • Flip books are made by layering sheets of paper with slightly altered images in a sequential order. • As the viewer quickly “flips” through the book, they see a quick animation.
  • 16. Photography and Film The invention of photography and moving pictures aided in the development of animation – 1906 J. Stuart Blackton made the first animated film. • He drew faces on board • Photographed them onto film • Ran the film sequentially to show the faces • Titled the film: “ Humorous Phases of Funny Phases” • It is considered stop-motion
  • 17. What is Stop-Motion? • Stop-motion is the basis of animation. • Stop-motion is a form of animation that relies on photographs of still objects to create movement. Objects are manipulated and photographed sequentially. When the photographs move together in a quick sequence (like in a film) it creates the illusion of movement. This is similar to the way a flip-book works. • Clay figures are often used in stop-motion for their ease of repositioning. Stop-motion animation using clay is called clay- mation.
  • 21. Famous Clay-mation • Early: During the late 1950s and early 1960s Davey and Goliath was featured on television. It was a show for children. • Mid: Gumby was a show that premiered on Saturday morning T.V. in the 1970s and 1980s for children. • Modern: Wallace and Gromit are popular clay-mation characters today.
  • 22. From Stop-Motion to Cartoons • Artists began to realize that by drawing and using the stop-motion animation technique they could create seamless animation. • In 1914 Winsor McCay, using drawing and the stop-motion technique, created the first character-based cartoon called “Gertie the Dinosaur” • “Gertie the Dinosaur,” which is only approximately 5 minutes long, contains 10,000 drawings.
  • 23. Growing Technology • From 1914-1928 artists developed the animation technology and began to teach others about animation. • 1928 Walt Disney debuts the first cartoon to feature animation and sound. • It is called Steamboat Willie.
  • 24. Looking to the Future • After Steamboat Willie, the animation world grew in leaps and bounds. • Even as technology advances, the basics of animation are still based stop-motion • During the next 40 years animation transitions from a fanciful toy into a major business (1930s-1970s) – Walt Disney Company – Fox Animation – Hanna-Barbera – Warner Brothers Animation – MGM Animation
  • 25. Computer Generated Imagery • In the late 1970s to early 1980s Computer Generated Imagery or CGI is used in film for the first time. • CGI allows animators to create fantasy situation and illusions within real live action. • The first mainstream movie that used CGI was The Last Starfighter in 1984.
  • 26. CGI Grows • In 1995 Toy Story premiered. It was the first full-length motion picture to be entirely CGI.
  • 27. Pinnacle of Animation • The movie Avatar uses CGI animation alongside other image-based technologies to create stunning visual effects.