Create animation (Animation)

Source: Internet
Author: User
Create Create animation (Animation) (next)



Just now we have created an animation, if the traditional way to achieve this effect of the time it will be difficult to imagine, fireworks are ready for you. Now let's take a look at the frames and choose Window->frames to open it.


In the frames, you can see that there are frame1-frame15 a total of 15 frames, which is automatically generated when you set the number of frames in the object plane, the number 7 on the right side of each frame represents the delay time of the frame, which is in 1% seconds, that is, 100 is a second, You can set the delay time for each frame by clicking the arrow in the upper-right corner and selecting properties in the menu.

Click on the lower left corner of the Onion skinning button will appear "Onion skin" menu. The Onion Peel feature helps you smooth the animation without switching between frames. The word "onion skins" comes from traditional animation techniques that use very thin, translucent tracing paper to view animation sequences. When the onion skins feature is turned on, the objects in the frame before and after the current frame are displayed, but the colors are so dim that you can distinguish them from the objects in the current frame.

The "Onion Skins" menu has the following options:
    • No Onion skinning: Turn off the Onion Peel feature to display only the contents of the current frame.
    • Show Next Frame: Displays the contents of the current frame and its subsequent frame.
    • Before and after: Displays the contents of the current frame and its adjacent frames.
    • Show All Frames: Displays the contents of all frames.
    • Custom: You can set the number of display frames to control the transparency of the onion skins.
    • Multi-frame Editing: Select and edit all the objects you can see, and if you cancel, you can only select and edit the objects for the current frame.
The following display effect is the result of using the "onion Skin" show all frames.


The "Onion Skins" menu is a GIF Animation looping button that controls how many times the animation repeats.

Sometimes, a GIF animation is not just a dynamic effect, you may also need to add some static elements on the artboard, such as the company logo and so on, if you now add these objects to the artboard and then play back the animation, you will find that the static elements appear only on a frame, The rest of the frames are not shared with this static object. This is because fireworks has a shared-layer concept, and its content only appears on each frame when it is shared with this layer. Select Window->layers, and open the Layers face version.


In the layers version, we can see an animation layer and the static object that is added to the layer, select this layer, click the arrow in the upper right corner, select Share this layer in the pop-up menu to share the layer, so that it will appear in each frame. A shared token appears after the shared layer, as shown in the figure:


After the layer is shared, fireworks deletes all objects on that layer in all frames, so it is customary to draw a static object and then apply the animation effect.

Preview animation effect, we have to do the last thing is the animation file output, select File->export Preview for output preview, about the output animation option parameters, please refer to the special introduction, it is necessary to note that, To output an animated GIF, you need to select the animated GIF format, which is the final result of the output.



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.