Fireworks 4 完全教程 创建动画(Animation)(下)

[复制链接]
查看: 759|回复: 0
gggds 发表于 2009-12-27 14:02:49 | 显示全部楼层 |阅读模式
  刚才我们已经创建了一个动画,如果以传统的方法来实现这个效果所需要花费的工夫简直难以想象,现在Fireworks都为你做好了。现在我们来看一下Frames面版,选择Window->Frames打开它。
! i5 g4 @' o, G2 ^9 ]0 u& R% B7 M1 W" ?7 c7 n4 f+ z" I8 G+ H2 X# i- s

# }* e7 P% I7 l4 h3 t3 r  C+ [# y# j9 B3 w; K- O: Y: k
  在Frames面版中可以看到有Frame1-Frame15一共15帧,这就是刚才在object面版中设定帧数时自动生成的,每一帧右面的数字7代表帧的延迟时间,它是以百分之一秒为单位的,即100为一秒,你可以点击右上角的箭头,在菜单中选择Properties来设置每一帧延迟的时间。
5 T" P7 Q; I+ s  I1 H, W7 x* T/ |  点击左下角的Onion Skinning按钮会出现“洋葱皮”菜单。“洋葱皮”功能可以帮助你不用在帧之间前后切换就可以对动画进行平滑处理。“洋葱皮”一词来自于传统的动画技巧,当时是使用非常薄的,半透明的描摹纸来查看动画序列的。当“洋葱皮”功能开启后,当前帧前后帧的对象就会显示出来,不过颜色非常暗淡,这样你就能够同当前帧的对象区分开来了。
" _& I6 t$ {5 ?9 ?* l+ m  “洋葱皮”菜单中共有以下这些选项:
8 D$ i: n5 ]; V
1 H& R; T& e; V; I! ~! w* y/ @3 X( `+ i
2 C, d. Q% [5 h8 z& L5 g! |7 h

6 T1 ?5 |! r5 y8 qNo Onion Skinning:关闭\"洋葱皮\"功能,只显示当前帧的内容。 - S% o6 W2 G% z+ l+ D' s/ f: v
8 F: E; J' M' g
+ \; Z) ^' j+ H- ]
, I1 U" O2 U! t( F) j0 w5 j

+ ~% E4 D! p4 H3 Q" s; H) ~. sShow Next Frame:显示当前帧及其随后一帧的内容。
6 v# B* T1 ?# g) N3 |) ^% }7 ~3 @' e+ T! i+ ]) G. U, Q) i
  p) o7 P- r& F# ]. e4 s) j3 G
$ B9 h  A6 N1 y$ N

- N  [9 g/ `3 K+ N/ R- W2 a$ k7 CBefore and After:显示当前帧及其相邻帧的内容。 4 O3 ?3 V* c8 v8 P5 Y: C5 X
) k! T4 m& \4 @1 a% b0 m
+ C+ }7 e( t6 v
  F; e: V( Q% r$ p$ q

2 z+ K. w' y6 q  N, X# WShow All Frames:显示所有帧的内容。
1 E- K5 r! q7 U7 K, X+ ?
/ a: `# g6 m4 T) C3 [2 y) |) ^4 F# q0 ^! H' D

; H6 u0 U* N* q- D0 s
9 G. n3 O; q9 M0 {5 p" iCustom:你可以设置显示帧的数目,控制\"洋葱皮\"的透明度。
% ~0 u3 e* T1 q% S2 l3 J7 y
  m) L3 r* d! @5 H- X$ j
4 N9 C9 X9 V1 O3 K, v; Z  c+ B9 l5 I! @# s1 F  k) _

+ y3 m' M$ ~  z7 s+ @Multi-Frame Editing:选取并编辑所有可以看到的对象,如果取消,就只能选取和编辑当前帧的对象。 2 y# ~: h) d( G3 B* u, _$ q
  下面的显示效果就是用运用了“洋葱皮”Show All Frames之后的结果。
# H. `- d6 Y& L, d
7 ?& O5 e, j1 u3 d. U
# g' G1 p3 S6 n7 S# ~# M# g/ x) H
2 [: O5 u* b* B# n  “洋葱皮”菜单边上的是GIF Animation Looping按钮,用来控制动画循环回放的次数。
8 `% D; h; G9 v% @  有的时候,一个gif动画并不单单只是一个动态的效果,你可能还需要在画板上加上一些静态的元素,例如公司的Logo等等,如果你现在将这些对象添加到画板上再回放动画,你会发现静态的元素仅仅出现在某一帧上,而其余的帧并没有分享到这个静态的对象。这是因为Fireworks有一个分享层的概念,只有将这个层分享后它的内容才会出现在每一帧上。选择Window->Layers,打开Layers面版。3 Z" V2 s+ h2 B( J
% P; z4 G( F# r6 e# h

5 v9 I9 t3 x4 n* `8 }+ ~* m6 `6 B
! t7 N9 R# j9 U1 f! Z$ j  在Layers面版中,我们可以看到一个动画层和刚才添加的静态对象所属的层,选中这个层,点击右上角的箭头,在弹出的菜单中选择Share This Layer实现对这个层的共享,这样它就会出现在每一帧中了,共享之后的层会出现一个共享的记号,如图:
% C" o2 C) r  i; j, ~  t  W  d; i: c7 L  I+ N" [8 {( H9 G
" t- ^, W3 {7 Q8 p4 k% Y" g
. w0 j: k0 T( L- o+ z
  在共享图层之后,Fireworks会将所有帧上该层的对象删除,因此习惯上先绘制静止的对象,然后应用动画的效果。8 e$ x+ |# ]9 [  d" Q* O8 z
  Preview动画效果满意后,我们要做的最后一件事就是将动画文件输出,选择File->Export Preview进行输出预览,关于输出动画的选项参数,请参考专门的介绍,需要注意的是,输出动画gif时需要选择Animated GIF格式,这是输出后最终的结果。

本版积分规则

精彩图文

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