Wednesday, March 04, 2009

Motion Tween

Motion tween is nothing but tweening a Symbol's movement from one position to another. To implement Motion Tween all that you have to do is, provide Flash with Symbol's initial position and the end position. Rest is taken care by Flash. Isn't it really simple.

For example in the above demonstration, I have converted the pencil object to a Symbol. Provided Flash with its initial and the end position, intermediate tweening is done by Flash. Motion Tween animation is as simple as that :)

Okay, you ready to learn how to create motion tween. All you have to do is just follow this tutorial step by step.

Follow these steps:



Open a new flash file (Ctrl+N) New Document window will appear...

Select General panel and choose Type: Flash Document, Press OK.
If your timeline window is not open, press (Ctrl+Alt+T).

Now you can see a single Layer called "Layer1" in your timeline Window.
Select the first frame. Import your image onto stage, upon which you would want to implement motion tween.

File > Import > Import to Stage, or just press (Ctrl+R).

Or you can even draw your own object, you can either choose Rectangular tool or Oval tool from the tool box and draw your desired shape.

Now select your object on the stage and press F8 to convert this image to a Symbol. Convert to Symbol window will pop-up. Name your Symbol what ever you like. Select Graphic behavior and press OK.


Note: You can create motion tween only on symbols. So any object upon which you would want to implement motion tween, First convert the object to a Symbol.


Right now your Symbol is in frame1 of Layer1. Select frame 20 and press F6 to insert a new keyframe.


Still keeping playhead on frame 20, move your Symbol to any other position other than the present one.


Select any frame between 2 to 19 and select Motion from the tween pop-up menu in the Property inspector.



Now your Layer will look something like the one shown below.





Now press Ctrl+Enter to view your motion tween.


View Indonesian version here!


Related Topics :

  • Attractive Photo Animation
  • Valentine’s day - 14 th February


  • 13 comments:

    1. wow. thanks for sharing this one. it looks difficult but maybe through constant practice, I can also do this.

      by the way, thanks for dropping by my blog. i really appreciate it.

      ReplyDelete
    2. this is awesome... show me more then :)

      ReplyDelete
    3. semoga bermanfaat... makasih udah pada mo mampir lagi :)

      ReplyDelete
    4. Good morning, thank you for the visit, happy Sunday with smiles. Hugs.

      ReplyDelete
    5. @ Valter : my pleasure Sir as always!

      @ Sang Cerpenis bercerita : wewww... goyang pelan-2 dund :p
      klu 'ngBor' gmn???

      mksd na gmn si kang 'slow motion'??? ya tinggal di pelanin aja atuh :D :D

      ReplyDelete
    6. nah ini flsh marem kayaknya....

      ReplyDelete
    7. marem? gag ngerti kang :( asli!

      ReplyDelete
    8. ditunggu apdetan flashnya bang...

      ReplyDelete
    9. pingin bgt belajar flash,,,,,,,

      ReplyDelete
    10. iia di monggo kang.. silahkan tokh belajar... sayangnya di sini blm banyak source flashnya kang :(

      ReplyDelete

    When you gotta go, you gotta go! Throw it all away HERE! Lmao!