Open In App

How to Create Rain Animation in Flash?

Last Updated : 24 Feb, 2022
Improve
Improve
Like Article
Like
Save
Share
Report

Flash is a 2D animation software that can be used on different operating systems like macOS, Windows, Linux, etc. It was first launched in 1996 and the latest version is released in 2021. It is capable of different functionalities like masking, character tracing, lip-sync, motion and shape tweening, frame by frame animations, etc. The animations created in Flash are vector-based rather than pixel animations which can only be zoomed to a certain level but this is not the case with vector-based animations so they provide high-quality animations.

Rain Animation

Rain animation is often used in scenes of movies or any story so we will animate rain by using one of the most simple methods. We will create the complete rain effect just with the help of a single raindrop so this method saves a lot of time.

Follow the below steps to create Rain Animation:

Step 1: Create a new project in flash.

Creating-New-Project

Step 2: Select the Oval tool and draw a circle on the stage.

Use-Oval-Tool-to-create-shape

Step 3: Now select the outline of the circle by double-clicking on it and deleting it by pressing the delete key on the keyboard.

Removing-outline-of-the-shape

Step 4: Now using the selection tool and free transform tool, make the shape of the raindrop.

Use-transform-tool-to-create-rain-shape

Step 5: Now minimize the size of the drop using the free transform tool and increase the length of the narrow side.

Transform-the-shape-using-Transform-Tool

Step 6: Now convert this drop into the symbol by right-clicking on it and choosing convert to symbol from the appeared list.

Convert-shape-to-symbol

Step 7: Next screen will appear, choose Graphic in the type field and click OK.

Choose-Symbol-Type

Step 8: Now double click on the drop to go inside the symbol.

Double-Click-to-Edit-Drop

Step 9: Here again convert it into a symbol by right-clicking on it and choosing Convert to Symbol option.

Convert-shape-to-symbol

Step 10: Now we will place it outside the work area.

Change-Drop-Position

Step 11: Now we will select frame 10 and insert a new keyframe by pressing F6 and placing the drop at the bottom of the stage.

Adding-new-keyframe

Step 12: Now select a middle frame and add motion tween by right-clicking on the frame and choose Create Motion Tween option from the appeared list.

Create-Motion-Tween

Step 13: Motion tween has been applied

Motion-Tween-applied-Successfully

Step 14: Now double click to come out of the symbol to the main screen. Select frame 10 and insert a keyframe by pressing F6.

Insert-another-keyframe

Step 15: Now make multiple copies of the raindrop and place them randomly.

Create-multiple-copies-of-Raindrop

Step 16: Select all the raindrops and convert them to a symbol.

Convert-all-shapes-to-symbols

Step 17: Now double click on the symbol to enter into it and select frame 10 to insert a new frame by pressing the F5 key.

Insert-New-Frames-in-Symbols

Step 18: Now double click again to come back to the main screen and copy the raindrops and use the paste in place option.

Paste-all-drops-in-main-screen

Step 19: Now change the timings from the properties panel by placing 5 in the looping option.

Change-Loop-Properties

Step 20: Now again use the paste in place option and in looping use 3 in the option. Continuous rain effects will be visible.

Use-the-Paste-in-Place-option

Step 21: Now change the position of alternate layers, some to left and some to right to give a more realistic feel.

Add-alternate-layers-at-different-positions

Step 22: Now change the dropped colour to white.

Change-color-of-drops

Step 23: Now change the stage colour to light blue.

Change-stage-color-for-effect

Congratulations your Rain animation is ready press Ctrl + Enter.

Here is the output video of Rain Animation.



Like Article
Suggest improvement
Share your thoughts in the comments

Similar Reads