You will find here computer tips, android smartphone tips and articles on spiritual based lifestyle.

Rain and Thunder – flash animation

No comments
This lesson will guide you to easily learn an animation of rain and thunder. We will proceed through a number of steps so that we can make our task into small parts. Adobe Flash CS6 and Macromedia Flash 8 Pro are mainly the same type of application of different software corporation.
We can make attractive flash animations through macromedia flash 8 pro. Just we need to apply our common sense. To develop our artistic sense we should see our surroundings and watch what happens around us.
However we are now going to our task. First open macromedia flash 8.


Step 1. Click on flash document. (To see the screenshot go to the previous post)

The stage will appear now. Draw a picture.
You can also import any picture from your document. Click on File menu > Import > Import to stage and then select a picture to insert on the stage. Then click Ok.


Picture of a House
Picture of a House


Step 2. Click on the layer button to create a new layer (or Click Insert menu > Timeline > Layer).


Insert a New layer
Insert a New layer

Insert a Keyframe to the Layer
Insert a Keyframe to the Layer

Select the Line tool from the tool box. Then draw a little line diagonally at top of the stage to indicate the rain drop. Click on the frame no 25 and click right button and select the Insert Keyframe (or press F6). Select some frames between the two keyframes. Click right button and click on Create Motion Tween. Select the last keyframe (frame no 30) and now place the line drawing at the bottom of the stage.

Again Create a New Layer and insert a keyframe (15)
Again Create a New Layer and insert a keyframe (15)

Insert e keyframe (40) to the Layer
Insert e keyframe (40) to the Layer

Again create a new layer and select frame no 15 and insert a keyframe and draw a line diagonally. Then select frame no 40 and click right button and select Insert keyframe. Select some frames between two keyframes and click right button and select Create Motion Tween. Now select the last keyframe (frame no 40) and then move the line at the bottom.


Properties Window
Properties Window

Then click on the Selection Tool and click on the shape. Now from the Properties window bellow select the color and choose the Alpha option. Set the alpha 25%.
Again create new layer and insert a keyframe after a few frames so that the rain falls after some time one by one. Follow Step – 2 to create new layers for rain drops.

Rain drop Layer
Rain drop Layer

Step – 3. Select the layer no 2 and create a new layer. Select the frame no 25 i.e. where the rain drop ends in the previous frame and insert a keyframe. As a result when the rain drops on the ground the oval will appear.

Draw oval
Draw oval

Select the Oval tool and draw a oval.
Now select a frame (frame no 40) and insert keyframe. Select some frames between the keyframes and create motion tween.

Enlarge the Oval
Enlarge the Oval

Now select the last keyframe and enlarge the oval a little bit. To enlarge the oval select the Free Transform tool and click on the shape and then click and drag the mouse pointer. Then click on the Selection Tool and click on the shape.
Now from the Properties window bellow select the color and choose the Alpha option. Set the alpha 25%.
Again select a layer in which rain has been drawn and create a new layer above this layer and select and insert a keyframe where the rain drop ends in the previous layer. Do the same as earlier.

Stroke Color and Fill Color
Stroke Color and Fill Color

Draw Cloud
Draw Cloud


Step 4. Create a new layer. Select Oval tool from Tool Box to draw a cloud. Click on the ‘stroke color’ and select ‘no color’. From Fill Color select a cloud like color. Now draw the cloud.

Insert a keyframe (10) and Create Motion Tween
Insert a keyframe (10) and Create Motion Tween

Select the frame no 10 and insert keyframe. Select some frames between the keyframes and create motion tween. Select the last keyframe and move the cloud inside the stage.


 Insert Keyframe (16 and 30) and Create motion tween
 Insert Keyframe (16 and 30) and Create motion tween

Select the frame no 16 and insert a keyframe. Select frame no 30 and insert keyframe. Select frames between 16 and 30 and create motion tween.
Select frame no 36 and insert a keyframe and select frame no 50 to insert the keyframe. Now select frames between 36 and 50 and create motion tween.
Step – 5. Create a new layer. This layer is for thunder. Rename this layer Thunder (double click on the layer name).

Draw thunder
Draw thunder

Insert a keyframe on frame no 10. Now select Pencil Tool and draw a thunder-like curve a little. In the next frame insert a keyframe again and draw the curve more. Again insert the keyframe and draw the curve. Draw this curve within four frames.

Make a movie clip and Give effect
Make a movie clip and Give effect

Insert a keyframe (frame no 16) after three frames. Take the Selection Tool and select the thunder. Before this lock the down layer (select the layer and click on the place where the lock button is above) so that other objects are not selected. Click right button and select Convert to Symbol >Movie Clip > Ok. After the task is done unlock the layer by clicking on the lock button of the layer.
Go to Filter window and click on Plus button and select the Glow effect. Set the Strength 250% and Blur 20%.
Select next frame (17) and click right button and click on Insert Blank Keyframe.
Take a keyframe (30) and do the same as in Step -4.
Now save the project. File > Save > Give a name > Ok.
Press Ctrl and Enter keys together to play the animation.
Tips: To remove the keyframe click right button and select Clear Keyframe and to remove the frames click right button and select Remove Frames.

If you feel any difficulty post your comment bellow.

No comments :

Post a Comment