|
一个网页要做得美观、能吸引人,动画是其中一个不可缺少的点缀。目前各种格式的动画层出不穷,从原来的Java动画到现在网络上最热的Flash电影以及正整装待发的SMIL多媒体技术等等,它们都一直在至力于丰富网页的内容,提高网页的可观性。然而,由于浏览器的支持以及目前网络数据传输速率等方面的限制,动画GIF图片仍然是目前网络上用得最多最广泛的。而Fireworks正是你用来制作GIF动画的最好选择。 我们先从一个比较简单的例子来开始我们的教程,让我们先来做个如右图所示的动画图标:
1 O% p4 z% `1 b. @8 s% a$ N
( S, T: m0 o! S8 {) I1 w& ]: F9 P6 j7 {步骤一:准备制作该动画的资源:所谓无米不成炊,我们必须先制作构造该动画所必需的所有图片。
% }& s3 Y. x4 B) ^9 J8 S
: g) D g$ D$ y* s
( t/ e6 M+ [; K4 a
5 J4 `$ j1 s9 H0 D( O: z$ ]
' w# X' @5 e! g- O6 B( b+ Z9 d e; U
7 t+ k: a" ~% j8 q* Z, T6 u
& C! Z% k6 a$ ?0 \8 S9 b
! r+ i$ O6 @$ ? v& ?$ D4 R, d' G : R4 ~* c! V6 N, j% p

" u1 ?1 `4 \$ B, } b4 }& s5 h0 @$ C8 V7 O# ~

' k& A* R+ h4 q" b! G+ E8 v- i% m4 A9 H& o步骤二:开启Fireworks,打开多重文件:选择\"File\"--$#@62;\"Open Multiple\"命令--$#@62;这时将弹出一“打开”对话框如下图: , l! o: u5 F8 Y+ N* F
8 Q, Q; M; W7 t0 E& ~
进入放置了该六张图片所在的目录,然后按动画中图片显示的顺序依次选取图片,并按\"Add\"按钮将这六张图片加入到对话框下面的窗口;注意啦:我们还必须勾选对话框最下面的\"Open as Animation\"(以动画打开)选项,不然的话我们打开的将是六张分开的静态图片;最后,我们再按下\"Done\"(完成)按钮。就这么简单,动画就出来啦,赶快按下窗口状态栏右下角的播放按钮
. k: @: {* w1 u) i) ~
, c: _" y/ E+ e# \) Y6 F预览一下吧。步骤三:存储动画:我们可以通过利用“File”(文件)--$#@62;“Export Wizard”(转存精灵)来存取我们制作的动画;也可以通过按“File”(文件)--$#@62;“Export Preview”(转存预览),同样都是弹出“Export Preview”对话框。步骤四:在“Export Preview”对话框中,从\"Frame\"(格式)菜单框中选取\"Animated GIF \"(GIF动画);在\" alette\"(调色板)菜单框中选取\"Adaptive\"(最适色彩)? 在颜色总数菜单框内选取\"128\"。
# F" O5 J+ v2 u! ?1 d8 w9 Q
4 i3 k/ j# B8 [步骤五:选取该对话框的Animation选项卡,如上图。在这里我们可以设定GIF动画中每一帧的插放时间,这里的最小时间单位是1/100秒即0.01秒。因此,如果我们对某一帧的插放时间设定得越长,则该帧图片就会停留得越久。还有一点,我们必须注意:Fireworks默认的GIF动画只是播放一次并不循环,如果你想使自己做出来的动画是无限次循环插放的话,我们必须按下\"Loop\"(循环)按钮+ _9 P7 K, q6 s/ y9 Q3 ]- f" C
' L0 O( u+ m( X, Y2 Y) [
循环播放的次数域中选取“forever”。最后,你只要按下\"Next\"(下一步)后再输入“File Name”(文件名)就一切OK啦。 一点补充:大家先来看看这个动画
) N9 u$ U6 C$ L6 B% u4 |! Q- F) C
2 |* X) h( N' K5 G, I" M与上图那个有什么区别?告诉你,原来该动画被我设定了循环播放的次数三次(在\"Loop\"按钮右边的次数设定菜单框内进行选取),因此动画循环播放三次后便停止。 |
|