Class 45. Hanging Shirt In Wind Animation

Class 45. Hanging Shirt In Wind Animation

▶ Watch Video Tutorial

Hello students, in this video we are going to animate a hanging shirt blowing in the wind. We'll create a smooth natural movement as if the shirt is swaying while hanging on a rope. So let's start animating.We will begin by drawing the first keyframe of the shirt. This is the rough sketching stage, so we don't need to worry about making perfect lines at this stage. The goal is to establish the primary shape and movement of the shirt.Since this is a hand drawn frame by frame animation, we will refine these rough sketches later on a separate layer.For now, focus on the general shape of the shirt and how it might behave in the wind.Imagine how fabric reacts to airflow. It bends, twists and flutters naturally. A good reference is watching clothes hanging on a clothesline in real life, or checking slow motion footage of fabric blowing in the wind.We will display each keyframe for 2 frames to maintain a fluid motion.Once the first drawing is done, we will add a blank keyframe every second frame using F7 and start animating the motion of the shirt.We will be adding our drawings on frames 1, 3, 5, 7, 9 and 11 on the timeline.For this animation we are following The straight ahead principle of animation.This means that we are drawing each frame one after another, rather than setting key poses first and filling in the in betweens later.Straight ahead animation is great for organic movements like wind, water or fire because it allows for a more natural flow in motion.Now let's think about how a shirt behaves when it is hanging in the wind. It doesn't move in a perfectly repetitive cycle. Instead, it reacts to changes in wind speed, direction, and resistance from the fabric itself. 😘 To capture this natural feel, we add slight variations in each frame. As we draw, we should keep a few key things in mind. Fabric movement. The wind causes different parts of the shirt to move at different times.The edges and sleeves will often react more to the wind than the center.Overlapping motion.Different parts of the shirt won't move at the same time. For example, if the bottom of the shirt moves first, the top might follow with a slight delay.Secondary motion elements like folds and creases in the fabric will shift and change as the shirt moves. With these principles in mind, we continue drawing each new keyframe by slightly adjusting the shirts shape based on the wind's effect.We can exaggerate the motion in some frames to create a more dramatic and appealing movement. Watch the video carefully and follow the steps. Once we complete all our rough key frames, we go ahead and play the animation to see how it looks. If anything feels off, we can adjust our frames before moving to the next step.To move forward, we will reduce the opacity of the rough animation layer by bringing its alpha down to 12. Then we create a new layer above it to start the cleanup process. For the cleanup, we trace over our rough frames using a single smooth line.This step refines the movement and gives the animation a polished look.When tracing, make sure to keep the thickness of the lines consistent and follow the natural flow of the fabrics movement. If you want, you can also make slight adjustments to improve the motion while tracing.The goal is to maintain the same fluidity while ensuring the lines are neat and clear.Now that our clean up is done, you can also add color to the shirt and include a simple background to enhance the scene. A gentle sky gradient or some subtle details like a rope and clothespins can make the animation look even more appealing.And that's it. We have successfully animated a hanging shirt blowing in the wind using frame by Frame animation in Adobe Animate. By following the straight ahead principle, we've achieved a natural and organic motion. Hope you found this tutorial helpful. Thanks for watching. हेलो स्टूडेंट्स, इस वीडियो में हम एक हवा में लटकती हुई शर्ट को एनिमेट करने जा रहे हैं। हम ऐसा smooth और natural movement बनाएँगे, जैसे शर्ट रस्सी पर टंगी हुई हवा में धीरे-धीरे झूल रही हो। तो चलिए शुरू करते हैं animating करना। सबसे पहले हम शर्ट का पहला keyframe draw करेंगे। यह rough sketching stage है, इसलिए इस समय perfect lines बनाने की ज़रूरत नहीं है। इस stage का main goal है शर्ट का primary shape और उसकी movement को establish करना। क्योंकि यह एक hand-drawn frame-by-frame animation है, हम इन rough sketches को बाद में एक अलग layer पर refine करेंगे। अभी के लिए ध्यान दो शर्ट के overall shape पर और इस बात पर कि हवा में वो कैसे behave करेगी। सोचो कि हवा लगने पर कपड़ा कैसे react करता है — वो मुड़ता है, twist होता है और हल्के से flutter करता है। एक अच्छा reference है real life में कपड़े को clothesline पर हवा में उड़ते हुए देखना, या फिर slow motion footage देखना जहाँ कपड़ा हवा में sway कर रहा हो। हम हर keyframe को 2 frames तक display करेंगे ताकि motion fluid और smooth दिखे। जब पहला drawing तैयार हो जाए, तो हम हर दूसरे frame पर blank keyframe (F7) add करेंगे और शर्ट के motion को animate करना शुरू करेंगे। हम timeline पर drawings add करेंगे frames 1, 3, 5, 7, 9 और 11 पर। इस animation के लिए हम “Straight Ahead Principle of Animation” follow कर रहे हैं। इसका मतलब है कि हम हर frame को एक के बाद एक draw करेंगे, ना कि पहले key poses बनाकर बाद में in-betweens भरेंगे। Straight ahead animation उन organic movements के लिए बहुत अच्छा होता है जैसे हवा, पानी या आग, क्योंकि ये motion को ज़्यादा natural और continuous flow देता है। अब सोचो कि हवा में लटकती हुई शर्ट कैसी behave करती है — वो perfectly repetitive तरीके से नहीं हिलती। बल्कि, वो हवा की speed, direction, और fabric की resistance के हिसाब से अलग-अलग react करती है। 😘 इस natural feel को capture करने के लिए हम हर frame में हल्के-फुल्के variations add करेंगे। जब हम draw करते हैं, तो हमें कुछ बातें ध्यान में रखनी चाहिए — हवा की वजह से शर्ट के अलग-अलग हिस्से अलग समय पर move करते हैं, खासकर edges और sleeves ज़्यादा react करते हैं जबकि बीच का हिस्सा थोड़ा stable रहता है। शर्ट के सभी हिस्से एक साथ नहीं हिलते, जैसे अगर नीचे वाला हिस्सा पहले हिले तो ऊपर का हिस्सा थोड़ी देरी से follow करेगा। इसके अलावा, folds और creases भी movement के साथ बदलते रहते हैं। इन principles को ध्यान में रखते हुए, हम हर नए keyframe को हवा के असर के हिसाब से थोड़ा-थोड़ा adjust करते हुए draw करेंगे। कुछ frames में हम motion को थोड़ा exaggerate कर सकते हैं ताकि movement और dramatic और appealing लगे। सारे rough keyframes तैयार हो जाने के बाद animation को play करके देखें, अगर कुछ off लगे तो frames को adjust कर लें। फिर हम rough animation layer की opacity कम करेंगे, इसकी alpha value लगभग 12 तक घटाकर उसके ऊपर एक नई layer बनाएँगे ताकि cleanup process शुरू किया जा सके। Cleanup में हम rough frames को एक smooth continuous line से trace करेंगे, जिससे animation refined और polished दिखे। tracing करते समय lines की thickness consistent रखें और fabric के natural movement के flow को follow करें। अगर ज़रूरत हो तो tracing के दौरान थोड़े सुधार भी कर सकते हैं ताकि motion और smooth लगे। Cleanup पूरा हो जाने के बाद आप शर्ट में color add कर सकते हैं और background में simple details जैसे हल्का sky gradient, या फिर rope और clothespins जोड़ सकते हैं ताकि animation और आकर्षक लगे। और बस! हमने सफलतापूर्वक एक हवा में लहराती हुई लटकती शर्ट को frame-by-frame animation के ज़रिए Adobe Animate में बना लिया है। Straight Ahead Principle को follow करके हमने एक natural और organic motion हासिल किया है। उम्मीद है आपको यह tutorial helpful लगा होगा। Thanks for watching, और मिलते हैं अगले tutorial में!

▶ 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.