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

Transformation effect

5.2.2007, 0:2    Total views: 56248

In this easy tutorial made for Flash, you will see how to apply transformation effect on any object. You don't have to use action script code to make this lesson. You can use this simple lesson for some presentation, animation, some flash banner. Let's start!





Example:




Step 1

Start Flash. Set the frame rate at 28 fps (Frames per Second).

Step 2

Choose File > Import > Import to Stage (Ctrl+R), and Import any picture.



While the picture is still selected, press Ctrl+B key (Breake apart), to break apart it.



Step 3

Click on frame 20 and press F6 key. Then, go back on frame 1, take the Free Transform Tool (Q), and decrease the picture a lot. See the picture below.



Step 4

Click on frame 25, press F6 key, take the Selection Tool (V), and do like it is shown on the picture below.



Step 5

Click on frame 28, press F6 key, take again the Selection Tool (V), and do like it is shown on the picture below.



Step 6

Click on frame 32, press F6 key, and after that delete key on the keyboard. Go back on frame 15, press Ctrl+C key (Copy), click on frame 32 and press Ctrl+Shift+V key (Paste in Place).

Step 7

Click on frame 40, press F6 key, decrease the picture a little and place it on the position like it is shown on the picture below.



Step 8

Click on frame 45, decrease the picture again a little, and place it on the position like the picture below shows you.



Step 9

Click on frame 50, press F6 key and after that delete key. Then, go back on frame 1, press Ctrl+C key (Copy), click on frame 50 and press Ctrl+Shift+V key (Paste in Place).

Step 10

Select layer 1, open the Properties Panel (Ctrl+F3) and for Tween choose Shape. See the picture below.




We're done!

Enjoy!

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

2. High-tech city animation
Total views: 272904

3. Water effect
Total views: 237059

4. Photo slide show
Total views: 220388

5. Special Picture Effect
Total views: 190723



Related links