Flash Motion Tween

March 22, 2010

Animations

Step 1

  • Create a new Flash document, ( CTRL + N)
  • Set the dimension whatever you want
  • Set the background colour ( i used for this tutorial white)
  • Set Flash movie`s frame  rate to 25

Step 2

  • Take the Rectangle Tool (R) , and draw a “rectangle” about 20×10 px.

Step 3

  • Go to Frame 15 and press F6 key.
  • Take the Free Transform Tool (Q) , press and hold down Shift key and incrase the “Rectangle” see Fig 2.

Fig 2.

Step 4

  • Go to Frame 20 , take the Selection Tool (V) and do like it shown on Fig 3.

Fig 3.

Step 5

  • Go to Frame 25, take again the Selection Tool (V) and do like it shown on Fig 4.

Fig 4

Step 6

  • Now go back on Frame 15 and press Ctrl + C key (copy).
  • After that go on Frame 30 and press F6 key and then delete the key, after that press Ctrl+Shift+V key (paste in place)

Step 7

  • Click on Frame 40 , take the Selection Tool (V) and do like it shown on Fig 5.

Fig 5

Step 8

Now , click on Frame 50 and repeat Step 7, but for this time, do that for the left side of “rectangle” see Fig 6.

Fig 6

Step 9

Click on Frame 55 , take the Selection Tool (V) and do like it shown on Fig 7.

Fig 7

Step 10

  • Now, go back on frame 15, press Ctrl + C key (copy) , click on frame 70 and press F6 key,then press the delete key and after that Ctrl + Shift + V key, (paste in place)

Step 11

  • Click on frame 85 and press F6, after that press delete key on the keyboard
  • Go back on the first frame , press Ctrl + C key (Copy) , click on frame 85  and press Ctrl + Shift + Vkey ( paste in place) .

Step 12

  • Final step , select the layer 1 , go to the Properties Panel (Ctrl + F3) below the stage and for Tween chose Shape, see Fig 8.

Fig 8

Test your movie

, , , ,

2 Responses to “Flash Motion Tween”

  1. chased Says:

    Keep posting stuff like this i really like it

Trackbacks/Pingbacks

  1.   Flash Motion Tween | Flash tutorials | Flash video tutorials … by Flash Designers - March 22, 2010

    [...] Read more from the original source: Flash Motion Tween | Flash tutorials | Flash video tutorials … [...]

Leave a Reply