How to Create a Flash Motion Tween

Hey All,

This is a tutorial how to create a flash motion tween. This is how you would use Flash Tools to automate animation of an image. I am going to demonstrate how I was able to create a Flash Transition for my portal page, to my other sites. The final result is at www.kylekorpi.com.

There are a few ways to achieve this Flash Animation effect. I my self did a few rounds of attempts to get this working exactly the way I wanted it to work.

My first attempt I did some custom animation by creating 10 keyframes in succession of each other, and in each keyframe the image moved a little bit.


This worked, but it was not as smooth as I would have liked it to be, and I knew that there was a simpler way to create a simple flash animation like this. VIEW THE FIRST ATTEMPT HERE.

This looks sloppy and keeps repeating, but not bad for a first attempt.

My second attempt I was able to create a Flash Motion Tween that created a really simple nice animation effect, that worked beautifully. All I had to do was create the first position and the last position that I wanted to image to look like, and then create the Motion Tween that creates all of the other frame movements.


This created a much smoother transition than the previous attempt, VIEW SECOND ATTEMPT HERE.

For my third attempt I lengthened the flash transition effect so that it gives a longer view of the animation. I felt that this would give the user a stronger feel that they are actually entering the page, and actually entering the building. VIEW THIRD ATTEMPT HERE.

This one is not only slower but also links to The Teen Zone. Which is the page that it should automatically go to after it displays the flash transition.

Then the final result can be viewed here for any of the buildings with a preview, www.kylekorpi.com.

I used these resources to learn how to do this in flash:
Basics of Flash Animation

If you have any questions feel free to ask!

~ Tek-Min-Now