Our Flash tutorials provide you with step-by-step instructions on how to create beautiful Flash animations and integrate them into your website.  Home Flash & Swish Flash Tutorials Staircase Effect

Staircase Effect


Step 1

Open a document and create a long thin rectangle above the stage. Make sure it stretches all the way across the width of the stage. Press F8 and convert it to a movie symbol. Double click this object to edit the movie symbol.

image 1

Step 2

Press F8 again and this time convert it to a graphic symbol. Now duplicate this rectangle 10 times and put them on their own layer. On frame 1 of layer 1, move the pivot point of the rectangle to the bottom left. Now make a keyframe at frame 20. Rotate the rectangle down all the way around until it is off to the left of the stage. See the picture.

image 2

Step 3

Do this for all of the frames but make sure to add 5 frames for each layer. For example, on layer 1 we added a keyframe on frame 20 and rotated. On layer 2 add a keyframe on frame 25 and rotate. On the third layer goto frame 30, insert keyframe and rotate. etc etc... the last layer should be on frame 65.

Note: before you insert keyframes, make sure your pivot point is to the bottom left.

Selecting a new layer will reset the point.

image 3

Step 4

Now that they're all on the left side of the stage, insert a motion tween on all of them.

Staircase Effect

Final Result:



Author's URL: Amoebic Tutorials
Final results of our readers
New!
Passed through all the steps? Share your result!
Your result will be premoderated.
Please make sure you choose the right image.
 
 



Captcha

*Required fileds
Our Flash tutorials provide you with step-by-step instructions on how to create beautiful Flash animations and integrate them into your website. More Flash Tutorials: Featured Materials | Fresh Materials | More Flash Tutorials at FlashPerfection.com

No comments yet...
Add comments to "Staircase Effect"

Captcha