Jump to navigation

  •  
  •  
  •  

  • Courses
  • Resources
  • Case study
  • Showcase
  • Tools
  • Gallery
  • Videos

Search form

Animation Design Communication Design Design Fundamentals Interaction Design Product Design Tools for Design Open Design
Home / Case study / The Spider and The Fly / Production / Key Animation

.

  • yohoho
  • Design Case study

    The Spider and The Fly

    Animated Storytelling on Values
    by
    Poornima Subramaniam, Dhiti Singh and Prof. Sheetal Gokhale
    DoD, IIT Guwahati
    Key Animation
     
    • Printer-friendly version

    Keyframes in animated sequences are essential frames or stills which inform the viewer or animator of the starting and ending point of action. The number of keys is directly proportional to how complex an action is. Breakdowns come between keyframes to help define the path of motion. With the detailed animation as a guide, keyframes for every action were drawn in. The sequence was tackled shots-by-shot to help control the flow of keyframes and breakdowns drawn in. For example, the opening scene structure looked like this -

    BAKER INTRODUCTION -- CHECKING THE OVEN -- BAKER REACHING FOR THE CAKE -- CUTTING THE CAKE SLICE -- BAKER OFFERING THE CAKE -- BAKER CLOSE UP -- AUDIENCE RECEIVING THE CAKE SLICE -- CAMERA MOVEMENT -- AUDIENCE TAKING A BITE

    Rough proportions of the characters (without detailing and facial features) were maintained in all frames drawn. This stage helped us gauge the timing, spacing and rhythm of movements. It also helped us visualise if actions were exaggerated or realistic. All frames were drawn in red.



    • Youtube
    • D'source
    • Download

    9fiYphReJVQ

    AttachmentSize
    File key_animation.mp418.65 MB
    Key Animation

     

     

    • Introduction
    • Previous Work
    • Production
      • Reference Collection
      • Detailed Animatic
      • Key Animation
      • Inbetweens
      • Clean-Up
      • Colour
      • Light and Shadow
      • Final Composite
    • Conclusion
    • Links
    • Video
    • Contact Details
    • Credits

    Creating Digital-learning Environment for Design



    • Courses
    • Resources
    • Case study
    • Showcase
    • Tools
    • Gallery
    • Videos
    • Animation Design
    • Communication Design
    • Design Fundamentals
    • Interaction Design
    • Product Design
    • Tools for Design
    • Open Design
    • Contribute to our Dsource
    • About
    • People
    • Events
    • Job@D'source
    • Contact Us
    • Privacy Policy
    • Download App
    • YouTube
    • Facebook
    • Twitter

    Indian Language
    English Bangali Gujarati Hindi
    Kannada Malayalam Marathi Punjabi
    Sindhi Tamil Telugu Urdu