Class 65. Explosion Part 1

Class 65. Explosion Part 1

▶ Watch Video Tutorial

In this set of tutorials we are going to animate an explosion.There are going to be 3 parts to this tutorial. Welcome to Part 1.We are not only going to use the technique in Adobe Animate, but we are also going to use a whole lot of key drawings done in the traditional way to get a good explosion effect. In this part, we are going to animate a lit bomb with a spark on its Wick. As you can see, we have 3 layers here. We have background with a gradient which we call PG. We have a layer named wig and the topmost layer is the bomb.You will notice that we have extended our timeline 100 frames.They've done this by selecting frame 100 and using F5 to add frames. We will now add a new layer four and call it sparks. let's Quickly animate for the sparks.We go to frame one and start drawing the spark as seen in the video. We use the brush tool for this, for which the shortcut is B.We've added a yellow fill to it by using the paint bucket tool, the shortcut for which is K. We now select the spark shape and convert it to a symbol using F8 and call it Spark. Next we enter the symbol by double clicking on the spark shape. We then select frame 3 and add a black keyframe using F7. Please draw the keyframe as seen in the video.We now select frame 4 and add a frame using F5. Then we exit the symbol by clicking on the Scene 1 tab as seen in the video. Let's do a quick preview by pressing the Enter key. We'll notice that the spark is animated now. We now add keyframe on frame 10 using F6. We add another keyframe on frame 25. We now zoom in a little on the bomb and move the spark down on frame 25. Please see the video for clear position.We then select few frames randomly between frame 10 and 25. 😘 Now click on Anyone and choose Create Classic Tween from the drop down menu. We then add a blank keyframe on frame 27 using F7.Next, we go to Filters, which is on the tab at the right of our work area. It's in Properties, frame Filters, and we choose Glow from the drop down menu as seen in the video. There we choose yellow from the color box. We keep the quality at high and the value for the X&Y axis will be 30.A quick preview by pressing the enter key will show us the glow added to our animation. We add a new layer above the Wick layer and we call it mask.We now hide the spark layer and also the bomb layer. We now draw a rectangle on the mask layer using the rectangle tool. The shortcut for which is are. Then we delete the outline and then using the selection tool the shortcut is V We modify the shape of our newly created rectangle so that it matches the shape of the Wick exactly as seen in the video. Remember to switch off the snap tool object tool so it will be easier to modify the shape of the rectangle.Please see the video to locate it. We now move the first keyframe on the mask layer to 10th frame on the same layer as seen in the video. We then add a keyframe on frame 25 on the same layer as seen in the video again.Then we select some frames between frame 10 and frame 25 at random, right click and choose the Create Shape tween from the menu that shows.You will notice that our mask shape is animated, but it still needs to be refined to match the shape with the Wick. So we add a keyframe on frame 17 and we modify the shape of the mask using the selection tool as seen in the video. We now right click on the mask layer and choose mask from the drop down menu. 😘 You will notice that the Wick is being whipped out in the preview.We now zoom out and unhide the layers.We add a new layer 6 on top of the bomb layer and we hide the spark layer. Then we add a keyframe at frame 10 and we draw a rectangle again using the rectangle tool. The shortcut is R We change the colour of the rectangle to dark grey. Please see the video to locate the colour box. And we modify the shape of the rectangle to match the shape of the Wick exactly as we've done earlier.We now lock all the layers and do a quick preview of our animation. You will notice that when the spark moves down the wake we see a burnt Wick in the end. So we call the new layer 6 burnt Wick. This looks like we are doing OK. Next we add a new layer on top of the burnt Wick layer and call it BG two. We go to frame 35 and add a keyframe there using F6 and we import a new background from the library. Shortcut is control L The file we import is called Explosion under score Hole in the ground. You will be able to track all this in the video. Once This background file is imported to our work area. We position it as seen in the video and we lock the layer called BG 2.Once this background is positioned, we add a blank keyframe at frame 35 on the bomb layer. We do the exact same process for all the other layers as seen in the video.




इस ट्यूटोरियल सेट में हम एक explosion animate करने जा रहे हैं। यह ट्यूटोरियल कुल 3 पार्ट में होगा। पार्ट 1 में आपका स्वागत है। हम Adobe Animate की technique के साथ-साथ traditional तरीके से बनाए हुए key drawings भी use करने वाले हैं ताकि explosion का अच्छा effect मिले। इस पार्ट में हम एक जलता हुआ बम animate करेंगे जिसकी wick पर spark होगा। जैसा कि आप देख सकते हैं, हमारे पास यहाँ 3 layers हैं। एक background layer है जिसमें gradient है जिसे हम BG कहते हैं। एक layer wick नाम से है और सबसे ऊपर वाली layer bomb है। आप notice करेंगे कि हमने अपनी timeline को 100 frames तक extend किया हुआ है। यह हमने frame 100 select करके और F5 दबाकर किया है। अब हम एक नया layer 4 add करते हैं और इसे sparks कहते हैं। अब जल्दी से spark animate करते हैं। हम frame 1 पर जाते हैं और वीडियो में दिखाई अनुसार spark draw करना शुरू करते हैं। इसके लिए हम brush tool का इस्तेमाल करते हैं, जिसका shortcut B है। हमने इसमें paint bucket tool K का इस्तेमाल करके yellow fill add किया है। अब हम spark shape select करते हैं और इसे symbol में convert करते हैं, shortcut F8, और इसे Spark नाम देते हैं। अब हम spark shape पर double click करके symbol के अंदर enter करते हैं। हम frame 3 select करते हैं और F7 दबाकर blank keyframe add करते हैं। कृपया वीडियो में दिखाए अनुसार keyframe draw करें। अब हम frame 4 select करते हैं और F5 से एक frame add करते हैं। फिर हम Scene 1 tab पर click करके symbol से बाहर आते हैं। अब Enter दबाकर एक quick preview देखते हैं। हम notice करेंगे कि spark अब animate हो रहा है। अब हम frame 10 पर F6 से एक keyframe add करते हैं। हम frame 25 पर भी एक और keyframe add करते हैं। अब हम bomb पर थोड़ा zoom करते हैं और frame 25 पर spark को नीचे move करते हैं। कृपया position के लिए वीडियो देखें। फिर हम frame 10 और 25 के बीच के कुछ random frames select करते हैं। 😘 अब हम किसी भी frame पर क्लिक करते हैं और drop down menu से Create Classic Tween चुनते हैं। फिर हम frame 27 पर जाकर F7 से एक blank keyframe add करते हैं। अब हम Filters में जाते हैं, जो हमारे work area के दाईं तरफ Properties → Frame Filters में होता है। हम drop down menu से Glow चुनते हैं जैसा कि वीडियो में दिखाया गया है। वहाँ हम color box से yellow चुनते हैं। हम quality को high रखते हैं और X & Y axis की value 30 रखते हैं। Enter दबाकर एक quick preview लेने पर हमें animation में glow नज़र आएगा। अब हम Wick layer के ऊपर एक नया layer add करते हैं और उसे mask कहते हैं। हम spark layer और bomb layer को hide कर देते हैं। अब हम mask layer पर rectangle tool (shortcut R) से एक rectangle draw करते हैं। फिर हम उसका outline delete कर देते हैं और selection tool (shortcut V) से rectangle की shape modify करते हैं ताकि वह Wick की shape से exactly match हो, जैसा वीडियो में दिखाया गया है। ध्यान रखें कि snap tool object tool को off कर दें, ताकि rectangle modify करना आसान हो सके। वीडियो देखकर snap tool की location समझें। हम mask layer के पहले keyframe को drag करके 10th frame पर ले जाते हैं, जैसा वीडियो में दिखाया गया है। फिर हम frame 25 पर एक और keyframe add करते हैं, उसी layer पर। अब हम frame 10 और frame 25 के बीच के कुछ random frames select करते हैं, right click करते हैं और menu से Create Shape Tween चुनते हैं। आप notice करेंगे कि mask shape animate हो गया है, लेकिन Wick की shape से बिल्कुल match नहीं हो रहा। इसलिए हम frame 17 पर एक keyframe add करते हैं और selection tool से mask की shape modify करते हैं, जैसा वीडियो में दिखाया गया है। अब हम mask layer पर right click करते हैं और drop down menu से Mask चुनते हैं। 😘 आप notice करेंगे कि preview में Wick whip होती हुई दिखाई दे रही है। अब हम zoom out करते हैं और सभी layers को unhide करते हैं। हम bomb layer के ऊपर एक नया layer 6 add करते हैं और spark layer को hide कर देते हैं। फिर हम frame 10 पर एक keyframe add करते हैं और rectangle tool (shortcut R) से दोबारा rectangle draw करते हैं। हम rectangle का colour dark grey कर देते हैं। वीडियो में colour box की location देख सकते हैं। और हम rectangle की shape modify करते हैं ताकि Wick की shape से exactly match हो, जैसा हमने पहले किया था। अब हम सभी layers को lock करते हैं और animation का quick preview लेते हैं। आप notice करेंगे कि जैसे ही spark Wick पर move करता है, अंत में हमें एक burnt हुई Wick दिखाई देती है। इसलिए हम नए layer 6 को burnt Wick कहते हैं। ये देखकर लगता है कि हम ठीक जा रहे हैं। अब हम burnt Wick layer के ऊपर एक नया layer add करते हैं और उसे BG 2 कहते हैं। हम frame 35 पर जाकर F6 से एक keyframe add करते हैं और library से नया background import करते हैं। shortcut है Control + L जो file हम import करते हैं उसका नाम Explosion_Hole in the ground है। वीडियो में आप इसे clearly track कर पाएंगे। जब ये background file हमारे work area में import हो जाती है, हम इसे वीडियो में दिखाई गई position के अनुसार place करते हैं और BG 2 नाम के layer को lock कर देते हैं। इस background को position करने के बाद, हम bomb layer पर frame 35 पर एक blank keyframe add करते हैं। हम बिल्कुल यही process बाक़ी सभी layers पर भी करते हैं, जैसा वीडियो में दिखाया गया है।

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