EDUCBA

EDUCBA

MENUMENU
  • Free Tutorials
  • Free Courses
  • Certification Courses
  • 280+ Courses All in One Bundle
  • Login

Principles of Animation

Home » Design » Design Tutorials » Design Basic Tutorial » Principles of Animation

Principles of Animation

Introduction to Principles of Animation

A lot of efforts are made to assist animation with computer technology but still, many animators find it difficult to create riveting works in the field. Smart animation is all about just going with the very basics. Sticking to the laws of physics is the way to start, but what about more intellectual concerns, such as psychological timing and character appeal? In 1981 Disney animators Ollie Johnston and Frank Thomas launched twelve basic principles of animation to create more logical works. Since then the principles have been embraced by practically every professional animator, and have been cited to by some as the Bible of animation. Initially, it was meant to register to conventional and hand-drawn animation, the principles still have a great purpose for the present computer animation and can be seen in character animation as well as user experience design.

Basic Principles of Animation

Below are the twelve basic principles of animation:

Start Your Free Design Course

3D animation, modelling, simulation, game development & others

1. Squash and Stretch

Described as the most significant principle, squash and stretch provide you a feeling of volume and weight to objects that are drawn. It is best represented with a ball that is bouncing, which seems to be extended when it is falling and smashed when it strikes the ground. Even a little exaggeration on widening and shortening animated objects will provide them that pragmatic sense. Consider a ball striking the deck, the strength of the motion smashes the ball horizontally, but since an entity requires to keep up its size, it also broadens on collision. Squash and stretch construct an impression of the character’s flexibility, volume, and adaptability. It is also valuable in facial animation.

2. Anticipation

This movement makes the observer ready for the main action, which the character plans to do. For example, beginning to jump, run or make a sprint. To jump up, the first thing you need to do is squat and this can be considered as anticipation or preparation. The humorous effect can be attained without anticipation or preparation after you utilize it many times. In a virtual sense, all actual movements to a considerable or marginal extent hold anticipation or preparation.

3. Staging

When shooting a clip, What will be the position of the camera? Where are actors supposed to move? What can you expect them to do? The union of all these selections is what we define as staging. It is one of the principles which fails to get noticed. It points the observer’s awareness towards the most vital portions in a scene in a way that productively pushes the story on. The nature of staging is retaining basis on what is pertinent, removing non-essential information, and avoiding any uncertainty.

4. Straight-Ahead Action and Pose-to-Pose

Two methods of sketching animation are straight-ahead action and pose-to-pose. Straight ahead action is a principle where you can sketch every single form of an action consecutively as you go along. As far as pose-to-pose is concerned, you can sketch the maximum limits which are the genesis and end sketching of action and then you move to the central frame, and begin to load in the frames in between.

Pose-to-pose provides you more command over the action. You can observe initially where your character will end up at the genesis and the end instead of expecting the timing to be correct. By finishing the important poses first, it permits you to seize any crucial faults early. The issue with it is that occasionally it is too deft and flawless. Grasping both the techniques and merging them is the best approach to being a flourishing animator because then you can achieve both structure and exuberance.

Popular Course in this category
Maya Training (10 Courses, 7+ Projects)10 Online Courses | 7 Hands-on Projects | 100+ Hours | Verifiable Certificate of Completion | Lifetime Access
4.7 (7,181 ratings)
Course Price

View Course

Related Courses
Photoshop Training (9 Courses, 12+ Projects)After Effects Training (1 Courses, 3+ Projects)

5. Follow-Through and Overlapping Action

When the important body of the character ceases, all other parts keep up to draw level with the important mass of the character such as long hair, arms, clothes, dress, flabby ears, etc. Nothing ceases all at a time. This is defined as a follow-through. Overlapping action is when the character alters the direction while his hair or clothes moves in the forward direction. The character is moving in a different direction and followed a number of frames later by his clothes in a different direction.

6. Slow In and Slow Out

Sometimes labeled as ease in and ease out, the principle proposes that nearly every motion requires time to speed up and slow down. Your animation will appear to be practical if more illustrations are appended to the initial point and end of action, highlighting measured speed up and slow down and lesser in the middle.

7. Arcs

Life does not proceed in unswerving lines, and it should be the same with animation. Almost all living beings move in rounded paths known as arcs. Arcs work along a rounded path that appends the impression of life to a lively object in the venture. In the absence of arcs, the animation that you have created would be rigid and lifeless.

8. Secondary Action

Assisting the chief action with the lesser one appends more proportions to the character animation and provides a scene with more life. The staging principle is very significant in registering the actions accurately. Confirm that the secondary action highlights the chief action, rather than take awareness away from it

9. Timing

Citing the number of sketches or frames for a provided action, accurate timing is important for setting up a character’s frame of mind, sentiment, and reaction. Merely utilize more frames to produce moderate action and fewer frames for the swifter one.

10. Exaggeration

The typical description of an exaggeration, utilized by Disney was to stay true to actuality, simply conferring it in a fiercer, more farthest form. As an ideal emulation of reality can look invariable and uninteresting in cartoons, exaggeration is mostly helpful and invigorating for animation.

11. Solid Drawing

Solid drawing is all about making certain that animated shapes perceive like they are in 3D space.

12. Appeal

People do not forget the real, fascinating, and appealing characters. Animated characters should be attractive to the eye and have a captivating feature to them and this even goes for the adversaries of the story. The appeal can be difficult to measure because everyone has a contrasting standard.

Conclusion

These principles establish the foundation of all animation work and are appropriate for a number of contrasting fields. The clearest utilization is for animating a character but these rules are also an indispensable mentor in other sections, for example, if you wish to initiate movement into your interface with some CSS animation.

Recommended Articles

This is a guide to Principles of Animation. Here we discuss a brief introduction and the top twelve basic Principles of Animation. You can also go through our other related articles to learn more-

  1. Top Animation Softwares Available
  2. Most Common Animation Software in 2D
  3. List of 3d Animation Softwares
  4. What are the Careers in 3D Animation?
  5. Animation in Flash

All in One Design Bundle (280+ Courses, 100+ projects)

280+ Online Courses

100+ projects

2000+ Hours

Verifiable Certificates

Lifetime Access

Learn More

0 Shares
Share
Tweet
Share
Primary Sidebar
Design Basic Tutorial
  • Basics and Advanced
    • Animation Software
    • Principles of Animation
    • 3d Animation Software
    • 3D Modeling Software
    • 3D Software Design
    • 2D Animation Software
    • 10 Quick Tips For Adobe InDesign Users
    • Adobe Lightroom For Free
    • Adobe Premiere Pro Plugins
    • Adobe Speedgrade
    • Install Adobe Creative Cloud
    • Install Adobe Premiere Pro
    • What is Adobe Creative Cloud
    • What is Adobe Illustrator
    • What is Adobe InDesign
    • What is Adobe Lightroom
    • What is Adobe Muse
    • What is Adobe Prelude
    • What is Adobe Premiere Pro
    • Careers in 3D
    • Careers in 3D Modeling
    • Careers in 3D Printing
    • Best Editing Software
    • Video Editing Application
    • Video Editing Tools
    • Career In Designing
    • Careers in Game Development
    • 3D Printing Models
    • Adobe Editing Softwares
    • Types of Adobe
    • Types of Illustration
    • What is Graphic Design
    • Best Graphic Design Software
    • Best Photo Editors
    • Game Testing Interview Questions
    • VFX Softwares
    • Unity Scripting
    • VFX Companies
    • How To Use Indesign
    • New Features InDesign CS6
    • What is Houdini?
    • Advantages of 3D Printing
    • What is Autodesk
    • Designers and Architects
    • 2D and 3D Shapes
    • Keyboard Shortcuts for Premiere Pro
    • Unreal Engine Tutorial
    • Best Audio Editors
    • Digital Image Processing
    • What is Motion Graphics
    • What is Digital Design
    • Design Pattern Interview Questions
    • Graphic Design Interview Questions
    • UX designer Interview Questions
    • Is Unreal Engine Free
    • What Is Design Pattern
    • What is VFX
    • What is Audacity
    • What is Unreal Engine
    • What is CATIA
    • What is Blueprint
    • Sony Vegas Pro for Free
    • 3D Graphics Software
    • Best Online Photo Editor
    • Photo Editing App
    • Vector Graphics Editor
    • ArchiCAD
    • SketchUp Rotate
    • ArchiCAD Shortcuts
    • Audacity Keyboard Shortcut
    • What is pixel art?
    • Picmonkey Alternatives
    • GIMP Alternatives
    • Architectural Design Software
    • Application of Digital Image Processing
    • Digital Image Processing Fundamentals
    • OpenGL Versions
  • Inkscape
    • What is Inkscape?
    • Inkscape layers
    • Inkscape Crop
    • Inkscape text
    • Inkscape Curved Text
    • Inkscape laser cutting
    • Inkscape background color
    • Inkscape arrow
    • Inkscape vector
    • Inkscape SVG
    • Inkscape Dark Theme
    • Inkscape Alternatives
  • Figma
    • Figma Libraries
    • Figma Alternatives

Related Courses

Maya Course

Photoshop course

After Effects Course

Footer
About Us
  • Blog
  • Who is EDUCBA?
  • Sign Up
  • Corporate Training
  • Certificate from Top Institutions
  • Contact Us
  • Verifiable Certificate
  • Reviews
  • Terms and Conditions
  • Privacy Policy
  •  
Apps
  • iPhone & iPad
  • Android
Resources
  • Free Courses
  • Photoshop Tutorial
  • 3ds Max Tutorial
  • All Tutorials
Certification Courses
  • All Courses
  • Design Course - All in One Bundle
  • Photoshop Course
  • Maya Course
  • Unreal Engine Course
  • Unity Course
  • DaVinci Resolve Course
  • Pro Tools Course

© 2020 - EDUCBA. ALL RIGHTS RESERVED. THE CERTIFICATION NAMES ARE THE TRADEMARKS OF THEIR RESPECTIVE OWNERS.

EDUCBA Login

Forgot Password?

EDUCBA
Free Design Course

3D animation, modelling, simulation, game development & others

*Please provide your correct email id. Login details for this Free course will be emailed to you
Book Your One Instructor : One Learner Free Class

Let’s Get Started

This website or its third-party tools use cookies, which are necessary to its functioning and required to achieve the purposes illustrated in the cookie policy. By closing this banner, scrolling this page, clicking a link or continuing to browse otherwise, you agree to our Privacy Policy

EDUCBA

*Please provide your correct email id. Login details for this Free course will be emailed to you
EDUCBA
Free Design Course

3D animation, modelling, simulation, game development & others

*Please provide your correct email id. Login details for this Free course will be emailed to you

Special Offer - Maya Course Learn More