Create animation ads with fireworks ripples

Ads we can often see some of the internet ripples of the animated advertising, the effect is very lifelike. In fact, this is only a clever use of the animation software in the matte effect produced. In fireworks, you can also make this wave-rippling GIF animation by subtly adjusting the mask effect and the playback time of each frame.

Let's start with a picture that will be used to make this ripple effect into fireworks. Then fireworks automatically generates a background layer, as shown in Figure 01.

Figure 1

Click the Drop-down list in the upper-right corner of the layer panel to set the background layer to "share this layer", as shown in Figure 02.

Figure 2

Next, copy the bitmap in the background layer into layer 1 and move it up 2 pixels with the arrow keys. Then click the "Modify-animation-Select animation" command, in the pop-up window to the bitmap of the following animation settings.

Figure 3

Now it's time to draw ripples in the waves. Use the Ellipse tool to draw two white-filled ovals in layer 1, as shown in Figure 04.

Figure 4

Using the Modify-Combine path-punch command when both ellipses are selected, the shape of a ripple comes out. Reproduce several more such ripple shape, and use the deformation tool to Lacoine and rotate the different angle, form the figure 05 state.

Figure 5

When all the ripple shapes are selected, use the "Modify-Combine" command to synthesize all the ripples into one object layer, as shown in Figure 06.

Figure 6

When you have selected all two object layers in layer 1, use the Modify-mask-group as mask command to synthesize two object layers into a mask object, as shown in Figure 07.

Figure 7

In order to make the ripple effect more realistic, we also need to be in the frame panel for each frame animation delay time to adjust, as shown in Figure 08.

Figure 8

So far the entire ripple of the animation effect is completed, if you are not very high animation color requirements, it is recommended to click "File-Export preview", the GIF animation can be used to set the color of 128 to reduce the volume of animation files. As shown in Figure 09.

Figure 9

The final effect of the animation is shown in Figure 10.

Figure 10