Class 43. Melting Ice Cream Animation

Class 43. Melting Ice Cream Animation

▶ Watch Video Tutorial

Hello students, in this video we are going to animate a melting ice cream cone using frame by frame animation in Adobe Animate. We'll focus on how an ice cream scoop melts in real life and use animation principles like straight ahead and squash and stretch to bring realism to our animation. So let's get started.To recreate this, we follow the straight ahead principle by drawing frame by frame as it is done in traditional animation. Inside the ice cream symbol, we first extend the timeline to 9 seconds, which is frame 225 using F5.Then we add a new layer on top and insert a keyframe at frame 11 using F6. Selecting the brush tool, we pick color from scoop using eyedropper tool and start sketching the melting progression.After drawing the first keyframe, we select it and press F8 to convert it into a symbol and named it drip.We enter the symbol and start drawing the keyframes using the brush tool. We follow the traditional animation method of drawing on twos, meaning each drawing lasts for 2 frames. To do this, we add a blank keyframe at frame 3 using F7. We continue drawing the melting motion as seen in the video, ensuring each new frame builds upon the last.Think about how ice cream melts in reality. Initially the scoop holds its shape, but as it warms up, the outer layer softens, forming small blobs.These blobs gradually elongate into drips, which eventually detach and fall due to gravity.When animating, ensure that each new keyframe builds upon the previous one. For smooth motion, keep referencing the last keyframe while drawing the next to maintain fluidity.Adding keyframes at appropriate intervals helps in achieving a natural realistic melting effect. 😘 As the drips fall, they transform into drops.While descending, these drops stretch due to gravity. This is where the principle of squash and stretch is applied, giving the motion a sense of weight and flexibility. On keyframe 31 we convert the drop into a symbol, then add a keyframe on frame 50 and move the drop out of the screen.We select the frames in between and add a classic tween from the menu.To speed up the effect we reduce a few frames from the animation, making the drop fall faster. We exit the symbol and on main timeline we extend frames till frame 225 and preview the animation so far.We now start coloring the keyframes that we have drawn using brush tool. For a more efficient workflow, you can also use the Paint Bucket tool, which allows you to fill enclosed areas quickly and easily. This helps save time while ensuring smooth and consistent coloring across frames.Once we have finished coloring all the keyframes, we add highlights to enhance the depth and realism of the dripping effect. Highlights help create the illusion of light reflecting off the melting ice cream, making the animation more visually appealing.To do this, select a lighter shade of the ice cream color and use the brush tool to draw thin, curved lines along the edges of the dripping blobs and falling drops.Focus on areas where light would naturally hit, such as the outer curves of the drips.This subtle addition gives the melting effect more dimension and makes the drops appear more glossy and wet. We add a new layer on top.Next, we copy the drip animation, paste it onto the new layer starting from frame 25, and move it slightly to the right side of the cone. 😘 This duplication creates a more natural melting effect, as another drip will start falling at a different time on the right side. Staggering the drips in this way makes the animation feel more dynamic and realistic, mimicking how ice cream melts unevenly rather than all at once.Finally, we animate the main scoop Melting.We use a shape tween to gradually shrink the scoop.1st on the ice cream layer, we insert a keyframe at frame 150 using F6. Using the sub selection tool, we adjust the vector nodes to make the scoop smaller and more deformed. As more ice cream melts away, the scoop itself begins to shrink and lose its original shape. Over time it deforms, becoming more irregular until it is almost entirely melted away. This gradual change should be animated carefully.To reflect the natural process of melting realistically.To make the melting effect smooth, we add a keyframe at frame 100 using F6. Then we select the keyframes in between right click and choose Create shape tween. The shape changes gradually, but it may look distorted.To fix this, we use shape hints.Press Control shift H to add hints A&B, placing them on opposite corners of the scoop. Shape hint B on the right and shape hint A on the left. On the keyframe 150 we place this hints again on the same place as earlier.With all the elements in place, our melting ice cream animation is now complete. The drips are falling naturally, the scoop is shrinking over time, and the highlights add depth to make it look more realistic.Keep practicing these techniques to improve your animation skills.Thank you for watching, keep animating and see you in the next tutorial. हेलो स्टूडेंट्स, इस वीडियो में हम Adobe Animate में फ्रेम बाय फ्रेम एनीमेशन का इस्तेमाल करते हुए एक मेल्टिंग आइसक्रीम कोन को एनीमेट करना सीखेंगे। हम फोकस करेंगे कि रियल लाइफ में आइसक्रीम का स्कूप कैसे पिघलता है और एनीमेशन प्रिंसिपल्स जैसे “स्ट्रेट अहेड” और “स्क्वैश एंड स्ट्रेच” का इस्तेमाल करके अपनी एनीमेशन में रियलिज़्म लाएँगे। तो चलिए शुरू करते हैं। इसे रिक्रिएट करने के लिए, हम स्ट्रेट अहेड प्रिंसिपल को फॉलो करेंगे जिसमें पारंपरिक एनीमेशन की तरह फ्रेम बाय फ्रेम ड्रॉ किया जाता है। आइसक्रीम सिंबल के अंदर, हम सबसे पहले एफ5 दबाकर टाइमलाइन को 9 सेकंड यानी फ्रेम 225 तक एक्सटेंड करते हैं। फिर हम ऊपर एक नई लेयर ऐड करते हैं और फ्रेम 11 पर एफ6 दबाकर एक कीफ्रेम इंसर्ट करते हैं। अब ब्रश टूल सेलेक्ट करते हैं, आईड्रॉपर टूल से स्कूप का कलर पिक करते हैं और मेल्टिंग प्रोग्रेशन की स्केचिंग शुरू करते हैं। पहला कीफ्रेम ड्रॉ करने के बाद, उसे सेलेक्ट करें और एफ8 दबाकर एक सिंबल में कन्वर्ट करें और उसका नाम रखें “ड्रिप”। अब सिंबल के अंदर जाएँ और ब्रश टूल का इस्तेमाल करके कीफ्रेम्स ड्रॉ करना शुरू करें। हम पारंपरिक एनीमेशन मेथड “ड्रॉइंग ऑन टूज़” को फॉलो करेंगे, यानी हर ड्रॉइंग 2 फ्रेम तक चलेगी। ऐसा करने के लिए, हम फ्रेम 3 पर एफ7 दबाकर एक ब्लैंक कीफ्रेम ऐड करेंगे। अब हम वीडियो में दिखाए अनुसार मेल्टिंग मोशन को ड्रॉ करते रहेंगे, यह सुनिश्चित करते हुए कि हर नया फ्रेम पिछले वाले पर आधारित हो। सोचिए कि रियलिटी में आइसक्रीम कैसे पिघलती है — शुरुआत में स्कूप अपनी शेप बनाए रखता है, लेकिन जैसे-जैसे वो गर्म होता है, बाहरी लेयर नरम पड़ जाती है और छोटे-छोटे ब्लॉब्स बनने लगते हैं। ये ब्लॉब्स धीरे-धीरे लम्बे होकर ड्रिप्स में बदल जाते हैं, जो आखिर में ग्रेविटी की वजह से नीचे गिर जाते हैं। जब आप एनीमेट कर रहे हों, तो ध्यान रखें कि हर नया कीफ्रेम पिछले कीफ्रेम पर आधारित हो ताकि मोशन स्मूद रहे। हर नया फ्रेम ड्रॉ करते समय पिछले कीफ्रेम को रेफरेंस में रखें ताकि मूवमेंट में फ्लूइडिटी बनी रहे। सही इंटरवल्स पर कीफ्रेम्स ऐड करना नैचुरल और रियलिस्टिक मेल्टिंग इफेक्ट हासिल करने में मदद करता है। 😘 जैसे-जैसे ड्रिप्स नीचे गिरती हैं, वे ड्रॉप्स में बदल जाती हैं। नीचे आते समय ये ड्रॉप्स ग्रेविटी की वजह से स्ट्रेच होती हैं। यही वह जगह है जहाँ “स्क्वैश एंड स्ट्रेच” का प्रिंसिपल अप्लाई होता है, जिससे मोशन में वज़न और फ्लेक्सिबिलिटी का अहसास आता है। कीफ्रेम 31 पर हम ड्रॉप को एक सिंबल में कन्वर्ट करते हैं, फिर फ्रेम 50 पर एक कीफ्रेम ऐड करके ड्रॉप को स्क्रीन से बाहर मूव करते हैं। बीच के फ्रेम्स को सेलेक्ट करके मेन्यू से “क्लासिक ट्वीन” ऐड करते हैं। इफेक्ट को तेज़ करने के लिए, हम एनीमेशन से कुछ फ्रेम्स कम करते हैं ताकि ड्रॉप जल्दी गिरे। अब हम सिंबल से बाहर निकलते हैं और मेन टाइमलाइन पर फ्रेम 225 तक फ्रेम्स एक्सटेंड करते हैं और अब तक की एनीमेशन का प्रीव्यू देखते हैं। अब हम ब्रश टूल का इस्तेमाल करते हुए बनाए गए कीफ्रेम्स को कलर करना शुरू करते हैं। एक बेहतर और तेज़ वर्कफ़्लो के लिए आप “पेंट बकेट टूल” का भी इस्तेमाल कर सकते हैं, जिससे बंद एरियाज़ को जल्दी और आसानी से फिल किया जा सकता है। इससे समय बचता है और फ्रेम्स में स्मूद और कंसिस्टेंट कलरिंग सुनिश्चित होती है। जब हम सभी कीफ्रेम्स को कलर कर लेते हैं, तब हम हाइलाइट्स ऐड करते हैं ताकि ड्रिपिंग इफेक्ट में डेप्थ और रियलिज़्म बढ़े। हाइलाइट्स मेल्टिंग आइसक्रीम पर लाइट रिफ्लेक्शन का इल्यूजन पैदा करने में मदद करती हैं, जिससे एनीमेशन और भी आकर्षक दिखती है। ऐसा करने के लिए, आइसक्रीम के कलर से थोड़ा हल्का शेड चुनें और ब्रश टूल की मदद से ड्रिपिंग ब्लॉब्स और फॉलिंग ड्रॉप्स के किनारों पर पतली, मुड़ी हुई लाइन्स बनाएं। उन जगहों पर फोकस करें जहाँ नैचुरली लाइट गिरती है, जैसे ड्रिप्स के बाहरी कर्व्स पर। यह छोटा सा ऐडिशन मेल्टिंग इफेक्ट को और डायमेंशन देता है और ड्रॉप्स को ज़्यादा ग्लॉसी और वेट दिखाता है। अब हम ऊपर एक नई लेयर ऐड करते हैं। इसके बाद, हम ड्रिप एनीमेशन को कॉपी करते हैं, उसे नई लेयर पर फ्रेम 25 से पेस्ट करते हैं और कोन के दाहिने हिस्से में थोड़ा मूव कर देते हैं। 😘 यह डुप्लीकेशन एक और नैचुरल मेल्टिंग इफेक्ट क्रिएट करता है, क्योंकि अब एक और ड्रिप दाहिनी तरफ से अलग समय पर गिरना शुरू करेगी। इस तरह से ड्रिप्स को स्टैगर करने से एनीमेशन ज़्यादा डायनामिक और रियलिस्टिक लगता है, जैसा कि असल में आइसक्रीम एक साथ नहीं बल्कि असमान रूप से पिघलती है। आख़िर में, हम मेन स्कूप की मेल्टिंग को एनीमेट करते हैं। इसके लिए हम “शेप ट्वीन” का इस्तेमाल करते हैं ताकि स्कूप धीरे-धीरे सिकुड़ता हुआ दिखे। सबसे पहले आइसक्रीम लेयर पर फ्रेम 150 पर F6 दबाकर एक कीफ्रेम इंसर्ट करते हैं। अब “सब सिलेक्शन टूल” का उपयोग करके वेक्टर नोड्स को एडजस्ट करते हैं ताकि स्कूप थोड़ा छोटा और डिफॉर्म्ड दिखे। जैसे-जैसे ज़्यादा आइसक्रीम पिघलती जाती है, स्कूप खुद छोटा होने लगता है और अपनी मूल आकृति खो देता है। समय के साथ यह और अधिक अनियमित होता जाता है, जब तक कि लगभग पूरी तरह पिघल न जाए। इस ग्रेजुअल बदलाव को बहुत ध्यान से एनीमेट करना चाहिए ताकि यह नैचुरल लगे। मेल्टिंग इफेक्ट को स्मूद बनाने के लिए, हम फ्रेम 100 पर F6 दबाकर एक कीफ्रेम ऐड करते हैं। फिर बीच के कीफ्रेम्स को सेलेक्ट करके राइट क्लिक करते हैं और “Create Shape Tween” चुनते हैं। अब शेप धीरे-धीरे बदलती है, लेकिन यह थोड़ा डिस्टॉर्टेड लग सकती है। इसे ठीक करने के लिए हम “शेप हिंट्स” का उपयोग करते हैं। Control + Shift + H दबाकर हिंट्स A और B ऐड करते हैं, और उन्हें स्कूप के विपरीत कोनों पर रखते हैं — हिंट B दाहिनी तरफ और हिंट A बाईं तरफ। फ्रेम 150 पर फिर से इन हिंट्स को उसी जगह पर रखते हैं जहाँ पहले रखे थे। अब जब सारे एलिमेंट्स अपनी जगह पर हैं, हमारी मेल्टिंग आइसक्रीम एनीमेशन पूरी तरह तैयार है। ड्रिप्स नैचुरली गिर रही हैं, स्कूप धीरे-धीरे सिकुड़ रहा है, और हाइलाइट्स डेप्थ ऐड कर रही हैं जिससे यह और रियलिस्टिक दिखे। इन टेक्निक्स का अभ्यास करते रहें ताकि आपकी एनीमेशन स्किल्स और बेहतर होती जाएँ। देखने के लिए धन्यवाद — एनीमेट करते रहिए, और अगले ट्यूटोरियल में मिलते हैं।

▶ Watch Video Tutorial

Related Lessons

Free Course Blog

📚 Free Course Blog

Class 1. Course Introduction
Class 2. Adobe Animate CC software information
Class 3. Tools-and-properties-part-1
Class 4.Tools and properties.
Class 5. Gradient tool
Class 6. Timeline
Class 7. Properties tab
Class 8. Layers
Class 9. Groups and symbols
Class 10. Types of symbols
Class 11. Types of tweens
Class 12. Masking tools
Class 13. Motion guide
Class 14. Camera tool
Class 15. Nature BG vector and rigging
Class 16. Animation principles squash and stretch.
Class 17. Anticipation arc.
Class 18. Staging.
Class 19. Slow in and Slow out.
Class 20. Straight ahead and Pose to Pose.
Class 21. Exaggeration solid drawing.
Class 22. Text animation.
Class 23. Image animations and transitions.
Class 24. Rorating ball animation.
Class 25.Animate water in photo.
Class 26. Car shine effect animation.
Class 27. Windmill animation.
Class 28. Alarm clock animation.
Class 29. Ceiling fan animation.
Class 30. Rotating globe animation.
Class 31. Sunrise animation.
Class 32. Car animation with BG pan.
Class 33. Butterfly Animation.
Class 34. Halloween pumpkin glowing animation.
Class 35. BG parallax animation.
Class 36. Box animation.
Class 37. Waving flag animation using shape teeen.
Class 38. Worm walk animation.
Class 39. Pot breaking animation.
Class 40. Skiing man animation.
Class 41. Fluttering flag animation.
Class 42. Bursting bubbles animation.
Class 43. Melting Ice-cream animation.
Class 44. Coin rotation animation.
Class 45. Hanging shirt in wind animation.
Class 46. Flying bird animation.
Class 47. Export animation as image or video.
Class 48. Candle flame animation.
Class 49. Campfire animation.
Class 50. Smoke animation.
Class 51. Sea wave animation.
Class 52. Rain animation.
Class 53. Hosepipe animation.
Class 54. Fountain animation.
Class 55. Waterfall animation.
Class 56. Bubbles animation.
Class 57. Glowing sun animation.
Class 58. Lightning animation.
Class 59. Sword gleam animation.
Class 60. Jewelry glint animation.
Class 61. Window glass crack animation.
Class 62. Lightning and rain animation.
Class 63. Ripples and splash ( Part 1 ).
Class 64. Ripples and splash ( Part 2 ).
Class 65. Explosion ( Part 1 ).
Class 66. Explosion ( Part 2 ).
Class 67. Explosion ( part 3 ).
Class 68. Box animation.
Class 69. Building animation.
Class 70. Rotating globe animation.
Class 71. Character front dissection and rigging dvance.
Class 72. Character 3 4th front dissection and rigging.
Class 73. Llips drawing front.
Class 74. Facial expressions drawing.
Class 75. Animate character eye blink.
Class 76. Animate character dialogue with lip-sync.
Class 77. Animate character hand gestures.
Class 78. Animate character facial expressions.
Class 79. Animate character head turn.
Class 80. Character profile view walk side angle.
Class 81. Character 3-4th angle walk.
Class 82. Character profile view run side angle.
Class 83. Character 3-4th angle run.
Class 84. Introduction to bone tool.
Class 85. Happy walk (part 01 ).
Class 86. Happy walk ( part 02 ).
Class 87. Happy walk ( part 03 ).
Class 88. Sad walk ( part 01 ).
Class 89.Sad walk ( part 02 ).
Class 90. Sad walk ( part 03 ).
Class 91. Angry walk ( part 01 ).
Class 92. Angry walk ( part 02 ).
Class 93. Angry walk ( part 03 ).
Class 94. Sneak walk ( part 01 ).
Class 95. Sneak walk ( part 02 ).
Class 96. Sneak walk ( part 03 ).
Class 97. Dreamy walk ( part 01 ).
Class 98. Dreamy walk ( part 02 )
Class 99. Dreamy walk ( part 03 ).
Class 100. Smug walk ( part 01 ).
Class 101. Smug walk ( part 02 ).
Class 102. Smug walk ( part 03 ).
Class 103. Scared walk ( part 01 ).
Class 104. Scared walk ( part 02 ).
Class 105. Scared walk ( part 03 ).
Class 106. Happy walk 3-4th-angle.
Class 107. Sad walk 3-4th angle.
Class 108. Angry walk 3-4th angle.
Class 109. Sneak walk 3-4th angle.
Class 110. Dreamy walk 3-4th angle.
Class 111. Smug walk 3-4th angle.
Class 112. Scared walk 3-4th angle.
Class 113. Scared run profile.
Class 114. Tip toe run profile.
Class 115. Jog profile.
Class 116. Scared run 3-4th.
Class 117. Tip toe run 3-4th.
Class 118. Jog 3-4th.
Class 119. Horse walk part-01.
Class 120. Horse walk part-02.
Class 121. Horse-trot.
Class 122. Dog walk part-01.
Class 123. Dog walk part-02.
Class 124. Cat walk part-01.
Class 125. Cat walk part-02.
Class 126. Camel walk.
Class 127. Grizzly bear walk.
Class 128. Mouse walk.
Class 129. Horse gallop.
Class 130. Lioness run.
Class 131. Grizzly bear run.
Class 132.
Class 133.