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

changyuxin

首先先看一下最终效果：
4 c0 f. R1 c0 h; ?+ f) w) |. e: N

& y9 m! v2 G- \+ n, F  w下面是具体的制作方法：* S8 E( t6 Z9 v4 h% x5 }
1、下载并安装滤镜插件Xenofex2到FW的Plug-in目录下(将解压出的文件复制进Plug-in文件夹即可)，下载页面在这里（不是广告，我也不知道这是谁的BLOG）。. m: u$ \3 j4 P. i) v9 q
2、运行FW，打开一张图片，我们可以适当缩小这张图片的尺寸，令周围留些空白，背景色设为白色。这样我们更能看清楚破碎扩散的效果。将这层命名为“破碎”。4 c$ }+ |2 ~  n* V- v
# ~5 z! ?: Q  c5 B* Y1 Y

$ D  {1 o3 d$ ~1 ~0 M, R4 z! U+ y# D8 |9 |3、然后在图片的中间部分输入破碎效果之后显现的文字，比如此例中的“JSUPER”，将文字层移动到“破碎”层的下面。
7 r) H% ^- l1 V$ K# Q" v: ]4、将此帧的时间设为7，然后复制出与此帧相同的6帧，复制帧的具体操作是在“帧”面板中，用鼠标左键拖拽“帧1”至下面的新建按钮上即可进行复制，反复操作就可复制出6帧相同内容的帧(现在一共有7帧，它们的内容都相同)。将第1帧的时间设为100，第7帧的时间设为150。: V7 D9 d* P. L
: p2 O4 {7 z1 U& M

4 N0 s* Z/ J: ~/ G# Z7 b0 Z5、选中第2帧，并单击图片，选择菜单中的“滤镜”>“Alien Skin Xenofex 2”>“粉碎”(Shatter)。弹出“粉碎”滤镜效果的主窗口。
2 g' l7 k3 I5 {. ]2 \' S/ u  {# j% s  {; z: v' r+ B* ]
& ~  @9 u. e0 t8 n

9 x0 F1 ?4 M' o, I% ?7 O6、将“碎片大小”(Size)设为40，“翻滚”(Tumble)和“时间”(Time)两个滑动条移到总长度的五分之一的位置(20)，点击“确定”(OK)。这样我们就可以看到第2帧的破碎开始的效果了。2 ^9 e- c+ E% x* U$ K

2 |% K6 u" J, V3 Y. i# q! \6 A+ [& }9 |6 \; h1 ^3 P
7、选中第3帧，并单击图片（这张图片是没破碎过的就对了），也对其运用“粉碎”滤镜，这次将“翻滚”(Tumble)和“时间”(Time)两个滑动条移到总长度五分之二的位置，点击“确定”(OK)。我们看到破碎的图片开始有点变化。9 d, U: I1 N. o6 N
7 D2 f; g8 S) N4 @' X

5 [- G7 Z$ R- w# N# T8、用此法将第4、5、6帧的图片运用“破碎”滤镜效果。不同的地方只是“翻滚”(Tumble)和“时间”(Time)这两个滑动条分别移动到总长度五分之三(60)、五分之四(80)和最大长度(100)的位置。$ l3 [5 t* C; H8 G7 U
9、选中第6帧的图片，在属性面板中将不透明度设为50%，这样到下一帧的过渡才不会显得突兀。+ C, k3 j' G, Y" [, w
10、将第7帧的图片删掉，只留下文字。点击“帧”面板下方“无循环”字样前面的图标，选择“永久”，这样动画就可以循环播放了。
# z2 N0 ]0 A9 x% Z/ I- {: i
+ R0 \1 U6 J) z$ V  P5 B
; `4 S) R6 M* f- S11、在“优化”面板中选择“GIF动画”。然后就可以导出欣赏了。