请选择 进入手机版 | 继续访问电脑版
收藏本站腾讯微博新浪微博
点点网模板设计大赛 phpchina

经典论坛

 找回密码
 注册

QQ登录

只需一步,快速开始

蓝色理想 最新研发动态 用悬赏 三天解决问题 解决访问速度慢 论坛支持农历生日 - 给官方提建议

论坛活动及任务 归纳网站最新活动 地图任务 邮件更新任务:保护帐号安全

积分换实物,来参加蓝色理想积分兑换吧! 联系招聘客服 蓝色理想帮你找工作! 万元奖励等你拿——点点网模板设计大赛

查看: 34931|回复: 63

[效果制作] 打破玻璃的动画效果(教程) [复制链接]

jsuper 楼主

海岬

银牌会员

帖子
2887
体力
2868
威望
4
发表于 2006-10-29 16:58:40 |显示全部楼层
有点晚,因为昨天加班没写成,今天写出来。第一次写教程,可能有的地方写的不清楚,请大家见谅。首先先看一下最终效果:


下面是具体的制作方法:

1、下载并安装滤镜插件Xenofex2到FW的Plug-in目录下(将解压出的文件复制进Plug-in文件夹即可),下载页面在这里(不是广告,我也不知道这是谁的BLOG)。

2、运行FW,打开一张图片,我们可以适当缩小这张图片的尺寸,令周围留些空白,背景色设为白色。这样我们更能看清楚破碎扩散的效果。将这层命名为“破碎”。


3、然后在图片的中间部分输入破碎效果之后显现的文字,比如此例中的“JSUPER”,将文字层移动到“破碎”层的下面。

4、将此帧的时间设为7,然后复制出与此帧相同的6帧,复制帧的具体操作是在“帧”面板中,用鼠标左键拖拽“帧1”至下面的新建按钮上即可进行复制,反复操作就可复制出6帧相同内容的帧(现在一共有7帧,它们的内容都相同)。将第1帧的时间设为100,第7帧的时间设为150。


5、选中第2帧,并单击图片,选择菜单中的“滤镜”>“Alien Skin Xenofex 2”>“粉碎”(Shatter)。弹出“粉碎”滤镜效果的主窗口。


6、将“碎片大小”(Size)设为40,“翻滚”(Tumble)和“时间”(Time)两个滑动条移到总长度的五分之一的位置(20),点击“确定”(OK)。这样我们就可以看到第2帧的破碎开始的效果了。


7、选中第3帧,并单击图片(这张图片是没破碎过的就对了),也对其运用“粉碎”滤镜,这次将“翻滚”(Tumble)和“时间”(Time)两个滑动条移到总长度五分之二的位置,点击“确定”(OK)。我们看到破碎的图片开始有点变化。


8、用此法将第4、5、6帧的图片运用“破碎”滤镜效果。不同的地方只是“翻滚”(Tumble)和“时间”(Time)这两个滑动条分别移动到总长度五分之三(60)、五分之四(80)和最大长度(100)的位置。

9、选中第6帧的图片,在属性面板中将不透明度设为50%,这样到下一帧的过渡才不会显得突兀。

10、将第7帧的图片删掉,只留下文字。点击“帧”面板下方“无循环”字样前面的图标,选择“永久”,这样动画就可以循环播放了。


11、在“优化”面板中选择“GIF动画”。然后就可以导出欣赏了。

[ 本帖最后由 jsuper 于 2006-10-29 17:18 编辑 ]
附件: 你需要登录才可以下载或查看附件。没有帐号?注册
已有 1 人评分威望 收起 理由
凌志 + 2 原创内容

总评分: 威望 + 2   查看全部评分

西部数码顶级域名注册商39元抢注!
jsuper 楼主

海岬

银牌会员

帖子
2887
体力
2868
威望
4
发表于 2006-10-29 17:14:52 |显示全部楼层
哇,快看地址栏呀,这帖竟然是第2688888帖。
租服务器,上51IDC | [长沙]招聘:PHP经理10K/WEB前端6K/PHP开发6K

使用道具 举报

sq4537 

小强不是蟑螂

版主 手机认证 

帖子
2199
体力
12153
威望
15
居住地
广东省 深圳市
发表于 2006-10-29 23:18:25 |显示全部楼层
不错。极力。建议去买张体育彩票
博客:才子打造计划     A地:单机游戏下载

使用道具 举报

帖子
53
体力
111
威望
0
发表于 2006-10-30 19:11:38 |显示全部楼层
``数据库连接出错``
       郁闷哦  下不下来``

使用道具 举报

帖子
53
体力
111
威望
0
发表于 2006-10-30 19:12:13 |显示全部楼层
不过还是得谢谢LZ``
   理论上来说  应该学会了`

使用道具 举报

帖子
115
体力
266
威望
0
居住地
广东省 广州市
发表于 2006-11-2 13:10:17 |显示全部楼层
好象做不到哦 ,是不是少了什么步骤,改一个图片所有的图片都改变的啊!

使用道具 举报

绍宜轩

初级会员

帖子
82
体力
154
威望
0
居住地
湖南省 邵阳市
发表于 2006-11-2 14:34:40 |显示全部楼层
谢谢lz的教材~~

嘿嘿!
俺! 学会了~
附件: 你需要登录才可以下载或查看附件。没有帐号?注册
新人学习中

使用道具 举报

罗亮

超级版主 手机认证 

帖子
15893
体力
19484
威望
19
居住地
北京市 海淀区
发表于 2006-11-2 15:20:55 |显示全部楼层
学会了~~
附件: 你需要登录才可以下载或查看附件。没有帐号?注册

使用道具 举报

kmlxk 
帖子
157
体力
337
威望
0
发表于 2006-11-8 15:37:03 |显示全部楼层
呵呵,好教程。

地址果然n

使用道具 举报

mazine 
帖子
28
体力
100
威望
0
发表于 2006-11-10 14:41:03 |显示全部楼层
不错,学会了!~

使用道具 举报

帖子
42
体力
183
威望
0
发表于 2006-11-13 09:37:25 |显示全部楼层
学会了..谢谢..

使用道具 举报

帖子
156
体力
213
威望
0
居住地
西藏自治区 拉萨市
发表于 2006-11-14 10:46:49 |显示全部楼层

嘿嘿!

嘿嘿,刚学就用上了!HOHO.
附件: 你需要登录才可以下载或查看附件。没有帐号?注册

使用道具 举报

wrqi 

我的星空

中级会员

帖子
198
体力
542
威望
0
发表于 2006-11-14 11:14:45 |显示全部楼层
很不错呀:我也做了,但是不会把图片放上来,呵呵!!!!!!!!!!

使用道具 举报

820119 
帖子
9
体力
15
威望
0
发表于 2006-11-14 11:45:49 |显示全部楼层
来也村村~~
学习了~
~~偶来了~~

使用道具 举报

帖子
34
体力
79
威望
0
发表于 2006-11-14 12:56:30 |显示全部楼层
太棒了 很有用处~

使用道具 举报

itom 
帖子
69
体力
141
威望
0
发表于 2006-11-23 14:50:32 |显示全部楼层
谢谢
:) :)

使用道具 举报

帖子
54
体力
104
威望
0
发表于 2006-11-23 16:49:26 |显示全部楼层

很棒的教程啊

讲解得很清楚也,我也会了呢!

使用道具 举报

鳌鱼

高级会员 手机认证 

帖子
686
体力
792
威望
0
居住地
江苏省 苏州市
发表于 2006-11-23 16:51:14 |显示全部楼层
哈哈,学会了,谢谢楼主

使用道具 举报

froglt 

网页顽主

版主 手机认证 

帖子
3303
体力
215
威望
168
发表于 2006-11-23 19:47:32 |显示全部楼层
lz的思路不错,但是制作起来太麻烦了,我来说说我的简单做法。

1、打开图片
2、按F8转换为图形元件
3、添加“粉碎”滤镜
4、把“粉碎”滤镜值调整到最小,就是没有破碎的效果
5、原地复制这个添加滤镜的元件
6、把复制出来的图像的滤镜值调整到最大,就是使破碎的效果最明显
7、选择“修改-元件-补间实例”,同时选中下面的“分散到帧”。
8、自己欣赏吧,闪人~@!

我的效果:
附件: 你需要登录才可以下载或查看附件。没有帐号?注册
(\/)︵ ◦۩۞۩◦
(·_ _ )~GO2HERE.NET/GO2HERE.NET.CN MORE THAN MEETS THE EYE
网页设计全书

使用道具 举报

52ejia 
帖子
117
体力
451
威望
0
居住地
安徽省 合肥市
发表于 2006-11-24 08:53:25 |显示全部楼层
应该学习。。。
say

使用道具 举报

灰菜

高级会员

帖子
292
体力
772
威望
0
居住地
湖北省 黄冈市
发表于 2006-11-29 17:23:19 |显示全部楼层
很有开发价值
hublao.com 经济酒店预订

使用道具 举报

kittyz 
帖子
22
体力
52
威望
0
发表于 2007-1-16 09:46:53 |显示全部楼层
学会了啊,高兴ing!

使用道具 举报

dan59 
帖子
74
体力
147
威望
0
居住地
广东省 深圳市
发表于 2007-1-17 14:23:11 |显示全部楼层
占位,呵呵,最近老用这招,谢谢楼主.
我的MSN SPACE
spaces.msn.com/danielchen59/
团队的MSN SPACE
spaces.msn.com/51wdgroup/

使用道具 举报

yuexi 

月西

中级会员

帖子
114
体力
222
威望
0
发表于 2007-1-19 00:09:47 |显示全部楼层
主要学了个滤镜,谢谢楼主!

使用道具 举报

帖子
72
体力
212
威望
0
发表于 2007-1-19 22:16:56 |显示全部楼层

……………………

恩,最感谢的是终于知道怎么加滤镜了,多谢!

使用道具 举报

帖子
10
体力
27
威望
0
发表于 2007-1-20 11:07:39 |显示全部楼层

这个滤镜。。。

没有这个滤镜啊  哪里可以下载到这个滤镜?

使用道具 举报

帖子
50
体力
219
威望
0
居住地
广东省 广州市
发表于 2007-4-27 10:34:23 |显示全部楼层
好厉害啊,呵呵

使用道具 举报

帖子
161
体力
1008
威望
0
居住地
广东省 广州市
发表于 2007-4-27 12:45:18 |显示全部楼层

哈哈,厉害啊,学到了

谢谢楼主啊...

使用道具 举报

nugern 
帖子
31
体力
83
威望
0
发表于 2007-4-28 14:09:38 |显示全部楼层
厉害啊

使用道具 举报

经典lstar

荣誉管理

帖子
562
体力
1793
威望
16
居住地
欧洲 法国
发表于 2007-4-29 20:37:51 |显示全部楼层
用这个滤镜好卡啊

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

Archiver|手机版|安久科技提供CDN|blueidea.com ( 京ICP备05002321号 )  

GMT+8, 2012-2-13 07:48 , Processed in 0.147361 second(s), 11 queries , Gzip On, Memcache On.

Powered by Discuz! X2

© 2001-2011 Comsenz Inc.

回顶部