FW MX 2004教程(6):动画制作

　GIF动画的实现，是由逐张图画在不同的时间段快速地显示出来，由于人眼有0.1秒的视觉暂留，所以图像看上去就像是动了起来。而每一张图画就叫作“帧”，它是组成动画的基本单位。?GIF图形动画为网页增添许多活泼生动、复杂多变的图形元素，因此GIF动画在网页制作中被广泛应用，甚至大家喜欢的\" target=_blank大多也是Gif动画呢。?　　Fireworks正是制作GIF动画很好的工具，这一部分我们看看Fireworks MX 2004在动画制作方面的特色。
3 i* d# U& u, C, Z( L% k) |
: r& R, p! o7 Z0 f6 n, |( p/ L+ C　　1、制作GIF动画
8 f! l: U2 `8 N" F4 y) W& a　　我们先来做一个简单的五帧动画例子。在工作区上随意画上五个对象，按住Shift键选中所有对象，如图6—01。
' l: }" K3 I" l6 F; F9 A* U
, U) o$ Q8 a( N% v& v$ {
图6—01
  I2 X0 p" P8 \/ U+ \0 U3 N4 p　　然后点击菜单栏上的“窗口—帧”命令来启动“帧”面板，如图6—02
6 i9 C1 T7 W6 I/ w5 |/ T0 t0 G

& R2 n+ v" U! q+ N7 [1 n# L 图6—02
$ Y& r) S3 ?& B. d" m  ?, K% J1 Z. L　　点击“帧”面板右下角的“分配到帧”

. v2 X& w" X  O2 E- X ?按钮，在“帧”面板上会自动生成一个五帧的动画。这样，一个简单的动画就制作完成了。而这动画一至五帧的对象是按照对象建立的先后顺序生成的。完成后动画效果如图6—03。
$ z4 ^6 @* D0 }% l* q

图6—03
　　点击“帧”面板右下角的“添加”

?或“删除”

  p, z. y9 \& o9 D  j. j: v ?按钮，可以添加或删除被选中的帧。而在“帧”面板左下角的“循环”
( W' z$ |( |, ?  j3 `3 }0 O
& n( u4 c, O" O6 `; q ?按钮可以设置动画的播放次数，如图6—04，当前所选择的是“永久”循环播放。
! y. J# ?9 _: }) C3 Q4 L

; _8 M/ `' f7 h# j  v 图6—04
0 V4 L. q$ o. \0 h　　2、“帧”面板的使用
　　在Fireworks中GIF动画的制作离不开对“帧”面板的操作，因此学会对“帧”面板的使用非常重要。
. K& a5 |  z0 k% w/ P( V　　帧的重命名：在“帧”面板上双击帧的名称，即可为该帧重命名，如图6—05。
2 E/ s+ f" `7 T4 F/ H  d

图6—05
7 f- L5 R0 r- o9 o, g8 n2 D　　帧的延迟时间：在每一帧名称的右边都有一个“7”字。这些数字表示各帧的延迟时间，这里的“7”表示该帧的延迟时间是0.07秒。双击该处即可重新设置帧的延迟时间，如图6—06。
  V; [7 O/ {1 J3 ]
9 @9 ~0 q" h' Q2 x
$ v3 \0 _3 s7 n# d1 W 图6—06
9 l- C. n5 X- J: P1 J9 J  C　　添加帧：点击“帧和历史记录”组合面板右上角的下拉菜单，如图6—07。

. ^  L' Y1 ~* W9 i1 h/ s
图6—07
　　选择“添加帧”可以为当前的动画添加新帧，如图6—08。


图6—08
( e7 C( D. g2 r  x. U, N2 O　　数量——可直接输入要添加的帧数。　　在开始——在动画的第一帧前进行添加；　　当前帧之前——在当前被点选帧之前进行添加；　　当前帧之后——在当前被点选帧之后进行添加；　　在结尾——在动画的最后一帧后面进行添加；　　重制帧：可以复制当前被选中的帧，设置对话框与“添加帧”对话框相同。　　删除帧：删除当前被选中的帧。
　　复制到帧：单击该项，如图6—09。可把某帧在画布上的对象复制到其它的帧上。也可以在对话框中输入复制帧的“范围”。
1 \4 n! Y7 C' A1 w
* y& }7 f  W2 Q- s
4 x, e: l% i: L" O4 |3 E' p 图6—09
4 g& e4 m4 A5 Z9 t9 J& B2 w% q　　分散到帧：该项与前面所讲的“分配到帧”
$ G- {" l  a2 c" g
& E0 h$ I0 V4 Y2 E* f9 k  L ?功能相同。
# I3 Y3 Y( G) R3 f, s( u0 n3 X( j　　3、使用“洋葱皮”功能
　　在动画制作当中使用“洋葱皮”功能可以方便地查看当前所选帧之前和之后的帧内容。从而为动画的制作带来方便。
8 d6 e7 D* p" T5 p# q& F　　点击“帧”面板左下角的小箭头
0 T. R: V- W/ j' g
?按钮，即可弹出“洋葱皮”功能选项，如图6—10与效果图6—11。


图6—10


0 r0 D' T! b- [/ q) k( F 图6—11
5 `  p8 T, T# P+ ?8 e　　启动“自定义”项可以自行设置显示的帧数及不透明度等，如图6—12。
8 u& @' t) @  x  ^: _
/ @3 c3 i8 D; h. u

图6—12
　　而“多帧编辑”则是允许同时编辑多个帧的对象，从而免去了在多个帧之间来回切换的麻烦。
　　4、图层的使用
2 l* @5 v: f: q; z3 N) c4 o　　在Fireworks中绘制对象或图形的过程中，更多的时候是使用图层面板进行对象的选择与调度。而在动画制作当中，层面板的使用也同样重要。