Cascading Style Sheets Tutorial

Fireworks optimization and animation derived explain

  End animation produced by Fireworks after and should be optimized to achieve the best effect, and the export settings, and preview, and other steps are derived for the GIF animation. 

  GIF files produced many of the software, a common Animagic GIF, GIF Construction Set, GIF Movie Gear, such as Ulead GIF Animator.    Fireworks MX 2004, in the production of GIF animation with a strong function.    Animation is complete, we need to optimize their order to achieve the best effect, and the export settings, and preview, and other steps will eventually be derived for its animated GIF format.    Below we take a look at the animated GIF optimization and the export process. 

  1, optimize animation 

  GIF animation of the optimization and we mentioned in chapter V of the other image optimization method, can be optimized using preview panels and export to the conduct of the two methods.    Below these two methods were introduced. 

  1. Use optimization panel 

  Click on the "Windows" menu, as shown in Figure 1 to open the Optimize panel. 


  Figure 1 Optimize panel 

  In the export file types, select GIF animation options, users can set up Matte (Color version), Colors (color), Dither (jitter), and transparency options to achieve the effect of optimization. 


  2. Derived using the dialog box preview 


  In the "File" menu, select "Export Preview" (derived preview) options, as shown in Figure 2 opening of the export preview dialog, the same animation can be optimized settings accordingly. 


  Figure 2 is derived dialog box preview 

  Second, export settings 

  We derived GIF animation, can also modify their settings.    Select Export dialog box preview of "Animation" (animation) Options column, as shown in Figure 3.    Through which we can carry out animation settings. 


  Figure 3 Animation options column 


  1. Frame set up in the way 


  Column in the animation options, select a frame need to be addressed, click the button Disposal    , The pop-up menu shown in Figure 4, we can choose from a disposal. 


  Figure 4 pop-up menus 


  Menu in the meaning of the various options are as follows: 

  * Unspecified (not specified): There is no designated disposal, from Fireworks automatic selection for each frame of a disposal method used to create the smallest possible GIF animation. 
  * None (none): In the next frame before the show, and do not frame the problem.    Stack frame to appear in the next frame on the stack in the current frame.    Is commonly used in larger display superimposed on the background of smaller objects, from small to large to be effective. 
  * Restore to Background (restored to background): By deleting the current frame image, restore background color or pattern area.    Suitable for a transparent moving objects in the background. 
  * Restore to Previous (a resume): current frame displays the contents of the previous one on the background image.    What a picture for the background on the types of moving objects. 


  2. Set frame is derived 

  Animation options in the same column can be controlled frame derived.    Click the left frame of the project design    ,    Will disappear, do not show that the frame.    Click here in the region, this time    There will be shows that the frame will be derived. 

  3. Settings frame delay 

  Select one or more frames in the Export dialog box preview of the "Animation" option boxes can be delayed in the top of the frame, we can also show the time frame set, as shown in Figure 5.    In addition to churn light of the current export and the delay time for each frame, we also know that animation can be shown the necessary time, and this time will be displayed in the frame column item option in the lower right corner, as shown in Figure 6. 


  Figure 5 frame set delay 


  Figure 6 shows the playback time 


  4. Settings cycles 

  We can also in the "animation" option column settings animation cycles, click    Can be set to 1, cycle number, click    Can set other cycles, from the right of the "cycles" in the drop-down list, we can select the frequency, or direct input values, as shown in Figure 7. 


  Figure 7 settings cycles 


  Third, animation derived 


  We in the creation of animation, should be ready preview animations.    When achieve the best result, the animation can be derived.    Export dialog box, click the Export button, open the Export dialog box to complete the GIF animation of the export documents, as shown in Figure 8. 


  Figure 8 is derived animation 

  Furthermore, we even can be exported as Flash animation, is derived only in the dialog box in the Save as type list, select Macromedia Flash SWF can be. 

Share and Enjoy: These icons link to social bookmarking sites where readers can share and discover new web pages.
  • Digg
  • del.icio.us
  • Facebook
  • Google
  • DotNetKicks
  • DZone

Popular Articles

  • Site visits increased personal strategy
  • 17 classic quiz allows you to a better understanding of virtual mainframe technology
  • New Year Fireworks drawing cards: children setting off firecrackers
  • What is ICANN
  • Flash MX 2004 produced video tutorial examples: Happy birthday to you (3)

This entry was posted on Saturday, June 30th, 2007 at 12:00 am and is filed under Css+Div Web Design. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.

« Fireworks made with Apple's shiny transparent
Fireworks effect when photos of the moon »

Leave a Reply

  • Categories

    • CSS Properties (491)
    • CSS Tutorial (1154)
    • CSS Tutorial By Examples (1201)
    • Css+Div Web Design (3274)
    • Xhtml and Web Design (1797)
  • Archives

    • February 2008
    • January 2008
    • December 2007
    • November 2007
    • October 2007
    • September 2007
    • August 2007
    • July 2007
    • June 2007
    • May 2007
    • April 2007
    • March 2007
    • February 2007
    • January 2007
  • Pages

    • About us

Cascading Style Sheets Tutorial