Fireworks Perspective Animation Production

Source: Internet
Author: User
Everyone look at the following animation, with FW How to make? Please see ...

Step One: Enter the FW work environment, create a new file, the background color from the set. We first want to do the upper animation. Select the menu item "Insert--> new symbol", and in the dialog box that pops up, select the "animation" option.
Step two: Edit the symbol. First draw a positive circle in the edit area of symbol (with the SHIFT key), clone it (copy--> paste can also), make a total of 8 circles, and then the following figure shows the eight circles evenly annular arrangement, you can do a circle do not fill the color as long as the stroke color, As a guide for evenly spaced eight circles. This step must be meticulous, because the future of the animation to form the degree of detail, this step has a great impact. Eight garden evenly arranged on the circular Auxiliary line, (the more the number of the park, the better the smoothness, of course, the resulting file will be larger). The final effect is shown in the left image <--(remember to remove the guide line at the end)

Step three, drag the adjusted symbol onto the stage (that is, the Editor's window), and then use the free scaling, rotation tool to do the corresponding deformation of the symbol, so that its space feel more strongly ... You can handle it freely! You can also refer to the adjustment form of the following figure.

The fourth step, select the deformed symbol, and then select the menu item "Modify-->animate-->settings";

Then it will pop up the dialog box below, this is where we want to set the specific animation options set!

Below we Yi Yilai the specific meaning of each:
Frames: Numbers are the number of frames that your animation will generate;
Move: Is the pixel value of your animation movement;
Direction: With your Move value to determine the direction of move;
Scale to: animation scaling, resulting from large to small, from small to large animation effect;
Opacity: opacity, you can generate an asymptotic fade effect, or the opposite effect;
Rotate: Animation rotation angle, CW is clockwise, CCW is counterclockwise rotation;
Understand the meaning of each, our animation production is much simpler ... The items are set as follows: "Frames:13"; "rotate:170". The other items are not adjusted.
The fifth step, after the completion of the ok! will pop up the following Figure dialog box, OK! OK, now you can click on the shortcut toolbar play button to see your animation effect!

Add: In addition to the above method to set the animation, but also through the floating panel of the object panel to do the corresponding adjustment, specifically do not repeat!

The sixth step is to do the animation of the shadow generated by the perspective.
Of course, you can add a new symbol--to the above method to repaint a light-colored circle, then arrange it along the loop, then drag the symbol to the stage, set it up, and make a shadow animation ...
But in fact we don't need to create a new symbol again, we can just use the symbol, or insert symbol in the first frame, and then adjust its shape with the free scaling and rotation tool until you're satisfied! Then put it in the appropriate place, and finally set the animation options: or through the "modify-->animate-->settings" or "Object" Panel options to specify, "Frames:13"; rotation:173 ";" Opacity:38 to 38 "Here we have set the opacity options to make adjustments to their transparency, which is the shadow effect we need ... ok!! The specific setting of the first frame is shown below:

Supplemental Note: The method of shading effect, in addition to adjusting the opacity option, can also change the transparency by adjusting the opacity of the layer panel; and through "Effect-->adjust color-->hue/saturation" To make adjustments.
Seventh step, save, output animation, remember format to choose animated GIF. All right, it's done, it's not complicated. Oh! Here is the PNG format source file (38k), there is no understanding of the place, you can go to message board message ...
Source files in PNG format
PostScript: Think about it or use flash to do a similar effect, feel as good as FW do, at least the current flash does not appear for this perspective animation processing a good way ... Interested friends can look at the source file here (23k)! The following is the animation effect of Flash.

Flash source file Download

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.