Flash practical effect of small bridge water

Brief introduction:

This example realizes the small bridge flowing water effect. The moss-covered little bridge runs quietly, the reflection of the bridge and the goldfish in the water remind us of the childhood scene. As shown in the effect picture. The effect is mainly to use the mask technology to achieve the reflection effect, and the reflection effect is a very common effect, many works have to use.

Click here to download

In this article, the reader not only can learn how to make a small bridge running water, but also learn how to design a lovely goldfish, as well as the use of shape gradient animation.

Production steps:

1. Create a new Flash document, click the Size button in the Properties panel, and open the document Properties panel to set the scene size to 500px x 300px, the background color to #10a9cc, and the frame frequency to 12fps.

2. Import a small bridge picture. Press the shortcut key Ctrl+f8 Open the Create new symbol panel to create a "small bridge" graphic symbol. To import a picture of a small bridge, this example uses a small bridge as shown in the effect diagram.

3. Make a fish tail. Create a "fish tail" movie clip symbol. Click the Pencil tool in the tools panel to draw a tail contour (line closure) in the component's scene.

Figure 1

4. Press the shortcut key SHIFT+F9 to open the Color mixer panel, as shown in Figure 1. Select the linear option in the Color Mixer drop-down menu. The colors of the 3 sliders in the panel are #f5800a, #F8D356 (alpha value 70%) and #ffffff (alpha value 50%) respectively. After you set the Color mixer panel, click the Paint Bucket tool in the tools panel to paint the fish tail. The effect is shown in Figure 2.

Figure 2

5. Create a "fish tail" layer in the scene of the "Fish tail" movie clip symbol, and the layer's settings are shown in Figure 3. Select the 5th, 10, 15, 20 frames in the "fish tail" layer respectively, and press F6 key to insert the keyframe. The fish tail in each frame is set to the different shape in Fig. 4, in the scene, the position of the 5 fish tail should be basically overlapping.

Figure 3

Click the "Fish tail" layer, so that all the frames of the layer into a dark selected state, in the Properties panel in the Tween Drop-down menu, select the Shape option to create a shape gradient animation.

Figure 4

6. Make goldfish. Create a "goldfish" film clip element, as shown in Figure 5, to build "pectoral fins", "Fish Head", "fish body" and other layers. Goldfish fins through the "tail" components of the deformation, so that the design can be repeated use of components to reduce file size, improve efficiency. Fish eyes, mouth, gills can be easily drawn through the "oval" and "pencil" tools. There are 3 key frames in the "Fish body" layer that make the fish's shape change to create a dynamic. The final design effect is shown in Figure 6.

7. Make water. Create a new "flowing water" layer. Create "small bridge 1", "Small Bridge 2" and "mask" three layers as shown in Figure 7.

Figure 7

Press the shortcut key ctrl+l to open the library panel and drag the "bridge" component in the panel to the scene in the "Small bridge 1" layer. Click the 60th frame of the layer to press the F5 key to insert the frame. Hide the components in the "Small bridge 1" layer, as shown in Figure 7. Then drag the "bridge" component in the library to the "Little Bridge 2" layer scene. Click the 50th frame of the layer to press the F6 key to insert the keyframe. Note: The small bridge 1 layer is located in the same location as the "small bridge" component in the "Bridge 2" layer.

8. Create a matte block with a height of 8px in a scene in the mask layer, with a gap between the lines. Select all lines and press the shortcut key ctrl+g to combine them. As shown in Figure 8.

Figure 8

9. Click the 15th, 30, 45, 60 frame in the mask layer and press F6 to insert the keyframe. Move a few pixels up and down in each frame and create a motion tween, as shown in Figure 7. Move the mask up and down to form the gap effect of the flow. Ensure that the mask can completely cover the small bridge components.

10. From "The Library" in the "goldfish" components dragged to the "small Bridge 2" layer in the appropriate position, can be copied out of a few goldfish. Click the goldfish component and set its hue to black in the Properties panel, as shown in Figure 9. In this way, the red goldfish will become black goldfish. Can also put a few small tadpoles in the layer, the effect is more childlike, more spring.

Figure 9

11. Back to "Scene 1". As shown in Figure 10, build the "Small Bridge", "reflection" layer. Drag the small bridge component in the library to the scene in the small bridge layer. Drag the "water" element to the "reflection" layer of the scene. Press the shortcut key ctrl+t to open the transform panel, flip the "water" component over and adjust to the appropriate position. See effect chart.

Figure 10

The effect of the small bridge flow is here to do. The final effect is shown in the effect picture.