Learning Basic Classic tween, Shape tween and Motion tween in adobe flash action script 2.0.

FAMILIARIZE THE ADOBE FLASH WORKSPACE and the parts which we’re going to use:

adobe flash workspace

• Before everything else, activate onion skin by selecting it at the bottom of the timeline. Onion skin will serve as a guide from the previous frame. We need it for us to be able to align our next shape in our next frame.
• Set the frame per second (fps) to 7. This is to slow down the animation.

CLASSIC TWEEN

Open your adobe flash and choose action script 2.0

Classic tween is one of the most basic used animations in adobe flash.

• ·         In your frame 1, draw a circle then place in the left corner of your stage.

• ·       In your frame number 10, right click and insert keyframe (F6). So that we can still see the same circle in the stage 

• ·        To animate. Right click in between your frame 1 and frame 10. Then select create classic tween from the options.

•  Hit CTRL+Enter to see your progress.
•  With the use of classic tween, you can create moving wheels, rolling ball, moving background and many more.

SHAPE TWEEN

From the word shape, it’s described as the appearance of something. Together with tween it’s going to be like an animation changing something into another form. To make this easy lets go ahead and try it out.

Have a new workspace.

·         Again, create a circle in your stage. Your circle's stroke and fill color must be black.

• ·         In your 10th playhead, right click and insert keyframe (f6) to have the same shape in your stage.
• ·         In your 2oth playhead, right click and insert blank keyframe (f7) to create an empty stage. In the stage, draw a square. Make sure it’s align with the circle

• On the 30th playhead, right click and insert keyframe (f6) so you'd still have the same shape you had in your previous frame.
• The 40th playhead insert blank keyframe (f7) and draw a pentagon. 
• Again insert keyframe (f6) in our 50th playhead.

• ·         Right click on the 10^th playhead and 30^th playhead. Then select create shape tween from the options

·         With shape tween we'll be able to see the circle we have created transform into a square then transform to a pentagon

• ·         To check our work: hold CTRL+Enter

MOTION TWEEN

We’ll now learn how to put an object, a symbol or a picture into motion.

·         By default, you have an empty stage. And in your properties I want you to change the stage color from white to black.

• ·         Now, I want you to draw at least 3stars of different sizes. (S|M|L)
• 
  

• ·         As you can see my stars have black outline but the fill color is yellow.
• ·         We have to convert the star into symbol. Just right click on all the stars and you'll see at the bottom of the options convert to symbol.

• ·         You don't have to alter any changes in the type and registration, leave as it is. But you can change the name.
• 
  

We’re doing this, so that once we select the star, the outline and fill color won't be separated and so that we can create a motion tween out of them.

If you want to separate the 3 stars, you'll have to create another two layers for them. But that’s another lesson to impart because we’re only doing the basic.

• ·         We have created stars, now, let's set them aside. Specifically, just above your stage.
• 
  

• ·         Next select the 25th frame then insert keyframe (f6). So that the stars would still be visible above your stage.
• ·         Lastly, right click in between your keyframes. From the options, select create motion tween.
• ·         Then move your star to the bottom of your stage. You’ll see a green outline that connects from where your stars were located to where you want them to be. 

·         Next let's animate. Hold Ctrl+enter to execute the animation.