Fireworks制作打破玻璃的动画效果

changyuxin

首先先看一下最终效果：
4 Z1 H1 ]3 E: Z* x( g
: X8 s0 v2 u+ ]. w+ m- N+ l  Q2 g* N) X; f2 d. a' J( V
下面是具体的制作方法：- z2 a/ K, J. m  p4 S
1、下载并安装滤镜插件Xenofex2到FW的Plug-in目录下(将解压出的文件复制进Plug-in文件夹即可)，下载页面在这里（不是广告，我也不知道这是谁的BLOG）。
: b! u5 L6 b! t  q0 T+ @3 q2、运行FW，打开一张图片，我们可以适当缩小这张图片的尺寸，令周围留些空白，背景色设为白色。这样我们更能看清楚破碎扩散的效果。将这层命名为“破碎”。* _' }6 K( Y2 @" x$ Z9 k

, Q3 E$ x+ h# ~: Z( i% h2 y) z3 F8 J  |% t
3、然后在图片的中间部分输入破碎效果之后显现的文字，比如此例中的“JSUPER”，将文字层移动到“破碎”层的下面。0 I! C" N+ ^! Z1 K
4、将此帧的时间设为7，然后复制出与此帧相同的6帧，复制帧的具体操作是在“帧”面板中，用鼠标左键拖拽“帧1”至下面的新建按钮上即可进行复制，反复操作就可复制出6帧相同内容的帧(现在一共有7帧，它们的内容都相同)。将第1帧的时间设为100，第7帧的时间设为150。
7 I& a7 q" @# L
! d  ~- Z" z6 f' o7 v5 i& d3 S, m/ w3 h
5、选中第2帧，并单击图片，选择菜单中的“滤镜”>“Alien Skin Xenofex 2”>“粉碎”(Shatter)。弹出“粉碎”滤镜效果的主窗口。1 D4 C* i: d2 X

( o' n; g/ J" ^9 o$ Q( y2 L3 g' W* v8 j
! [$ z, {6 ?- k( J: [
6、将“碎片大小”(Size)设为40，“翻滚”(Tumble)和“时间”(Time)两个滑动条移到总长度的五分之一的位置(20)，点击“确定”(OK)。这样我们就可以看到第2帧的破碎开始的效果了。
& d3 w0 |: ]2 \) y: n
7 _2 F+ G# u& r9 k/ ?: t8 M$ @% ~* N( I9 t7 `. `5 X
7、选中第3帧，并单击图片（这张图片是没破碎过的就对了），也对其运用“粉碎”滤镜，这次将“翻滚”(Tumble)和“时间”(Time)两个滑动条移到总长度五分之二的位置，点击“确定”(OK)。我们看到破碎的图片开始有点变化。* D* X  u) E9 L
( h/ p4 {) n$ y2 {6 A6 y

2 y8 M; c& o3 H, Y8、用此法将第4、5、6帧的图片运用“破碎”滤镜效果。不同的地方只是“翻滚”(Tumble)和“时间”(Time)这两个滑动条分别移动到总长度五分之三(60)、五分之四(80)和最大长度(100)的位置。
2 @# z  W, ~9 H2 Z9、选中第6帧的图片，在属性面板中将不透明度设为50%，这样到下一帧的过渡才不会显得突兀。3 j- K, J  G. {( T1 h+ T
10、将第7帧的图片删掉，只留下文字。点击“帧”面板下方“无循环”字样前面的图标，选择“永久”，这样动画就可以循环播放了。! a: r0 b* S. P! q/ M" G6 e7 ~
; p: b6 B/ I6 w- }  o( n

5 w5 r# d3 |5 l, S' g/ b11、在“优化”面板中选择“GIF动画”。然后就可以导出欣赏了。