Flash tutorials
Home 3D (2) Actionscripting (65) Animation (100) Audio (4) Drawing (7) Full flash sites (4) Getting Started (15) Navigation (25) Special Effects (52) Text Effects (38)

Elastic effect

20.9.2006, 22:5    Total views: 49994
In this lesson, You will see how to create elastic effect in flash using a lines shape and Line Tool (N). To create this lesson, you don't have to use Action Script. Using this lesson, you will also learn how to use Selection Tool (V) to create elastic shape, how to create Shape Tween and much more! Let's start!




Example:




Step 1

Create a new flash document, double click on layer 1 to rename its name into a background.



Step 2


Insert a new layer and name it elastic.



Step 3

Take the Line Tool (N), and draw a "Line" like it is shown on the picture below.



Step 4

Then, take the Selection Tool (V), and do like it is shown on the picture below.



Step 5

Click on the twentieth frame of layer background and press F5 on the keyboard (Frame).

Step 6

Click on the fifth frame of layer elastic and press F6 (Keyframe). After that, set your "Line" in this position:



Step 7

After that click on tenth frame, press F6 and set the "Line" in this position:



Step 8

Click on the fifteenth frame, press F6 and set the "Line" in this position:



Step 9

Then, click on the twentieth frame, press F6 and set the "Line" in this position:



Step 10

Select the elastic layer, open the Properties Panel (Ctrl+F3) and under Tween choose Shape.





We're done!

Have a nice day!

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: 221536

2. Water effect
Total views: 166041

3. Photo slide show
Total views: 153641

4. High-tech city animation
Total views: 151459

5. Special Picture Effect
Total views: 146247

Related links