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

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

2. High-tech city animation
Total views: 274205

3. Water effect
Total views: 237451

4. Photo slide show
Total views: 221126

5. Special Picture Effect
Total views: 190885



Related links

dans le cadre de leur collection automne / hiver 2008 de la ngc, marque japonaise a ainsi une fois de plus a porter.ADIDAS TUBULAR WOMENils ont travaillé sur l'ensemble des trois pieces et # 8211; un sac fourre - tout, une valise et un porte - clés / carte de voyage.ils présentent une gamme de produits classiques.le fait qu'elles offrent a la plupart d'entre eux en orange est un bon contraste.  via honeyee.ADIDAS ORIGINALS NMDon peut s'attendre a une libération de ce produit dans les semaines a venir.ADIDAS TUBULAR SCHUHEla broderie artiste kimberly scola est parmi ceux qui participent a ce los angeles & # 8216; & # 8220; cette fete et # 8221; exposition,ADIDAS YEEZY BOOST 550 inaugurée vendredi dernier.ADIDAS EQUIPMENT 10a l'occasion de l'ouverture, en cas de scola a collaboré avec une tapisserie de 100 faux sacs fourre - tout.Adidas Adizero F50 FGces agréables rappels d'un événement,ADIDAS X PLR malheureusement, seulement deux jours de liaison.ADIDAS MESSI 16.3 ICles points saillants de & # 8220;StartAdidas Ultra Boost Uncaged cette fete et # 8221; et une liste de cas suivent l'artiste.ADIDAS ACE 16.3 TF