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

[复制链接]
查看: 244|回复: 0
gggds 发表于 2009-12-27 03:13:47 | 显示全部楼层 |阅读模式
第一次写教程,可能有的地方写的不清楚,请大家见谅。首先先看一下最终效果:
2 M. {- m4 X; ?0 U9 G
' J& i; E3 u# w$ u  t. Y1 U, L' a) M' f. Y; @2 H
7 R4 K, ^; r2 s2 N: x) ]
下面是具体的制作方法7 ]. e  I/ E6 L/ p' O
1、下载并安装滤镜插件Xenofex2到FW的Plug-in目录下(将解压出的文件复制进Plug-in文件夹即可),下载页面在这里(不是广告,我也不知道这是谁的BLOG)。
& N$ a8 C' l' L, s. C- s4 U2、运行FW,打开一张图片,我们可以适当缩小这张图片的尺寸,令周围留些空白,背景色设为白色。这样我们更能看清楚破碎扩散的效果。将这层命名为“破碎”。
% F3 g4 b+ F- d# C3 O. l# u- A7 E. J1 y. {/ P2 ]) N) O
; Q4 O3 D7 H3 b  ]+ {
; _# @( C1 q* W; y
3、然后在图片的中间部分输入破碎效果之后显现的文字,比如此例中的“JSUPER”,将文字层移动到“破碎”层的下面。) j* P" Q# z6 l" A# Y
4、将此帧的时间设为7,然后复制出与此帧相同的6帧,复制帧的具体操作是在“帧”面板中,用鼠标左键拖拽“帧1”至下面的新建按钮上即可进行复制,反复操作就可复制出6帧相同内容的帧(现在一共有7帧,它们的内容都相同)。将第1帧的时间设为100,第7帧的时间设为150。  r: ^0 Z3 b6 h. v
* [9 @9 T( \- x5 v- y
- m* K) s& N. c7 \( W
2 E1 ?, ^& c, l3 R
5、选中第2帧,并单击图片,选择菜单中的“滤镜”>“Alien Skin Xenofex 2”>“粉碎”(Shatter)。弹出“粉碎”滤镜效果的主窗口。
. Y+ {2 M/ [0 d& S+ A
+ O: s( h5 J! n# l9 R+ ]' o) ~0 O$ @
/ H  o  k; Q$ A' ?  r- t3 I
6、将“碎片大小”(Size)设为40,“翻滚”(Tumble)和“时间”(Time)两个滑动条移到总长度的五分之一的位置(20),点击“确定”(OK)。这样我们就可以看到第2帧的破碎开始的效果了。
0 r  S4 }8 t- M& `
" t( k- `2 [  c' M) A1 ^- q
4 T3 P& M) A9 ~7 E, ]+ M8 ^# Y9 O) V9 B/ n, w( b
7、选中第3帧,并单击图片(这张图片是没破碎过的就对了),也对其运用“粉碎”滤镜,这次将“翻滚”(Tumble)和“时间”(Time)两个滑动条移到总长度五分之二的位置,点击“确定”(OK)。我们看到破碎的图片开始有点变化。5 {) D2 z- z! B$ C( v) _  L/ h4 P; g, ]

* X; F" ~) V5 \3 q- R+ X
4 E& q. d( ?8 K6 X/ n) `9 B' f* T0 B
8、用此法将第4、5、6帧的图片运用“破碎”滤镜效果。不同的地方只是“翻滚”(Tumble)和“时间”(Time)这两个滑动条分别移动到总长度五分之三(60)、五分之四(80)和最大长度(100)的位置。+ D: |( B7 f  k9 R5 O
9、选中第6帧的图片,在属性面板中将不透明度设为50%,这样到下一帧的过渡才不会显得突兀。$ G9 `/ u( F& b; \5 h' M
10、将第7帧的图片删掉,只留下文字。点击“帧”面板下方“无循环”字样前面的图标,选择“永久”,这样动画就可以循环播放了。& u; Z1 {7 v4 x9 R" Y

3 E/ ~+ q- I; \+ ?  ], D- k: c( \6 w) O0 q/ C
  q5 c# L, K$ n* n% ~: |  d
11、在“优化”面板中选择“GIF动画”。然后就可以导出欣赏了。

本版积分规则

精彩图文

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