Fireworks MX 2004 制作GIF动画

[复制链接]
查看: 251|回复: 0
gggds 发表于 2009-12-27 12:13:27 | 显示全部楼层 |阅读模式
GIF动画的实现,是由逐张图画在不同的时间段快速地显示出来,由于人眼有0.1秒的视觉暂留,所以图像看上去就像是动了起来。而每一张图画就叫作“帧”,它是组成动画的基本单位。 GIF图形动画为网页增添许多活泼生动、复杂多变的图形元素,因此GIF动画在网页制作中被广泛应用,甚至大家喜欢的 QQ动态表情 大多也是Gif动画呢。    Fireworks正是制作GIF动画很好的工具,这一部分我们看看Fireworks MX 2004在动画制作方面的特色。 2 X# r; W4 s+ `9 n1 D  M! O* l) F
1、制作GIF动画 ( K; |3 Z' D9 _1 t5 J! C
  我们先来做一个简单的五帧动画例子。在工作区上随意画上五个对象,按住Shift键选中所有对象,如图6—01。 ( A' J1 e$ \2 _- S, c) o

- X! t1 \+ G  {. p9 w: o
+ j2 f! r# j+ `图6—01 ) H0 |5 c: I& }! J6 ^
  然后点击菜单栏上的“窗口—帧”命令来启动“帧”面板,如图6—02 0 X: ]9 r  N# }& v; r

  r. ^9 F- J- s2 k4 @. L1 X3 y' M, n! E  s; z" f3 ~- M- [
图6—02
* G7 p  Y; l* a. l  点击“帧”面板右下角的“分配到帧” ( G) {8 B* B$ R* u
. z( o  x3 s' N8 t( r0 B
按钮,在“帧”面板上会自动生成一个五帧的动画。这样,一个简单的动画就制作完成了。而这动画一至五帧的对象是按照对象建立的先后顺序生成的。完成后动画效果如图6—03。
0 p7 `1 T1 ~/ a5 _% C
1 l* t; {" }- `+ Q! u$ L( k; y: @
图6—03
. {9 w8 C$ D1 l  A  点击“帧”面板右下角的“添加” ; G+ C8 ?- f& p* }' W

$ C5 c' ^5 F# s1 i5 l" H! p 或“删除” ( t7 D/ ~4 {3 {+ t

0 y) ^/ v! z$ j! t* ]$ E% I0 x8 f 按钮,可以添加或删除被选中的帧。而在“帧”面板左下角的“循环”
3 J& G2 x: E2 N. a" d1 z! P5 C3 I3 F9 a) `. I4 z' C7 |+ u
按钮可以设置动画的播放次数,如图6—04,当前所选择的是“永久”循环播放。   n( E( U" b: ?
, r; O2 y6 L4 ]) t1 s
8 t  i; C& \8 U# c
图6—04' k/ O" [! L9 B! F8 L, U9 x8 P
[首页]????[上一页]????& B$ a1 ^) q+ r: m
[下一页]9 M: j* K3 \. c6 ?* l# n
????: a) B- r% q4 `9 |
[末页]+ N, m4 ~* k' M
????选择页数123
. o: X. _* \% q2 I3 y7 S
2 f7 ]: a3 t7 k8 T6 U5 b) ^/ |0 c6 o" A% H9 ~2 O
2、“帧”面板的使用
0 H" Y) E" _' T  在Fireworks中GIF动画的制作离不开对“帧”面板的操作,因此学会对“帧”面板的使用非常重要。
! \2 d: F# f' y2 m8 Q( R9 Z4 c  帧的重命名:在“帧”面板上双击帧的名称,即可为该帧重命名,如图6—05。   _* W$ q9 e, n6 I- w; x" f- i

; {7 R3 k% I4 j6 T$ @2 ?- ]
& ^1 Q+ r$ V9 @' E图6—05 8 |$ Q0 M* F. V1 |
  帧的延迟时间:在每一帧名称的右边都有一个“7”字。这些数字表示各帧的延迟时间,这里的“7”表示该帧的延迟时间是0.07秒。双击该处即可重新设置帧的延迟时间,如图6—06。
3 q7 K* h0 J/ c6 y% y% F9 C6 S; J1 |* Z: @

" P5 b- v. a- [" r图6—06 ( Y) f" m: k* ~
  添加帧:点击“帧和历史记录”组合面板右上角的下拉菜单,如图6—07。 3 A2 `% a! ]$ V: N

1 J& f2 J3 V/ K/ V, K: ?. A3 d3 R$ t! Q. B2 @! W. f1 a
图6—07 , O1 w3 W1 _& ^* O: v( k: t- M$ X
  选择“添加帧”可以为当前的动画添加新帧,如图6—08。
* k: D, E) r* N) U5 z1 P# d# J- O4 b4 z0 ~

8 a) F. j* ]  c+ s; U3 a+ ~图6—08
1 V0 w5 v! y9 `8 m  数量——可直接输入要添加的帧数。    在开始——在动画的第一帧前进行添加;    当前帧之前——在当前被点选帧之前进行添加;    当前帧之后——在当前被点选帧之后进行添加;    在结尾——在动画的最后一帧后面进行添加;    重制帧:可以复制当前被选中的帧,设置对话框与“添加帧”对话框相同。    删除帧:删除当前被选中的帧。 / B* u% J% E& H) }: I8 h+ k! h, d9 R
  复制到帧:单击该项,如图6—09。可把某帧在画布上的对象复制到其它的帧上。也可以在对话框中输入复制帧的“范围”。
7 B; s1 L9 R6 `  x$ p/ k/ f2 b1 x: V$ b2 x) P4 d- i

! \. ]; w" ~  A) |6 t图6—09 3 K3 K  n- G3 j1 v6 y2 K
  分散到帧:该项与前面所讲的“分配到帧”
9 @4 a+ f$ I7 b1 B" t3 J' A
6 D+ k+ \# M9 d9 u, X. W) z 功能相同。& J- t  X: o% s" N( p2 \; q

) j2 T: i9 ~5 ]3 M) ~[首页]
$ u# U6 R9 Z2 B* W! |, s- B; e6 K????( I8 J4 b, _. |+ x  H
[上一页]/ G. o0 G% r; T, `3 M: j
????6 |* [" a$ R4 B) n' {8 R) d4 j
[下一页]
# i( v$ E) G, B  K- V6 f????
; y, w4 [5 T! i[末页]
1 ]) a! ?2 {  z' [+ I8 p* N# p5 g????选择页数123
# u8 i6 ]1 S# D4 r* q! Z
' X: F0 M( b! u- b3、使用“洋葱皮”功能 . s" a: Q9 A$ e- `, E) T7 }
  在动画制作当中使用“洋葱皮”功能可以方便地查看当前所选帧之前和之后的帧内容。从而为动画的制作带来方便。 0 W! J5 q6 I9 _* P+ t0 g: v
  点击“帧”面板左下角的小箭头
5 q) |* P# Z4 o7 z2 s
! m: c1 o( P5 w+ x 按钮,即可弹出“洋葱皮”功能选项,如图6—10与效果图6—11。
0 z' X% L1 F: _! Z  z6 F& y+ r7 q- p1 `( t) L, q/ W- D: M

1 H0 g, r! H: P' S& T0 E* x图6—10 ; o& |- \( i3 g& o  ]. H; `
6 Y6 K- \7 W6 p" }( ~0 A, `

0 V* n: f" o5 }5 o图6—11 / W; A* b" |  Z) k3 R: m: U/ U
  启动“自定义”项可以自行设置显示的帧数及不透明度等,如图6—12。 . a9 L8 W# {2 L* n, S

. ]' e9 A3 g/ D4 f7 `. @+ Q
: C" |$ K$ G. J  r9 k) T1 K
' ]' X7 m+ `4 c# S! `图6—12
& k8 x4 d) K. s8 [) r8 D  而“多帧编辑”则是允许同时编辑多个帧的对象,从而免去了在多个帧之间来回切换的麻烦。 5 q; z/ B4 h% l
4、图层的使用 % j5 U5 b9 j# J- C+ k; w- T
  在Fireworks中绘制对象或图形的过程中,更多的时候是使用图层面板进行对象的选择与调度。而在动画制作当中,层面板的使用也同样重要。
0 @0 Y" v& `8 p?
" i5 q0 I/ p, C% p! K[首页]
2 `, e) I: ?+ H. b$ u????2 c" d% u3 Q# u- k8 I
[上一页]4 e% a5 W" [3 B
????[下一页]????[末页]????选择页数123

本版积分规则

精彩图文

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