查看完整版本: Fireworks制作打破玻璃的动画效果

爱你不要你 2006-11-8 18:08

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

第一次写教程,可能有的地方写的不清楚,请大家见谅。首先先看一下最终效果:
[img]http://cimg2.163.com/catchpic/9/9C/9C05B3A5B6E481EE5E247D9378BC447E.gif[/img]
下面是具体的制作方法:
1、下载并安装滤镜插件Xenofex2到FW的Plug-in目录下(将解压出的文件复制进Plug-in文件夹即可),下载页面在这里(不是广告,我也不知道这是谁的BLOG)。
2、运行FW,打开一张图片,我们可以适当缩小这张图片的尺寸,令周围留些空白,背景色设为白色。这样我们更能看清楚破碎扩散的效果。将这层命名为“破碎”。
[img]http://cimg2.163.com/catchpic/4/46/46FB432EDB2CF16BF680B6FF0BA6C48F.gif[/img]
3、然后在图片的中间部分输入破碎效果之后显现的文字,比如此例中的“JSUPER”,将文字层移动到“破碎”层的下面。
4、将此帧的时间设为7,然后复制出与此帧相同的6帧,复制帧的具体操作是在“帧”面板中,用鼠标左键拖拽“帧1”至下面的新建按钮上即可进行复制,反复操作就可复制出6帧相同内容的帧(现在一共有7帧,它们的内容都相同)。将第1帧的时间设为100,第7帧的时间设为150。
[img]http://cimg2.163.com/catchpic/0/03/030BEF31248F78ADC4B722D368FEE3B8.gif[/img]
5、选中第2帧,并单击图片,选择菜单中的“滤镜”>“Alien Skin Xenofex 2”>“粉碎”(Shatter)。弹出“粉碎”滤镜效果的主窗口。
[img]http://cimg2.163.com/catchpic/9/92/92CA821F18D0B09782326958FCF7E349.gif[/img]

6、将“碎片大小”(Size)设为40,“翻滚”(Tumble)和“时间”(Time)两个滑动条移到总长度的五分之一的位置(20),点击“确定”(OK)。这样我们就可以看到第2帧的破碎开始的效果了。
[img]http://cimg2.163.com/catchpic/3/30/30F93DB09DFE27A4A3737972C4B65CF9.gif[/img]
7、选中第3帧,并单击图片(这张图片是没破碎过的就对了),也对其运用“粉碎”滤镜,这次将“翻滚”(Tumble)和“时间”(Time)两个滑动条移到总长度五分之二的位置,点击“确定”(OK)。我们看到破碎的图片开始有点变化。
[img]http://cimg2.163.com/catchpic/8/87/87A4C5FA68A72D57E782AC771732FEBD.gif[/img]
8、用此法将第4、5、6帧的图片运用“破碎”滤镜效果。不同的地方只是“翻滚”(Tumble)和“时间”(Time)这两个滑动条分别移动到总长度五分之三(60)、五分之四(80)和最大长度(100)的位置。
9、选中第6帧的图片,在属性面板中将不透明度设为50%,这样到下一帧的过渡才不会显得突兀。
10、将第7帧的图片删掉,只留下文字。点击“帧”面板下方“无循环”字样前面的图标,选择“永久”,这样动画就可以循环播放了。
[img]http://cimg2.163.com/catchpic/C/CE/CE5F34F6B4F124783536E3090CFDCF3A.gif[/img]
11、在“优化”面板中选择“GIF动画”。然后就可以导出欣赏了。

微微930 2007-2-4 17:34

学习一下 hihi:a22

小小雪亚 2007-2-6 23:08

搂住辛苦了,感谢哦.冬冬很不错!!!

呼帅 2007-2-7 22:13

叫作业咯````:a15 :a15

玫瑰 2007-2-7 22:57

作业...

binglianfenfen 2007-2-9 17:31

非常感谢

假意 2007-2-17 20:48

交作业~~~~~

劫色 2007-2-18 14:59

研究。。。

某某乐 2007-2-20 18:25

交作业来鸟~~
[IMG]http://i88.photobucket.com/albums/k186/gacktliu/aaaa.gif[/IMG]
好像大了点=  =

我你杯子的 2007-3-23 02:03

是很大。。。不是好象:a05

我你杯子的 2007-3-23 02:10

没钱了 T.T
:a01 :a01

死神与佛 2007-4-11 16:25

学习了,先收藏了,谢谢

啊里吉哇 2007-4-12 16:54

:a01 请问谁有那个滤镜呀 我没有呀... 只有另外做了个类似的..旋转效果.

道也 2007-6-10 15:36

:a02 :a02 :a02 :a02 :a02

棒棒糖嘬嗳 2007-6-12 14:09

:a15 :a01 :a16 :a05 :a58 :a22 :a21 :a02

策飞 2007-6-13 09:33

8错8错,,,碎的掉渣了

L﹏雅η 2007-6-24 12:08

那个插件在哪下?LZ给的地址没了``

恩乔妹妹 2007-6-24 12:21

很不错的效果~~~~学习中

海蓝鱼 2007-6-24 16:12

学习下。。。。。

细毛 2007-6-24 22:17

这个滤镜在哪里下载,没有看到呀
页: [1] 2
查看完整版本: Fireworks制作打破玻璃的动画效果