How to use the flattening and stretching in Flash CS3

Flattening and stretching are traditional animation techniques that are widely used in realistic and gravity cartoon designs. When a moving object becomes a stationary object, it will deform because of the impact, unless it is a hard complete whole. One thing is important, remember that no matter how many objects are flattened and stretched, it always stays the same size. The amount of flattening and stretching depends on the elasticity of your object. Traditional animations often contain exaggerated compression and stretching. This is a good example of a strong ball. When it strikes the ground, it will be squeezed and deformed. Then it will be pushed up and stretched. In Flash, using a small number of tween and frame-by-step animation, we will get a more satisfactory realism effect.

Animation effects Demo

Diagram

1, starting from the highest position of the object. Convert it to a component and then use the Free Transform tool to edit its center point. Move the center point to the middle of the bottom.

Figure 1

2, insert the key frame farther from the timeline and move the ball vertically to the ground just above the horizon. Add a motion tween to set the ease to "-100" (when entering).

Figure 2

3, go to the next frame, insert the key frame and open the onion skin tool. Use the free Transform tool to compress the ball into a wide and flat form. It is important to keep the ball in the same volume.

Figure 3

4. Insert another keyframe at approximately 4-5 frames behind the timeline. Flatten and stretch the ball further. Adds a motion tween that sets the easing value to "100" (at the end).

Figure 4

5. Insert another keyframe at a few frames following the timeline and convert the ball to the opposite direction. Make sure it has some deformation.

Figure 5

6, insert a key frame to start the ball rise and remove all the deformation. The transform panel "cancel the Deformation" button, click on it can be resolved.

Figure 6

7, copy the first frame to the timeline of the last frame, which will make the ball positioning to the beginning of the position. Add a motion tween set the easing value to "100" (at the end).

Figure 7

8. Flash CS3 provides a new way to reapply animations. Copying and pasting animations allows you to copy animation tweens and paste those frames, tween and component transformations to another object. Select all frames for flattening and stretching animations. Select Edit > Timeline > Copy animation.

Figure 8

9. Insert a new layer and create (or drag from the library) a new component onto the stage. Select the new symbol and then go to the Edit > Timeline > Paste Animation New components will have the same frame, animation tween, easing and distortion. Luckily Joe Corrao contributed to the above role (joecorrao.com).

Figure 9

Tip: When you create a variety of animation instances on one day, a good idea is to save it to a separate FLA document. This allows you to quickly copy animation effects in Flash CS3.