|
|
GIF动画的实现，是由逐张图画在不同的时间段快速地显示出来，由于人眼有0.1秒的视觉暂留，所以图像看上去就像是动了起来。而每一张图画就叫作“帧”，它是组成动画的基本单位。 GIF图形动画为网页增添许多活泼生动、复杂多变的图形元素，因此GIF动画在网页制作中被广泛应用，甚至大家喜欢的 QQ动态表情 大多也是Gif动画呢。 Fireworks正是制作GIF动画很好的工具，这一部分我们看看Fireworks MX 2004在动画制作方面的特色。
. Q a* u: x* B/ y1、制作GIF动画 : C5 {8 ~& e y; |& m; b
我们先来做一个简单的五帧动画例子。在工作区上随意画上五个对象，按住Shift键选中所有对象，如图6—01。 5 t1 P4 d3 k7 _, W$ S
2 X4 H$ l- |% y1 n1 V) n
; z& I7 H# L$ Q% ?图6—01 2 z- Q( a8 F. j+ P
然后点击菜单栏上的“窗口—帧”命令来启动“帧”面板，如图6—02 5 P) j% Z* z2 L
3 r+ l* N2 w6 B5 a, I
' C5 u* G# U. M7 Y! |# s图6—02
+ o% ~0 @, `5 p! D4 R; V 点击“帧”面板右下角的“分配到帧” 7 l1 Q/ A6 S3 [- A
0 x" v' w4 p) z6 F1 Y/ i% L) M 按钮，在“帧”面板上会自动生成一个五帧的动画。这样，一个简单的动画就制作完成了。而这动画一至五帧的对象是按照对象建立的先后顺序生成的。完成后动画效果如图6—03。
5 E& z6 A% ^8 q% N+ @8 Q+ h+ F, T4 ?$ ~9 d. [
" I- [* m! }% ^; j e5 i; p图6—03 1 _4 O @9 k6 U% R7 \3 ~
点击“帧”面板右下角的“添加”
" f) K. E3 x% l. K 1 N, _( Y& N) i! M( L! n7 E
或“删除”
4 o, A, h% x2 P- \( J% I1 \
8 ?3 g V% V$ C# n* z) U- c' m 按钮，可以添加或删除被选中的帧。而在“帧”面板左下角的“循环”
a" s8 _3 b- `8 }
; B, O, ]$ [+ U) \* s7 u& V* Z 按钮可以设置动画的播放次数，如图6—04，当前所选择的是“永久”循环播放。 3 D( }3 ~! |) f' z
- j1 G1 y' h- q2 i! {* P: e6 B: X4 \0 _
5 N! n& j, @( O( g0 u( J7 o图6—04
* h L$ M3 l1 c# c; K7 Q( a[首页]????[上一页]????
\# z, z$ F3 u1 U: o- V8 R[下一页]
% J7 @3 i; o$ ~3 n o????
# I! J2 Q0 Z# |8 M& {. B% l[末页]
$ i) u- V# Q1 _" Z????选择页数123# d5 E- _) g1 R
; Y; m5 Y. S/ f3 \7 C
- ^& `/ I8 Y' e% _" u- H+ a' y2、“帧”面板的使用 * M+ H' R% @; q
在Fireworks中GIF动画的制作离不开对“帧”面板的操作，因此学会对“帧”面板的使用非常重要。 " S( Z3 |: O. \2 q& H! d
帧的重命名：在“帧”面板上双击帧的名称，即可为该帧重命名，如图6—05。 - \/ y K/ |* ^/ v
# a- p ?* I! s4 f2 n2 W0 v; T
 2 o2 k0 e* p" u7 s5 A* s
图6—05
4 R; P- y: k z4 B7 F! a+ C 帧的延迟时间：在每一帧名称的右边都有一个“7”字。这些数字表示各帧的延迟时间，这里的“7”表示该帧的延迟时间是0.07秒。双击该处即可重新设置帧的延迟时间，如图6—06。 + @3 q0 i. I0 U& [* l2 t- `
# `. A7 z! j$ D
% f5 T K5 J9 y( w6 s图6—06 6 h3 ]2 N) i( W- D
添加帧：点击“帧和历史记录”组合面板右上角的下拉菜单，如图6—07。 2 @: k) D6 x: k1 |. C
9 h+ @- G6 ~/ B5 A+ K( {
* L: \ t m- @2 X图6—07 : \4 h+ @* d/ A( w; T; R) J/ ^* q
选择“添加帧”可以为当前的动画添加新帧，如图6—08。 0 m& n$ }5 y2 s$ ?1 R& m/ N9 [
% P1 H. ~% }6 y, s, E% W* y. d Q
* N: m( f8 G4 i) r/ u! I图6—08 ' |( A# J1 ~' H4 \! @
数量——可直接输入要添加的帧数。 在开始——在动画的第一帧前进行添加； 当前帧之前——在当前被点选帧之前进行添加； 当前帧之后——在当前被点选帧之后进行添加； 在结尾——在动画的最后一帧后面进行添加； 重制帧：可以复制当前被选中的帧，设置对话框与“添加帧”对话框相同。 删除帧：删除当前被选中的帧。 , @, R* t1 Y9 h; o0 ~1 D
复制到帧：单击该项，如图6—09。可把某帧在画布上的对象复制到其它的帧上。也可以在对话框中输入复制帧的“范围”。
6 R* l/ o; p0 ^$ C y8 s
: t1 ?( ~4 _% W @' T W - U2 |, _0 ~+ U% }- _1 _
图6—09
\4 U' P0 B6 w/ t* D 分散到帧：该项与前面所讲的“分配到帧” / I: a, l3 A+ W- G. T
 2 q# c8 c( N$ s3 z
功能相同。
7 S B- X) {0 R8 \ s$ l) G, i* r" p# n Q5 g
[首页]
) [) ]; [2 S4 G- V# Z& Y2 f????6 ^2 B! I# V& K2 R
[上一页]0 b! D8 L5 s; ?0 s( `2 f1 q
????0 {, o5 ]! h7 ]) e( ?
[下一页]
+ ^2 X9 \2 y& k: v* M$ d: n????
( S1 q) t8 `6 B" }6 O& R( A4 b[末页]
6 a0 c6 `0 B! S- G9 Q????选择页数123
1 ~* E* V ?$ o8 m( x6 e( g
, Z0 i. ~& p O3、使用“洋葱皮”功能
4 e4 T* z3 ?( r$ ^7 n' ]1 L+ d 在动画制作当中使用“洋葱皮”功能可以方便地查看当前所选帧之前和之后的帧内容。从而为动画的制作带来方便。
$ _" Y2 D8 u3 \+ ?0 w/ V" A/ Q 点击“帧”面板左下角的小箭头 " Q7 N0 ?# A: j) c
 3 e! k7 C, L/ l6 ^6 s' }, @' u* ?
按钮，即可弹出“洋葱皮”功能选项，如图6—10与效果图6—11。
+ T$ j: c" d7 E2 O4 l% J
: s1 P1 R! U1 O2 K L3 Q- K4 y 9 p1 [6 e6 g, b" Q* q$ m
图6—10 - S4 H f+ `% [. J! U9 m4 }8 }
/ h, W2 [! l7 N7 R& K
3 w' y0 _0 s i& ] D0 w1 @图6—11
. ]- J9 ]6 k* D# Y 启动“自定义”项可以自行设置显示的帧数及不透明度等，如图6—12。
5 g" I. S# R6 r: u' |% j
8 Q% F& p- s2 |- R- W
2 T# H8 T( i @
/ p0 L# @" B' e图6—12 : D* _+ P# z, |0 z, T
而“多帧编辑”则是允许同时编辑多个帧的对象，从而免去了在多个帧之间来回切换的麻烦。
6 q7 r" r" a9 b4 i4、图层的使用 V( b# } J. B$ n, @
在Fireworks中绘制对象或图形的过程中，更多的时候是使用图层面板进行对象的选择与调度。而在动画制作当中，层面板的使用也同样重要。
3 l5 |" r, s! p# V# e; D?
* f7 l( W2 ^0 T[首页]" L) a/ X1 B; n9 p) O
????
' K1 k% o9 C* G1 S3 c[上一页]4 d2 U( C" q8 d6 v3 @
????[下一页]????[末页]????选择页数123 |
|
IP卡
狗仔卡
提升卡
置顶卡
沉默卡
喧嚣卡
变色卡
抢沙发
千斤顶
显身卡
在线客服（工作时间:9:00-22:00）
