Making rain animation effect with fireworks blur filter

Source: Internet
Author: User

The light rain, bring us how much tenderness and romance, this tutorial, we will use fireworks in the motion blur filter to create a light rain animation effects. I hope you can help in the design of Web pages.

The first step is to select a picture to be the background.

Step two. Convert to layer Board add a new layer.

Step three. Select the second layer, go back to the Picture editing window, pull a large canvas out of the picture with a graphics tool, and fill it with a black rectangle.

The fourth step is to keep the rectangle selected and add an effect to it: effect? Miscellaneous points, set quantity: 400

The fifth step. The effect should be this way.

Sixth step. Add filter effect to it: Filters? blur, motion blur.

Seventh step. Adjusts its parameters in the pop-up dialog box, and the back is the effect of setting the filter.

The eighth step is to adjust its transparency so that the background can be displayed.

The Nineth step. The picture is a bit like a rain feeling.

Tenth step. To make a dynamic rain effect, here is the key step! Go to the Frame panel and add a frame to the rectangle.

11th Step. Adjust the position of the frame rectangle, the dotted line is the original position, the Blue line is the adjusted position.

12th step. Repeat the 10-11 step and add another frame.

The 13th step. Finally, go back to the level board, select the background of the layer, double-click the layer name in the pop-up dialog box to "share overlap" item on the hook, the work is completed.

The following are the results of the final completion:

Here I simply do an example, I hope to be able to play a good effect, we actually adjust the parameters of which can make better results, if you make a better tutorial, please share with me oh.

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.