583
I am using Macromedia Flash Professional 8 in this example of a simple way to use motion tweens. Ok here goes...
Directions:
A. Preparation
1.) Start the Flash program. Once loaded, create a new Flash Document. Note: By default the pixels are set to 550 x 400, i changed mine to 275 x 200.
2.) Speed up the animation by changing the frame rate to 36 fps.
*An image to show where you should be at (not in full-screen).
B. Drawing The Object/Adding Frames
1.) Change the background color to black, #000000.
2.) Select the Oval Tool, or click 'O' on the keyboard, and draw a circle, while holding SHIFT AND ALT down (holding these keys just make it a perfectly round circle). Try and make the circle around 100 by 100.
3.) Double click the circle and a screen like the one below should replace the previous one (NOTE: You see the circle that should have been drawn, and also the yellow highlighted regions (4 of them), which i will use next.
4.) If your circle wasn't perfectly round, well in the highlighted regions on the above, change the values of the first column, W and H, to 100 and set the values of the X and Y to 0. (NOTE: Your circle should have moved to the top-left corner of the drawing field.)
5.) Click on frame 50 and press F6 on your keyboard, this will create a keyframe with the exact object(s) of the previous one(in our case 1). Here's an image to show you where you should be at selecting frame 50, then pressing F6.
And then here's an image of what the project window should look like after pressing F6.
C. Creating the Motion Tween
1.) Select frames 1-50, by clicking only ONCE on frame one and dragging to the right until you reach frame 50 (it should be highlighted in black like below).
2.) Right-click the selected frames and select "Create Motion Tween".
3.) Now click off of the selected items, and click frame 50 alone by clicking on it once, just frame 50. Move the circle so that its location, or X and Y, is 175 by 100.
4.) Click CTRL + ENTER and you should see your circle moving in a diagnal line and keep repeating once the frames are through. NOTE: to stop the repeat(optional, not necessary), use a simple actionscript code such as "Stop();" for frame 50. Image below shows actionscript for frame 50.
NOTE: Make sure in your actionscript window it says layer 1: 50, because 50 is the frame on layer 1 in which you are coding the stop() to stop the repeat.
well, this is my first article, i probably made some errors but please leave some feedback/comments/questions, Good Luck! :D
joedeene
