Flash tutorials
Home 3D (2) Actionscripting (63) Animation (89) Audio (4) Drawing (7) Full flash sites (4) Getting Started (15) Navigation (25) Special Effects (50) Text Effects (17)

Defoliation animation

21.11.2006, 1:10    Total views: 48815

Using this thoroughly explained, detailed flash lesson, I will explain to you how to create advanced defoliation animation, using the action script code and some special flash tips and tricks. You can use this animation for some flash banner or some presentation. Using this lesson, you will also learn how to convert any object into a movie clip symbol, how to move frame 1 on frame 2 using the selection tool and drag and drop technique and much more! Let's start! 

Example:

Move your mouse over the tree!


 

Step 1

Create a new flash document and set Width to 300 and Height to 250px. Frame rate set to 12fps (Frames per Second).



Step 2


Double click on layer1 to rename its name in tree.

Step 3

Then, download my picture of tree.



Step 4

Insert a new layer and name it leaf.

Step 5

Using the flash tools for drawing, draw a "leaf" like it is shown on the picture below.



Step 6

Select the "leaf" and set it somewhere in "tree top".



Step 7

While your "leaf" is still selected, press F8 key (Convert to Symbol) to convert it into a Movie Clip.



Step 8

Double click on a new made Movie Clip, or choose right click and Edit in Place.

Step 9

While your "leaf" is still selected, press F8 key, to convert it into a Graphic Symbol.



Step 10

Using a drag and drop technique, move your frame1 on frame2. See the picture below.



Step 11

Click on frame 30, and press F6 again. Then, set the "leaf" on the postion like it is shown on the picture below.



Step 12

Go back on frame 2, and in Properties Panel under Tween choose Motion.

Step 13

Insert a new layer and name it Invisible Button.Then, click on the first frame and create a Invisible Button, and set it on the place where you have placed a "leaf" on frame 2. After that, select the Invisible Button, open the Action Script Panel (F9), and paste this script:

on (rollOver) {
gotoAndPlay(2);
}

Step 14

Insert a new layer and name it AS (Action Script). After that, click on the first frame, open the Action Script Panel, and paste this script:

stop();

Step 15

Click on frame 30 of layer AS and press F6. Then, in Action Script Panel, paste this script:

gotoAndStop(1);



Step 16

Repeat this process for every other "leaf" in an equivalent way.

We're done!

Bye!

Download source file (.fla)

Have questions about this tutorial?
Visit our friendly Community Forums!
Digg it! Add this tutorial to del.icio.us! Furl it! Add this tutorial to reddit! Spurl it! Add this tutorial to technorati!

Top tutorials

1. Advanced full flash site - Part 1
Total views: 204961

2. Water effect
Total views: 152104

3. High-tech city animation
Total views: 139544

4. Special Picture Effect
Total views: 138249

5. Photo slide show
Total views: 137797

Related links