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

[复制链接]
查看: 731|回复: 0
gggds 发表于 2009-12-27 14:02:49 | 显示全部楼层 |阅读模式
  刚才我们已经创建了一个动画,如果以传统的方法来实现这个效果所需要花费的工夫简直难以想象,现在Fireworks都为你做好了。现在我们来看一下Frames面版,选择Window->Frames打开它。
$ m( m$ i" P1 U* f
2 Z5 j" M$ v4 r) x! T! w1 u2 _+ p: v0 y, s6 F# Q9 a( H* N
+ p7 g. G; Q5 C3 C8 B3 c
  在Frames面版中可以看到有Frame1-Frame15一共15帧,这就是刚才在object面版中设定帧数时自动生成的,每一帧右面的数字7代表帧的延迟时间,它是以百分之一秒为单位的,即100为一秒,你可以点击右上角的箭头,在菜单中选择Properties来设置每一帧延迟的时间。- V  k. Y2 k% Z! J( |$ M! K
  点击左下角的Onion Skinning按钮会出现“洋葱皮”菜单。“洋葱皮”功能可以帮助你不用在帧之间前后切换就可以对动画进行平滑处理。“洋葱皮”一词来自于传统的动画技巧,当时是使用非常薄的,半透明的描摹纸来查看动画序列的。当“洋葱皮”功能开启后,当前帧前后帧的对象就会显示出来,不过颜色非常暗淡,这样你就能够同当前帧的对象区分开来了。0 y7 E1 |4 u: @4 c' L4 _) J7 U
  “洋葱皮”菜单中共有以下这些选项:
3 Y  g/ v' l; Y
' Y; ^. g5 T1 v$ Z8 v4 r! h* E# K* x9 }

0 B6 K( ]! T( J% h! _: j% j3 Y( |2 m0 B1 M0 G) N% o& J: s; |: v
No Onion Skinning:关闭\"洋葱皮\"功能,只显示当前帧的内容。 + q( P! j6 D2 p

: I% o  o1 G) f$ u$ ~
, G* l9 o) x! ~2 V& u( N7 k( c
9 c: A/ S0 ]2 @; I. K
3 ~& f+ v( I/ O$ \1 QShow Next Frame:显示当前帧及其随后一帧的内容。
5 z7 A$ Z) {. B: R; m" k
- p0 a7 H& e2 k+ h
7 ]* |. s; k6 Y$ ^: Y( r
  ]) ^3 j  Y5 U! `& L( s2 i/ \# S# M1 c) x6 M  D; w3 |
Before and After:显示当前帧及其相邻帧的内容。 5 V! c2 c* i! Y$ ?  q

7 A, n7 E/ ^/ n' x& {) c6 u8 N( t
1 {0 R8 c1 [# u2 e! W9 L% d; ~/ c2 P' f4 {) Q/ I  c
6 S8 h( {* T. t: K" k$ d5 f
Show All Frames:显示所有帧的内容。
* f8 i/ g* Q' j7 v
( a1 r$ G. S7 F/ ?, G) w0 i$ E2 x. v' U
5 V9 C, e  c9 |% b6 ~

* U  o* z. m1 T' kCustom:你可以设置显示帧的数目,控制\"洋葱皮\"的透明度。 3 c4 Z/ E/ F. w& |

  G& S" G3 j4 f1 `. n, l3 C4 P6 e; [! B
2 R1 d* Z# X# Z" \- O

! _' C+ W* l4 `8 `Multi-Frame Editing:选取并编辑所有可以看到的对象,如果取消,就只能选取和编辑当前帧的对象。
# R8 T9 c) J+ S" r+ O5 _. T  下面的显示效果就是用运用了“洋葱皮”Show All Frames之后的结果。
; [/ ]! Y/ r" S1 [
3 S) Y) l) R2 \  u$ u# V. H2 P, l& M/ J4 k( G$ l
9 Y. m) Q/ f- n  h+ ^
  “洋葱皮”菜单边上的是GIF Animation Looping按钮,用来控制动画循环回放的次数。
( ]5 k; g) A3 ?4 J! |  有的时候,一个gif动画并不单单只是一个动态的效果,你可能还需要在画板上加上一些静态的元素,例如公司的Logo等等,如果你现在将这些对象添加到画板上再回放动画,你会发现静态的元素仅仅出现在某一帧上,而其余的帧并没有分享到这个静态的对象。这是因为Fireworks有一个分享层的概念,只有将这个层分享后它的内容才会出现在每一帧上。选择Window->Layers,打开Layers面版。
* ^1 k4 S) t! S+ u$ _" {6 I1 J
! U: h# \5 B: m, g6 k
6 z0 d& [  a4 `* _
; {' ^" k* J; ]9 B  在Layers面版中,我们可以看到一个动画层和刚才添加的静态对象所属的层,选中这个层,点击右上角的箭头,在弹出的菜单中选择Share This Layer实现对这个层的共享,这样它就会出现在每一帧中了,共享之后的层会出现一个共享的记号,如图:
; S( z2 ?9 X2 |+ S. ?+ K! M6 ~9 H7 o$ r6 A6 ~

5 Y4 @' [5 W) q! v. D) U' Z- V: T# [2 m; @0 A8 V
  在共享图层之后,Fireworks会将所有帧上该层的对象删除,因此习惯上先绘制静止的对象,然后应用动画的效果。
6 K: c" }3 N9 Y  Preview动画效果满意后,我们要做的最后一件事就是将动画文件输出,选择File->Export Preview进行输出预览,关于输出动画的选项参数,请参考专门的介绍,需要注意的是,输出动画gif时需要选择Animated GIF格式,这是输出后最终的结果。

本版积分规则

精彩图文

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