|
|
GIF动画的实现，是由逐张图画在不同的时间段快速地显示出来，由于人眼有0.1秒的视觉暂留，所以图像看上去就像是动了起来。而每一张图画就叫作“帧”，它是组成动画的基本单位。 GIF图形动画为网页增添许多活泼生动、复杂多变的图形元素，因此GIF动画在网页制作中被广泛应用，甚至大家喜欢的 QQ动态表情 大多也是Gif动画呢。 Fireworks正是制作GIF动画很好的工具，这一部分我们看看Fireworks MX 2004在动画制作方面的特色。
4 t/ h+ n; ?' @) t! a1、制作GIF动画
0 B7 H& C5 ]1 W9 \# j 我们先来做一个简单的五帧动画例子。在工作区上随意画上五个对象，按住Shift键选中所有对象，如图6—01。 $ F# P1 K3 {8 j8 f
; ^8 z( o, T+ v# {) f4 ? `5 ^4 S' Q " z. o$ G/ \) X8 Z
图6—01 ' s. `3 M) M2 q
然后点击菜单栏上的“窗口—帧”命令来启动“帧”面板，如图6—02 : B( T) M: W3 L9 D! X
0 w( j3 o; s6 R' H$ D+ U
 7 c5 n& I! _2 j! _( A" v4 R
图6—02
5 }$ h* s: e. |; @ 点击“帧”面板右下角的“分配到帧” 6 Q( k, D- M7 c. B
9 [9 L4 V% c6 `+ d) d( V/ V# d 按钮，在“帧”面板上会自动生成一个五帧的动画。这样，一个简单的动画就制作完成了。而这动画一至五帧的对象是按照对象建立的先后顺序生成的。完成后动画效果如图6—03。
8 Q3 y4 s2 P* ]5 { a
8 ]( B7 t5 b: b7 c4 }. a5 A7 ~# L0 l
3 k9 ]" g& r$ ?! X, K+ U7 s图6—03 ( S# y8 `4 x' v1 l5 d
点击“帧”面板右下角的“添加” $ D9 b9 o) B$ L( i5 p: G. U
% f+ O- r% ~, J1 N 或“删除”
, n7 n) U* |+ c( G0 S . x- L( C& k8 N+ c2 R5 s w8 M
按钮，可以添加或删除被选中的帧。而在“帧”面板左下角的“循环”
6 v: K5 L( C5 B
0 [ S; X6 I- W5 ~ 按钮可以设置动画的播放次数，如图6—04，当前所选择的是“永久”循环播放。 $ V- D% c7 H# B+ z4 D% [- q
2 u) d1 D) Z2 _
% M& z& F5 L; @+ [( @图6—04
( F& E1 ^+ H% d! j[首页]????[上一页]????
; q: O4 s- f3 q/ k- y( B[下一页]4 s2 j- ^5 Q) X
????
# m9 Z U" W u[末页]
; Y# ^0 D6 D9 ?????选择页数1230 \+ M0 q) K/ E( O$ B
2 W R, _! h ^4 W* ^
7 Y$ c1 I+ V) F4 g/ L2、“帧”面板的使用 3 j) u, S5 S% Z* K) B; k6 k3 j
在Fireworks中GIF动画的制作离不开对“帧”面板的操作，因此学会对“帧”面板的使用非常重要。 . C5 a ?/ r E# C
帧的重命名：在“帧”面板上双击帧的名称，即可为该帧重命名，如图6—05。 + G) j L! p, F9 K4 @; ]2 s
9 e/ J) r4 a8 \ Y' [' y9 Z& p2 P) y
7 E& @3 l3 H. Q$ S2 @2 m* C图6—05
4 w0 ?% F( e( D' T 帧的延迟时间：在每一帧名称的右边都有一个“7”字。这些数字表示各帧的延迟时间，这里的“7”表示该帧的延迟时间是0.07秒。双击该处即可重新设置帧的延迟时间，如图6—06。 ' I4 F4 q' v' `7 }
$ @0 T9 u3 T7 B: W3 ?! ]3 i( E, q / n0 f S1 h2 I- v% j+ U" u
图6—06 ' K6 m( X! ~, a( g) f& Y
添加帧：点击“帧和历史记录”组合面板右上角的下拉菜单，如图6—07。 2 Q( \% S1 ~, w
2 a0 g9 Y6 y) Q
& f$ w& ]! d9 `% |图6—07 ; K4 e( t+ f, B) [! O
选择“添加帧”可以为当前的动画添加新帧，如图6—08。
# p) u7 q- e' u9 O
; Y( Q4 z0 }8 B& m# q% S
. _# E2 C1 H) F& v w% O图6—08
" m- V; h* W) G7 b$ v5 O 数量——可直接输入要添加的帧数。 在开始——在动画的第一帧前进行添加； 当前帧之前——在当前被点选帧之前进行添加； 当前帧之后——在当前被点选帧之后进行添加； 在结尾——在动画的最后一帧后面进行添加； 重制帧：可以复制当前被选中的帧，设置对话框与“添加帧”对话框相同。 删除帧：删除当前被选中的帧。
1 J7 a4 ? y# A' O, n" f$ Q$ c/ F 复制到帧：单击该项，如图6—09。可把某帧在画布上的对象复制到其它的帧上。也可以在对话框中输入复制帧的“范围”。 # ^, B1 y. d0 V9 w; o
2 j7 Y4 L0 ?6 O( H' g( e
3 |. |1 u/ L& `) B% m; m, V) I图6—09 7 z* J) K6 L# w" H
分散到帧：该项与前面所讲的“分配到帧”
! @/ p, w' B9 S( z; J n
; I- Q' [$ _8 |/ K6 L; T 功能相同。2 s4 K) [. y ~, p K6 J& @/ z, A
9 m8 w3 o) S+ i! E5 b
[首页]
! N2 W7 b9 j8 s2 z1 _, J????4 ?$ b8 U1 A( O4 L2 w0 q0 \; N' a7 X
[上一页], m) @- x9 x2 Z- K, u. V
????( ^- f- n1 h/ n3 z( P
[下一页]( d$ }' H" R- p8 M
????
2 d6 u; p) q# `) d[末页]
3 Z- z. X8 l4 l7 b????选择页数123
, h. A6 G" |9 s/ {) G5 Z; t$ q0 S! x8 P6 W" L2 V$ v" C: a
3、使用“洋葱皮”功能 + P+ ?* n! S5 ~0 u( P0 D- Q" n3 H. ?
在动画制作当中使用“洋葱皮”功能可以方便地查看当前所选帧之前和之后的帧内容。从而为动画的制作带来方便。 8 D6 a9 t0 x! S1 K7 e" t
点击“帧”面板左下角的小箭头
" T2 ?' } T N Y7 A$ L* Y 9 `$ L$ ^: F% d5 `) t$ g
按钮，即可弹出“洋葱皮”功能选项，如图6—10与效果图6—11。 * j3 O( [# }# S9 y
9 A/ ?' W0 |4 \3 n 4 ]7 E* B. F* \7 n7 x; P, ?
图6—10
5 G! T2 U! P8 }. d1 i4 z. I: a% C! _7 U5 C
 % T0 x5 ~- t* O8 q. C, g7 R
图6—11
" Z$ [% D8 K* H, J f1 |0 l 启动“自定义”项可以自行设置显示的帧数及不透明度等，如图6—12。
9 d" Z: U! I$ e: m0 [1 Z+ A. Q* @: `8 @. q q }. H
 ( E* n+ \8 ^' P, W: m
9 m6 n, w3 K! e) X" o! Q- ^4 h图6—12
) W- ~* E( R5 `. L8 G N 而“多帧编辑”则是允许同时编辑多个帧的对象，从而免去了在多个帧之间来回切换的麻烦。
8 F3 R! }$ e! L2 i; _4、图层的使用 ; S" c! ~) F' f) C) J: c/ e: `
在Fireworks中绘制对象或图形的过程中，更多的时候是使用图层面板进行对象的选择与调度。而在动画制作当中，层面板的使用也同样重要。 `2 V2 j" N/ t% d
?
# U1 U" m- ] k1 W/ ~' q[首页]
$ M1 I/ z" F1 y4 \$ N6 l u????* s ?$ {% i) |( p) |. \
[上一页]3 l! g. w8 H% j, X
????[下一页]????[末页]????选择页数123 |
|
IP卡
狗仔卡
提升卡
置顶卡
沉默卡
喧嚣卡
变色卡
抢沙发
千斤顶
显身卡
在线客服（工作时间:9:00-22:00）
