如何使用Fireworks制作动画(三)

[复制链接]
查看: 466|回复: 0
gggds 发表于 2009-12-27 13:42:27 | 显示全部楼层 |阅读模式
 一个网页要做得美观、能吸引人,动画是其中一个不可缺少的点缀。目前各种格式的动画层出不穷,从原来的Java动画到现在网络上最热的Flash电影以及正整装待发的SMIL多媒体技术等等,它们都一直在至力于丰富网页的内容,提高网页的可观性。然而,由于浏览器的支持以及目前网络数据传输速率等方面的限制,动画GIF图片仍然是目前网络上用得最多最广泛的。而Fireworks正是你用来制作GIF动画的最好选择。  我们先从一个比较简单的例子来开始我们的教程,让我们先来做个如右图所示的动画图标:
9 z+ d- \! a0 a' q) Y% H, R3 C7 F8 `, v+ F  W+ g
步骤一:准备制作该动画的资源:所谓无米不成炊,我们必须先制作构造该动画所必需的所有图片。* L9 {/ {7 k3 l- x1 k
2 o6 M. @* E6 i5 Z7 ]8 x
 
; {3 y2 c0 W1 D$ J1 q* ]  z$ P' P' B5 H# T" j$ }+ Y& u
 
( B: g9 G! \- F& Q, N
3 _2 N- j% d8 T' Q1 A  P 
( S* Z+ Z0 d- r( ~% d& T, p- k5 j: @0 ?( a  w
 
  h0 r& Z& j, ^4 z- C
- Y  V. M& T- B5 b8 J  
+ w; S& |4 o1 J  @* p
# R; {. c9 \, s: X" w步骤二:开启Fireworks,打开多重文件:选择\"File\"--$#@62;\"Open Multiple\"命令--$#@62;这时将弹出一“打开”对话框如下图: 6 ^" K2 S. F; O$ N. `6 V: _+ z) Q
3 _0 v4 L+ l# ?
进入放置了该六张图片所在的目录,然后按动画中图片显示的顺序依次选取图片,并按\"Add\"按钮将这六张图片加入到对话框下面的窗口;注意啦:我们还必须勾选对话框最下面的\"Open as Animation\"(以动画打开)选项,不然的话我们打开的将是六张分开的静态图片;最后,我们再按下\"Done\"(完成)按钮。就这么简单,动画就出来啦,赶快按下窗口状态栏右下角的播放按钮
! e! I7 x7 F( s
% o, \3 ~+ K( F- q# E3 H5 |( ^预览一下吧。步骤三:存储动画:我们可以通过利用“File”(文件)--$#@62;“Export Wizard”(转存精灵)来存取我们制作的动画;也可以通过按“File”(文件)--$#@62;“Export Preview”(转存预览),同样都是弹出“Export Preview”对话框。步骤四:在“Export Preview”对话框中,从\"Frame\"(格式)菜单框中选取\"Animated GIF \"(GIF动画);在\"alette\"(调色板)菜单框中选取\"Adaptive\"(最适色彩)? 在颜色总数菜单框内选取\"128\"。
$ l0 `7 f  R9 l2 b+ [
% [" Y: N6 X# v& J! v% W, }# Z步骤五:选取该对话框的Animation选项卡,如上图。在这里我们可以设定GIF动画中每一帧的插放时间,这里的最小时间单位是1/100秒即0.01秒。因此,如果我们对某一帧的插放时间设定得越长,则该帧图片就会停留得越久。还有一点,我们必须注意:Fireworks默认的GIF动画只是播放一次并不循环,如果你想使自己做出来的动画是无限次循环插放的话,我们必须按下\"Loop\"(循环)按钮
4 j  R. f9 m; V4 g" e3 `4 K0 B" s0 e2 p! t
循环播放的次数域中选取“forever”。最后,你只要按下\"Next\"(下一步)后再输入“File Name”(文件名)就一切OK啦。  一点补充:大家先来看看这个动画
& ], U$ ~/ j- A. \* l0 }; `7 b. D) m; G5 N# T
与上图那个有什么区别?告诉你,原来该动画被我设定了循环播放的次数三次(在\"Loop\"按钮右边的次数设定菜单框内进行选取),因此动画循环播放三次后便停止。

本版积分规则

精彩图文

Copyright   ©2015-2016  展示网  Powered by©Discuz!  技术支持:凡尚展览     ( 粤ICP备14065977号 )