Use fireworks to make the logo of the dynamic effect

Source: Internet
Author: User
Dynamic

This example is mainly for a logo of the fade effect to make a careful explanation This example covers all the main animation techniques of FW may be a bit difficult for beginners, but as long as you think carefully, then use FW to do a GIF can fully grasp

1, create a new 88*31 canvas, draw two bars in the diagram, and press F8 to convert to a component. (Figure 1)

2, on the canvas with 8 pt pixel characters written and saved as a component (Figure 2)

3, select a component to use "filter" >> Blur >> motion blur to handle the font, set to 180 degrees 3 pixels and then save as a component (Figure 3)

4, in the first frame position, delete the other components only left the motion blur component in the diagram move to the position in the diagram to do the following setting (Figure 4)

 

5, Drag a graphic symbol (1) from the library at the 4th frame position, press Ctrl+shift+d to clone once, and select these 2 components right click >> component >> Tween instance setting is 2 frame tick "scatter to frame" then create an animation for the following text symbol (Figure 5)

p>

6, select 2 symbols in frame 6th to animate in a diagram (Figure 6)

7, create a new text at 15 frames a rectangle is as large as the picture and then hold down SHIFT to select the rectangle and the text point Modify >> Mask >> Group The mask to copy 6 frames in the frame panel (Figure 7)

8, 16 17 18 19 20 21 frames respectively Select the mask to adjust the degree of gradient in 21 frames to copy a" design is null "conversion to a symbol to create a Fade animation and set to 1 seconds in the last frame next is the output (Figure 8)

p>

9, OK to set the output on my diagram to achieve the effect (Figure 9) (figure)

Final effect chart







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.