Class 63. Ripples And Splash Part 1

Class 63. Ripples And Splash Part 1

▶ Watch Video Tutorial

In this tutorial we learn to animate splash and ripples. We are going to split this tutorial in two parts. In the first part, we are going to animate a Pebble being thrown into the water which results in a tiny splash. We will animate ripples caused by the Pebble which was thrown into the water in Part 2. Now let's see what we already have. We have a background ready. Our background is named and placed under the animation layer.We've pre animated the Pebble being thrown into the water. We have two layers for that. One is the Pebble animation layer and the second is the guide for the Pebble. Now we start by creating a new layer and call it splash. We follow by going to frame 20 and adding a keyframe there by using F6. We have chosen frame 20 because a Pebble hits the surface of water at that frame and that's where our splash animation will begin. Now using the shortcut B, which is for the brush tool, we start drawing the keyframes of our splash just as seen in the video. See the video to locate the brush settings. There on the tab to the right in Properties, Tool, Classic Brush Options, Size and Keep the size 6. 😘 Next, we start drawing the keyframes of our splash as seen in the video.We now go to frame 22 and using F7 we add a blank keyframe. We then turn on the onion skin button. Please see the video to locate this and how we are going to use the onion skin to draw the next key drawings for our splash. Once the key on the frame 22 is drawn, we move to the frame 24 and add a blank keyframe using F7 and start drawing our next key drawing. We are going to have each of our drawings see for 2 frames. In traditional animation this is called keeping your animation on twos. Our next key drawing will be on frame 26. So we go to frame 26, add a blank keyframe using F7 and start drawing again. The next drawing will be on frame 28 with the same process of adding a blank keyframe. Please keep up with the video to refer to the drawings of the splash. We will keep adding a new drawing every another frame till frame 34. Once all our drawings for the splash are done, we go back and add some details like highlights and shadows to each drawing for the splash. We can now see that our splash looks like by pressing the enter key.It seems to be working well. We will now move to the second part of this tutorial where we will animate ripples caused by our splash.




ट्युटोरियल में हम splash और ripples को animate करना सीखते हैं। हम इस ट्युटोरियल को दो parts में divide करने वाले हैं। पहले part में, हम पानी में फेंके गए एक Pebble से बनने वाला छोटा सा splash animate करेंगे। हम दूसरे part में Pebble से बने हुए ripples को animate करेंगे। अब देखते हैं हमारे पास पहले से क्या मौजूद है। हमारा background तैयार है। हमारा background animate layer के नीचे रखा और नामित है। हमने पानी में फेंके जाने वाले Pebble की animation पहले से कर रखी है। इसके लिए दो layers हैं। एक Pebble animation layer और दूसरी Pebble की guide layer है। अब हम एक नया layer create करते हैं और उसे splash कहते हैं। इसके बाद हम frame 20 पर जाते हैं और F6 दबाकर एक keyframe add करते हैं। हमने frame 20 इसलिए चुना है क्योंकि Pebble उसी frame पर पानी की सतह को hit करता है और वहीं से हमारा splash animation शुरू होगा। अब brush tool का shortcut B use करते हुए हम splash के keyframes draw करते हैं जैसा वीडियो में दिखाया गया है। Brush settings देखने के लिए वीडियो देखें। Brush settings दाईं तरफ प्रॉपर्टीज, फिर Tool, फिर Classic Brush Options, फिर Size में हैं. size को 6 रखें। 😘 अब हम वीडियो में दिखाए गए अनुसार splash के keyframes draw करना शुरू करते हैं। अब हम frame 22 पर जाते हैं और F7 दबाकर एक blank keyframe add करते हैं। फिर हम onion skin बटन ऑन करते हैं। कृपया वीडियो में देखें कि इसे कहाँ से ऑन करना है और हम onion skin का इस्तेमाल अगले key drawings draw करने में कैसे करेंगे। Frame 22 पर key drawing होने के बाद हम frame 24 पर जाते हैं और F7 दबाकर blank keyframe add करते हैं और अगला key drawing बनाना शुरू करते हैं। हम हर drawing को 2 frames तक देखेंगे। Traditional animation में इसे “keeping your animation on twos” कहा जाता है। अगला key drawing frame 26 पर होगा। तो हम frame 26 पर जाकर F7 दबाकर blank keyframe add करते हैं और फिर से drawing शुरू करते हैं। अगली drawing frame 28 पर इसी process के साथ blank keyframe add करके बनाई जाएगी। कृपया वीडियो के साथ-साथ splash की drawings के लिए reference देखते रहें। हम frame 34 तक हर दूसरे frame पर नई drawing add करते रहेंगे। Splash की सारी drawings बनने के बाद हम वापस जाकर हर drawing में highlights और shadows जैसे details add करते हैं। अब हम enter key दबाकर अपना splash देख सकते हैं। यह ठीक से काम करता दिखाई दे रहा है। अब हम इस tutorial के दूसरे हिस्से की तरफ बढ़ेंगे, जहाँ हम अपने splash से बने हुए ripples को animate करेंगे।

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