Definition of Tweening

Tweening is the process of creating a motion animation by changing the shape or position of the object by determining the initial and final keyframes so that new frames can be formed. The main function of tweening is to move objects from one point to another. Motion tween animation is used when we want to create regular animated motions. This animation greatly reduces the time because we do not need to make animation frame by frame. On the other hand, only the start and end frames are created. The two main reasons why motion tween animations are great is that it reduces drawing work and minimizes file size because the contents of each frame do not need to be saved.

How Tweening Works

The way tweening works is by determining two state points on the initial and final objects, while macromedia flash makes a series of movements between them. Animations produced using this method are smooth motion, changes in location, size, rotation, shape and color. The working principle of motion tween animation is to create objects in the first and last frames only, while the frames between them will be created automatically. Objects that can be applied to motion tween are object instances (symbols), groups and text. Motion tween animations are commonly used to create animated objects that move, rotate, and change size (scale).

To move the animation in the form of a moving object, the fastest step that can be done is to use Motion Tween. By using Motion Tween, we only determine the first position and last position of the object and then we move it with Motion Tween.

Steps to create a simple tweening animation:

  1. Open a new page File > New > Flash File > OK
  2. In the Properties menu, specify the size or stage size of 550 x 200 pixels, the background color is white and the number of frames per second is 12.
  3. Rename Layer 1 to the layer name “Ball”.
  4. Selection of drama 1 on the Ball layer

Image of Drame 1 Selection on Ball Layer

5. Using the Oval Tool make a circle as in the frame by frame animation exercise and draw a ball on the left stage.

Drawing Drawing using the Oval Tool

6. Right-click the 8 Ball layer frame and select Insert Keyframe

Image Frame 8 layer ball

7. Drag the image of the ball in frame 8, slide it to the right of the stage

Picture of the ball in frame 8, swipe to the right of the stage

8. Right click on frames 1 and 8, select Create Motion Tween

Image Create Motion Tween

9. The state of the frame after adding Motion Tween

Motion Tween Pictures

10. Check the results of the Movie by pressing Ctrl + Enter

Image Results Movie Tween

Compare with the results of the frame to frame animation. In terms of results, there is no difference, but in terms of process, using animation with motion tween is easier and more practical because we only determine the initial position and final position of the object to be moved.