Oct
24th

Part (I): Create Rain Drop Effect In Flash

Files under Flash & Actionscript | 2,530 views

In this simple but detailed tutorial, you will learn how to create rain effect using Flash without Actionscript. Besides that, you will also learn how to create an ellipse and how to use Line Tool.

I thought it would be a great idea to have a layer of realistic looking rain in a flash movie but I have fairly limited knowledge of writing Actionscript. So, I will use this method to achieve what I desire.

Step 1: Start a new project with dimension of 200 X 150 pixels, set the frame rate at 30fps and go to properties panel set the background color #3399cc.

rain_effect

Step 2: Create a new layer and name it raindrop.

rain_effect

Step 3: Select the Line Tool, go to the Properties Panel (Ctrl+F3) below the stage and set the following attributes:

i) For Line color choose #000000
ii) Choose Solid as type of your line, with thickness set to 1.

rain_effect

Then, draw a “line” and place it on the stage.

Step 4: Select the “line”, and then press F8 key to convert it into a Movie Clip or you can right click on the “line” and convert to symbol. After that, double click on the movie clip. You should now be inside the movie clip.

rain_effect

Step 5: Select the “line” again, press F8 key to convert it into a Graphic.

rain_effect

Step 6: Click on frame 10 and press F6 key to insert the keyframe. After that, move the “line” and place it on other position like this.

rain_effect

Step 7: Right click anywhere on the gray area between the 2 keyframes on the timeline and choose Create Motion Tween.

rain_effect



One Response to “Part (I): Create Rain Drop Effect In Flash”

  1. By Jayce on Oct 30, 2009 | Reply

    Nice nice. Never play around with Flash. Going to try it out. ;)

Post a Comment

| 2,530 views