How To Start 2D Animation

Class 17. Anticipation, Arc

▶ Watch Video Tutorial

Hello students, in this session we will explore some foundational principles of animation.To begin, let's observe a simple animation of a ball moving from one place to another. At first glance, this motion qualifies as animation. However, it feels incomplete without applying the core principles of animation. Animation principles breathe life and realism into movement.In this tutorial, we'll enhance our animation with four key principles, Stretch and squash, anticipation, ARC, and a follow through. Let's dive right in.The first principle we'll discuss is stretch and squash.In this animation, you can observe that the ball's volume remains consistent throughout the motion. Let's see another example where we will apply squash and stretch principle to this animation.This principle emphasizes the flexibility and elasticity of objects. By observing this carefully, you'll notice how the ball maintains its volume while deforming, which is a key aspect of applying this principle effectively.The ball squash and stretch in the beginning. It's called anticipation. We will discuss it later. But similarly, when it lands on ground, it squashes and stretches again. This interplay of squashing and stretching not only makes the motion dynamic but also conveys the ball's material properties, whether it's soft and bouncy or rigid and heavy.Another key point to remember is not to stretch the ball throughout its entire motion.The maximum stretch should occur either just before the ball makes contact with the ground or as it takes off from the ground.Use the squash and stretch effect thoughtfully and avoid overdoing it to maintain a natural and realistic look.You'll notice that the ball's motion follows an arc, which is another fundamental principle of animation.Let's discuss more about this principle. Natural movements often follow a curved trajectory or arc, whether it's a ball flying through the air, a character moving his hands, or a bird flapping its wings.Here the ball moves in a smooth arc. If you were to alter this arc, let's say placing the ball slightly off its natural curve on frame 15, frame 9 and frame 7.The motion would appear unnatural and jerky.To ensure accuracy, we can use the Onion Skin tool. With this tool, we can track the ball's motion frame by frame, ensuring the trajectory remains a smooth arc. This principle is essential for creating fluid and visually pleasing animations.Now let's see, what is anticipation? Anticipation is one of the most vital animation principles. Anticipation is the preparation for the main action, a movement that builds up energy and guides the viewer's eye.Let's examine 2 examples of a ball jumping from point A to point B. In the first case, the ball starts jumping directly upward without any preparation. This motion feels abrupt and lacks energy. In contrast, the second example shows the ball preparing to jump. Here, the ball dips down slightly on starting frames, gathering momentum before it leaps upward.This small downward movement is the anticipation, and it makes the jump feel powerful and intentional.You can also observe stretch and squash during anticipation, where the ball compresses as it dips down and stretches upward during the jump.To further illustrate anticipation, let's take another example of a hammer hitting a nail. In this version, the hammer simply swings down and strikes the nail.The motion lacks impact and feels mechanical. Now observe the second version.Here the hammer pulls back slightly before swinging down.This backward motion is the anticipation. It builds tension and creates a stronger sense of force when the hammer finally strikes the nail.This example also demonstrates the principle of Arc.Notice how the hammer's movement follows A curved trajectory, enhancing its natural and smooth motion.We can see both examples here, and you can clearly observe the difference between animation with anticipation and without it. The impact is much stronger when anticipation is included.Let's look at another example. Here we have two character figures moving from one place to another.The blue figure is more appealing because it's preparing for the jump by going down.This downward movement in the first few frames is the anticipation principle in action, building up to the jump. On the other hand, the red figure moves directly from one place to another without any preparation. It lacks the anticipation, which makes the motion feel less dynamic and less engaging.In this tutorial, we've covered stretch and squash anticipation.ARC and also touched on the follow through principle or cushioning effect.What is follow through? For example, watch the blue ball settles on the ground. You can see a slight settling effect which gives the ball a more realistic feel. On the other hand, the white ball simply lands and remains static without any settling, which makes the animation less dynamic.This principle is also important when animating characters as it adds to the believability of their movement.So in this tutorial we covered three key animation principles, Stretch and Squash, Anticipation and ARC, along with a glimpse of follow through. These principles may seem simple, but mastering them will greatly enhance the quality of your animations. Stay tuned for more in depth tutorials on each principle with plenty of examples and practice tips.Thank you for watching and happy animating.




हैलो स्टूडेंट्स, इस सेशन में हम एनीमेशन के कुछ बेसिक प्रिंसिपल्स एक्सप्लोर करेंगे। सबसे पहले, चलिए एक सिंपल एनीमेशन देखते हैं जिसमें बॉल एक जगह से दूसरी जगह मूव करती है। पहली नज़र में ये मोशन एनीमेशन क्वालिफाई करता है, लेकिन कोर प्रिंसिपल्स अप्लाई किए बिना ये अधूरा लगता है। एनीमेशन प्रिंसिपल्स मूवमेंट में जान और रियलिज़्म भरते हैं। इस ट्यूटोरियल में हम अपनी एनीमेशन को चार की प्रिंसिपल्स से एन्हांस करेंगे – स्ट्रेच एंड स्क्वैश, एंटिसिपेशन, आर्क और फॉलो थ्रू। चलिए शुरू करते हैं। पहला प्रिंसिपल है स्ट्रेच एंड स्क्वैश। इस एनीमेशन में आप देख सकते हैं कि बॉल का वॉल्यूम पूरे मोशन में कंसिस्टेंट रहता है। अब एक और उदाहरण देखते हैं, जहाँ हम इस एनीमेशन में स्क्वैश और स्ट्रेच प्रिंसिपल अप्लाई करेंगे। ये प्रिंसिपल ऑब्जेक्ट्स की फ्लेक्सिबिलिटी और इलास्टिसिटी को हाईलाइट करता है। ध्यान से देखने पर आप नोटिस करेंगे कि बॉल डिफॉर्म होते हुए भी अपना वॉल्यूम मेंटेन रखती है, जो इस प्रिंसिपल को सही से अप्लाई करने का मुख्य पहलू है। शुरुआत में बॉल का स्क्वैश और स्ट्रेच होना एंटिसिपेशन कहलाता है, जिस पर हम बाद में चर्चा करेंगे। इसी तरह, जब बॉल ज़मीन पर लैंड करती है, तो वो फिर से स्क्वैश और स्ट्रेच होती है। स्क्वैश और स्ट्रेच का ये इंटरप्ले मोशन को डायनामिक बनाता है और बॉल की मटीरियल प्रॉपर्टीज़ दिखाता है, चाहे वो सॉफ्ट और बाउंसी हो या सॉलिड और हैवी। एक और ज़रूरी पॉइंट है कि पूरी मोशन में बॉल को स्ट्रेच न करें। मैक्सिमम स्ट्रेच तभी होना चाहिए जब बॉल ग्राउंड को टच करने वाली हो या जब वो ग्राउंड से टेक ऑफ ले रही हो। स्क्वैश और स्ट्रेच इफेक्ट सोच-समझकर यूज़ करें और ओवरडू न करें, ताकि मोशन नैचुरल और रियलिस्टिक लगे। आप नोटिस करेंगे कि बॉल की मोशन एक आर्क को फॉलो करती है, जो एनीमेशन का एक और फंडामेंटल प्रिंसिपल है। नेचुरल मूवमेंट्स अक्सर एक कर्व्ड ट्राजेक्टरी या आर्क को फॉलो करते हैं, चाहे वो हवा में उड़ती बॉल हो, कैरेक्टर के हाथ का मूवमेंट हो या पंछी के पंखों की फ्लैपिंग। यहाँ बॉल एक स्मूथ आर्क में मूव करती है। अगर आप इस आर्क को बदलें, जैसे फ्रेम 15, फ्रेम 9 और फ्रेम 7 पर बॉल को नैचुरल कर्व से थोड़ा हटाएँ, तो मोशन अननेचुरल और झटका-सा लगेगा। एक्यूरेसी सुनिश्चित करने के लिए हम ओनियन स्किन टूल यूज़ कर सकते हैं। ये टूल हमें बॉल की मोशन को फ्रेम-बाय-फ्रेम ट्रैक करने देता है, जिससे ट्राजेक्टरी एक स्मूथ आर्क में रहती है। ये प्रिंसिपल फ्लूइड और विज़ुअली प्लेज़िंग एनीमेशन्स के लिए ज़रूरी है। अब देखते हैं, एंटिसिपेशन क्या है। एंटिसिपेशन एनीमेशन के सबसे ज़रूरी प्रिंसिपल्स में से एक है। ये मेन एक्शन के लिए प्रिपरेशन है, एक ऐसा मूवमेंट जो एनर्जी बिल्ड करता है और व्यूअर की नज़र को गाइड करता है। चलिए दो उदाहरण देखते हैं, जहाँ बॉल पॉइंट A से पॉइंट B पर जंप कर रही है। पहले केस में, बॉल बिना किसी प्रिपरेशन के डायरेक्ट ऊपर जंप करती है। ये मोशन अचानक लगता है और इसमें एनर्जी की कमी महसूस होती है। इसके विपरीत, दूसरे उदाहरण में बॉल जंप से पहले हल्का-सा नीचे डिप करती है, स्टार्टिंग फ्रेम्स में मोमेंटम इकट्ठा करती है और फिर ऊपर लीप करती है। ये छोटा डाउनवर्ड मूवमेंट ही एंटिसिपेशन है, जो जंप को पावरफुल और इंटेंशनल बनाता है। आप एंटिसिपेशन के दौरान स्ट्रेच और स्क्वैश भी देख सकते हैं, जहाँ बॉल नीचे डिप करते समय कंप्रेस होती है और जंप के दौरान स्ट्रेच करती है। एंटिसिपेशन को और अच्छे से समझने के लिए एक और उदाहरण देखते हैं – हैमर का नेल पर हिट करना। पहले वर्ज़न में हैमर बस नीचे स्विंग करता है और नेल को हिट करता है। मोशन में इम्पैक्ट नहीं है और ये मैकेनिकल लगता है। अब दूसरा वर्ज़न देखें, जहाँ हैमर नीचे स्विंग करने से पहले हल्का-सा बैक खींचता है। ये बैकवर्ड मूवमेंट एंटिसिपेशन है। ये टेंशन बिल्ड करता है और हिट के समय स्ट्रॉन्ग फोर्स का एहसास कराता है। इस उदाहरण में आर्क प्रिंसिपल भी दिखता है – देखें कि हैमर की मोशन एक कर्व्ड ट्राजेक्टरी को फॉलो कर रही है, जिससे मूवमेंट नैचुरल और स्मूथ लगता है। अब एक और उदाहरण देखते हैं। यहाँ हमारे पास दो कैरेक्टर फिगर्स हैं जो एक जगह से दूसरी जगह मूव कर रहे हैं। ब्लू फिगर ज़्यादा अपीलिंग लगता है क्योंकि वो जंप से पहले नीचे जाता है। ये डाउनवर्ड मूवमेंट शुरुआती फ्रेम्स में एंटिसिपेशन प्रिंसिपल को दिखाता है, जो जंप के लिए एनर्जी बिल्ड करता है। दूसरी ओर, रेड फिगर बिना किसी प्रिपरेशन के डायरेक्ट मूव करता है। इसमें एंटिसिपेशन की कमी है, जिससे मोशन कम डायनामिक और कम इंगेजिंग लगता है। इस ट्यूटोरियल में हमने स्ट्रेच एंड स्क्वैश, एंटिसिपेशन, आर्क और फॉलो थ्रू प्रिंसिपल का टच कवर किया। फॉलो थ्रू क्या है? उदाहरण के लिए, जब ब्लू बॉल ज़मीन पर सेटल होती है, आप हल्का-सा सेटलिंग इफेक्ट देख सकते हैं, जो बॉल को और रियलिस्टिक फील देता है। दूसरी ओर, व्हाइट बॉल बस लैंड करती है और बिना मूवमेंट के स्टैटिक रहती है, जिससे एनीमेशन कम डायनामिक लगता है। ये प्रिंसिपल कैरेक्टर्स को एनिमेट करते समय भी ज़रूरी होता है क्योंकि ये उनके मूवमेंट की बिलीवेबिलिटी बढ़ाता है। तो इस ट्यूटोरियल में हमने तीन की एनीमेशन प्रिंसिपल्स – स्ट्रेच एंड स्क्वैश, एंटिसिपेशन और आर्क – के साथ फॉलो थ्रू की झलक देखी। ये प्रिंसिपल्स सिंपल लग सकते हैं, लेकिन इन्हें मास्टर करने से आपकी एनीमेशन्स की क्वालिटी बहुत बढ़ जाएगी। हर प्रिंसिपल पर डीटेल ट्यूटोरियल्स और प्रैक्टिस टिप्स के लिए जुड़े रहें। थैंक यू फॉर वॉचिंग और हैप्पी एनीमेटिंग।

▶ Watch Video Tutorial