Fireworks to create a glass-breaking GIF animation effect

Source: Internet
Author: User

This tutorial is to introduce how to make use of fireworks to break the glass gif animation effect, the production method is not difficult, the effect is very good, recommended to come, I hope you like!

First look at the final effect:

Here are the specific ways to make:

1, download and install the filter plug-in Xenofex2 to the FW plug-in directory (will extract the files copied into the plug-in folder), download the page here (not ads, I do not know who this blog).

2, running FW, open a picture, we can properly reduce the size of this picture, so that the surrounding leave some blank, background color set to white. So we can see clearly the effect of fragmentation and diffusion. Name this layer "broken."

3, then in the middle part of the picture after the broken effect of the text, such as the "Jsuper" in this example, the text layer moved to the "broken" layer below.

4. Set the time for this frame to 7, and then copy the same 6 frames as this frame, the specific operation of the copy frame is in the frame panel, with the left mouse button dragged "Frame 1" to the following new buttons can be copied, repeated operations can be copied out of 6 frames the same content frame (now a total of 7 frames, their content is the same). Set the time for frame 1th to 100, and the 7th frame to 150.

5. Select Frame 2nd and click the picture to select "Filter" > "Alien Skin xenofex 2" > "Crush" (shatter) in the menu. The main window that pops up the "Smash" filter effect.

6. Set the size to 40, roll (tumble) and time two sliders to one-fifth of the total length (20), and click OK to confirm the position (OK). So we can see the effect of the start of the 2nd frame fragmentation.

7, select the 3rd frame, and click the picture (this picture is not broken on the right), also use the "Smash" filter to move the "tumble" and "time" two sliders to a total length of two-fifths, and click OK. We see the broken picture beginning to change a little.

8, using this method will be the 4th, 5, 6 frames of the picture using the "broken" filter effect. The different places are only the "tumbling" (tumble) and the "time" sliding bars move to the position of the total length three-fifths (60), four-fifths (80) and the maximum length (100) respectively.

9, select the 6th frame of the picture, in the property panel will be opacity set to 50%, so the next frame of the transition will not appear abrupt.

10, delete the picture of frame 7th, leaving only the text. Click the icon in front of "no loop" below the "frame" panel and select "Permanent" so that the animation can be looped.

11, select "GIF animation" in the "Optimization" panel. Then you can export the appreciation.

The end of the tutorial, the above is made with fireworks to break the glass GIF animation effect process, interested friends can try to make one, the effect must be very good!

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.