Flash animation techniques How to master frame-by-step animation

Flash Animation | tips

　　question: What is the difference between a frame-by-animation and a moving gradient animation, a shape gradient animation?

　　Solving Ideas

In this example, we explain in detail the characteristics of frame-by-animation and the difference from other forms of animation. Frames by frame animation, as the name implies is the motion process attached to each frame, when the shadow quickly moving, the use of human visual remnants of the phenomenon, forming a smooth animation effect.

　　Specific Steps

1, Run Flash MX 2004, document properties default.
2, click the 1th frame, using the Oval tool on the left side of the stage to draw a red color without a border circle.
3, click the 1th frame, press the shortcut key "F6" key, continuous insertion of 10 keyframes on the timeline. As shown in Figure 2.1.51.

Figure 2.1.51 Insert KeyFrames

4, click the 2nd frame, using the mouse or keyboard keys to adjust the position of the red circle in the stage, so that the right to move a small short distance.
5, repeat the 4th step method, respectively, set the remaining 9 frames inside the circular position. As shown in Figure 2.1.52.

Figure 2.1.52 Animation effect by frame

6, the test effect. Please refer to the source file Click here to download the source file

We found that this effect is basically the same as moving the gradient, so why do you want to animate it by frame? The reason is that mobile gradient animation is generated by the Flash program, has a certain degree of mechanical and limitations, for the performance of complex mobile effect is not very obvious advantages. This blank is supplemented by frame-by-step animation. Make the effect of change more delicate.

7, Next we do a frame by animation, a new Flash document, properties default.
8, click the 1th frame, using the rectangular tool to draw a borderless black rectangle, and placed it on the top of the stage;
9, in the timeline, press the shortcut key "F6" key, insert 9 keyframes in the ground 2.1.53.

Figure 2.1.53 Insert KeyFrames

10, click the 2nd frame, use the arrow tool, the appropriate stretch black graphics.
11. In this way, stretch the remaining nine frames in turn. As shown in Figure 2.1.54.

Figure 2.1.54 Animation effect by frame

12, the test effect, from the 1th frame to the 10th frame of black graphics gradually change, like the flow down the same. This is the shape-by-frame animation. It is no different from the shape gradient animation, the effect is the same, but the same as moving the gradient animation, frame-by-animation in the performance of complex changes in the effectiveness of the method has obvious advantages. Please refer to the source file Click here to download the source file .

　　note -because frame-by-frame animation involves the content of the frames required to create this manual to edit, the task volume is relatively large, so in determining the use of which animation form, must be prepared.

　hint --making frames-by-frame animation does not involve whether the contents of the frame are components or graphics or bitmaps, unlike moving a gradient animation, a shape gradient animation.

　　technique --when you make a frame-by-animation, often the previous frame and the content of the last frame is not a big difference, we can use the Flash MX 2004 provided by the drawing Paper appearance tool to observe the previous frame, or all the changes in the frame, for our precise grasp of the animation effect, has great help. As shown in Figure 2.1.55.

Figure 2.1.55 Drawing paper appearance tool

　　 Try it--friends use the Freeform tool in the toolbar to try to frame the animation effect on their own.

　　Analysis -Make frame-by-step animation must pay attention to the relationship between two frames, jump not too big. Although the transitions between moving gradient animations and shape gradient animations are very smooth, there are obvious advantages to using frame-by-animation for complex animation changes. So it is very necessary to make a frame animation by exercise.

　　Special Tips

The source file effect used in this example is similar to moving a gradient animation and a shape gradient animation, in fact, the production of a frame-by-animation is very complex, requiring our patience to complete.

　　Special Notes

　　Frames-by-frame animation is the most basic animation principle. When we were kids, we saw it. Each page of a book is painted in shape, and the pages are quickly flipped, and successive animations appear. This is the principle of frames-by-frame animation.

The human eye has a visual residue under normal conditions, which is used to achieve the animation effect. In the production of frames-by-frame animation to be flexible to use, you can take empty 1 frames, empty 2 frames of practice.

　　Related issues

Will the flash file volume be increased with frame-by-step animation?

Because of the character of frame-by-step animation, a continuous action is composed of many key frames, so it will increase the volume of the file. and frame-by-animation in the production process to pay far more than other forms of the production of much more effort, so to have the purpose of using frame-by-animation, the work of the most embodiment of the main body of action, expression by frame animation.