Flash CS3 Simulation Design Tutorial: Application of Fuzzy filter

Blur filters are a very handy tool for creating a linear gradient blur motion. Filters can only be added to a movie clip symbol, so you need to plan ahead, and if your animations are dependent on several nested animations, then you need them to sync with each other. With a motion tween and some basic ActionScript, you can control the movie clips to do what they should do-this is no different from the film director.

Effect Demo:

1. A billiard ball is a simple circle filled with a radial gradient. This technique mixes gradients with 5 colors: high light, medium light, dark light and then the rightmost values. The most critical color is the light coming from behind the shape, forming a three-dimensional effect. Use the Gradient transform tool to edit the center point to get better scaling and rotation.

Figure 1

2. Convert the sphere into a movie clip symbol. All of the ball's animations are nested within this component, including starting scrolling, scrolling to stop, and continuing scrolling. Compare the original files on the CD to see how the animations use a mask and a motion tween to implement the component "8" through the sphere

Figure 2

3, copy and paste, or drag multiple component instances from the library to the stage-each one of each layer. Select them and specify unique instance names for them in the Properties panel. This will enable you to target each instance.

Figure 3

4, add a filter effect to the sphere, it is a movement through the stage of the tween, select it and click on the Filter menu, select the Blur filter options. Because the ball is sliding horizontally, we don't need any blurring in the vertical direction. This way, click the small lock icon to remove the blur limit. Set a certain number in the X dialog box, set to 0 in the Y dialog box.

Figure 4

5. The trick is to use a motion tween and a blur filter to get an effect that mimics the speed of a small ball moving. Once a small ball is connected, its speed is significantly reduced, the blur filter is removed at one point, a keyframe is inserted, and the "-" icon is clicked on the filter panel.

Figure 5

6, synchronize the nested animation on the main timeline, insert an empty key frame on the target movie clip you want to control, confirm that the keyframe is selected, open the Action panel, enter the instance name of the target movie clip you want to control, and then tell it what to do. Here is the movie clip "Ball1" to go to the "ROLLSTOP1" frame and play it.

Figure 6

7. When two or more balls collide, you have to control each instance and tell them what to do. You will control them with key frames and motion tweens in the main timeline. Nested animations must be controlled with ActionScript in the movie clip timeline that is listed with the main timeline. Two movie clips are controlled with each line of code, and the nested animation runs until the action stops.

Figure 7

8, you can use _currentframe on any current frame to start or stop the ball. The main timeline movement is very convenient when you change it, and you want to update nested animations frequently. When the script executes, its playhead stops regardless of the current frame or any current frame in the movie clip.

Figure 8