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

经典论坛

 找回密码
 注册

QQ登录

只需一步,快速开始

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

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

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

查看: 34736|回复: 88

[作品展示] [原创]闪光略过的GiF动画 [源文件] {教程补完} [暗影天使] [复制链接]

no1xium 楼主

暗影天使

初级会员

帖子
59
体力
133
威望
6
发表于 2007-2-13 21:01:13 |显示全部楼层
这个用到了蒙板,因为时间关系先不做具体介绍,等有机会做详细分解

这里先附上原文件,大家可以先研究起来

效果


源文件



-------------------------手把手教你做闪光字教程------------------------

机器因重装了 找不到原来的字体了呵呵,这里就换个给大家演示吧。

1、首先我们把背景选为黑色。再输入文字用白色填充,注意调整文字之间的间隔。



2、选中字体,对其进行转换为路径文件。



3、对间隔再做少许调整。



4、复制文字改为黑色,做平移,出现立体效果。



5、再复制一次文字,并用部分选取工具选中路径进行颜色的填充。颜色根据自己喜好来



6、用矩形能够工具画一个矩形填充白色,羽化10象素,矩形最好放在文字上方。



7、接着就要进行动画的操作过程了,因为考虑到只有第一层图片有动画效果,所以可以对另外2个图层进行共享层的操作。
我们点击层面板上的按扭进行新建层。


并在共享此层上打勾



将需要共享的图层拖至层2内并放在层1下面



8、接着在帧面板上点击,选择重置帧,就是复制相同的帧。




9、选择第2帧,剪切白色羽化矩形,选中最上面需要做动画的图层,使用编辑 — 粘贴于内部,看....效果出来了,不过重要的是这里才刚刚开始。



10、我们再看层面板,把锁定选项点掉,再选中蒙板处。



11、用指针工具在图形里面选择羽化后的矩形,用键盘的<--方向键进行移动,到达需要的位置。



12、选中第2帧,再重置一个帧,请按照第8步部来做。

13,重复第11步,把白色的闪光效果帧一帧往后移,接下来几帧如此类推。



14。到这里要做个过度,把第一帧复制一下放到最后一帧,做为最后的总结,并调整等待时间。



15最后就是导出效果了,咱们选择文件导出向导,要图片色彩更好点就选择256色吧,默认128,设置好按导出就行了。



最终效果



--------------------教程完--------------------

教程使用的字体文件

请存放至windows\fonts目录下

源文件



[ 本帖最后由 no1xium 于 2007-2-14 14:38 编辑 ]
附件: 你需要登录才可以下载或查看附件。没有帐号?注册
已有 1 人评分威望 收起 理由
凌志 + 2 典型的蒙板动画

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

我就是天使
西部数码顶级域名注册商39元抢注!

网页钢琴师

银牌会员

帖子
667
体力
2306
威望
5
发表于 2007-2-13 22:05:19 |显示全部楼层
画的龙比动画更好...顶你...

LZ...你的帖子都挺不错的.知名度肯定是一路飙升啊..玩FW几年了...?
租服务器,上51IDC | [长沙]招聘:PHP经理10K/WEB前端6K/PHP开发6K

使用道具 举报

no1xium 楼主

暗影天使

初级会员

帖子
59
体力
133
威望
6
发表于 2007-2-14 00:08:38 |显示全部楼层
没多久 PS转型 不过PS水平不怎么样呵呵
我就是天使

使用道具 举报

帖子
616
体力
354
威望
0
居住地
广东省 珠海市
发表于 2007-2-14 00:53:03 |显示全部楼层
强烈要求教程!如何做略过的闪光???????????///
因为刚好一张LOGO上面的两个字体需要用到这种效果,可不会!

使用道具 举报

帖子
343
体力
1446
威望
3
居住地
重庆市 沙坪坝区
发表于 2007-2-14 09:30:36 |显示全部楼层
蒙版的逐帧动画,呵呵,很不错
What can I do...?

使用道具 举报

no1xium 楼主

暗影天使

初级会员

帖子
59
体力
133
威望
6
发表于 2007-2-14 11:48:54 |显示全部楼层
午饭时间,请待下午分解
我就是天使

使用道具 举报

帖子
616
体力
354
威望
0
居住地
广东省 珠海市
发表于 2007-2-14 13:04:53 |显示全部楼层
下午要详细点详细点!我没学过FW,好多看不太懂!

使用道具 举报

no1xium 楼主

暗影天使

初级会员

帖子
59
体力
133
威望
6
发表于 2007-2-14 13:52:37 |显示全部楼层
总算完成了呵呵 累死了
我就是天使

使用道具 举报

凌志 

杯莫停

超级版主 手机认证 

帖子
7397
体力
12389
威望
74
居住地
辽宁省 鞍山市
发表于 2007-2-14 15:33:23 |显示全部楼层
典型的蒙板动画。

后面动画的过程使用的逐帧略显复杂,用动画元件来做光线掠过动画,再蒙板会更方便一些。

不过逐帧有逐帧的好处,调整出来的动画更细腻,可调整的空间更大些。

加分鼓励。

使用道具 举报

no1xium 楼主

暗影天使

初级会员

帖子
59
体力
133
威望
6
发表于 2007-2-14 15:49:42 |显示全部楼层
谢谢斑竹提醒,不过元件这个没概念,不知要怎样做比较好呢,希望斑竹能给点提示

[ 本帖最后由 no1xium 于 2007-2-14 16:11 编辑 ]
附件: 你需要登录才可以下载或查看附件。没有帐号?注册
我就是天使

使用道具 举报

凌志 

杯莫停

超级版主 手机认证 

帖子
7397
体力
12389
威望
74
居住地
辽宁省 鞍山市
发表于 2007-2-14 22:30:16 |显示全部楼层
光线部分选取后按F8,选择动画类型元件,确定后设置起始点和结束点,然后选取上层和动画本身做蒙板。

使用道具 举报

no1xium 楼主

暗影天使

初级会员

帖子
59
体力
133
威望
6
发表于 2007-2-15 00:49:59 |显示全部楼层
哦了 谢谢 了
我就是天使

使用道具 举报

鬼步蝠舞

银牌会员

帖子
2002
体力
2888
威望
4
居住地
江苏省 苏州市
发表于 2007-2-15 10:15:40 |显示全部楼层
原帖由 凌志 于 2007-2-14 22:30 发表
光线部分选取后按F8,选择动画类型元件,确定后设置起始点和结束点,然后选取上层和动画本身做蒙板。


设置起始点和结束点,alt+ctrl+shift+T, 利用补间实例分散到帧即可~
时间只是经过,偶尔停在这里.

使用道具 举报

打不死的小强

高级会员

帖子
245
体力
681
威望
0
居住地
广东省 深圳市
发表于 2007-2-15 11:42:30 |显示全部楼层

试试

可以先到Adobe Illustrator 绘制成矢量图然后在PS哩面打开然后再保存JPG,接着在FLASH打开就好了。

使用道具 举报

no1xium 楼主

暗影天使

初级会员

帖子
59
体力
133
威望
6
发表于 2007-2-15 13:18:17 |显示全部楼层
步骤不是很多,感觉还是随便用哪个方式了。
我就是天使

使用道具 举报

帖子
85
体力
191
威望
0
发表于 2007-2-15 16:08:45 |显示全部楼层
蒙板我还不太熟悉。。。。怎么图片在下面和在上面,不同的。

[ 本帖最后由 qtdsqhy 于 2007-2-15 16:09 编辑 ]

使用道具 举报

帖子
90
体力
297
威望
0
发表于 2007-2-16 19:01:53 |显示全部楼层
发觉自己要学的太太太多了^_^

使用道具 举报

帖子
162
体力
543
威望
0
发表于 2007-2-16 21:39:32 |显示全部楼层
效果不错!

用FLASH做好像简单很多!

使用道具 举报

帖子
398
体力
1065
威望
11
居住地
辽宁省 沈阳市
发表于 2007-2-16 23:04:05 |显示全部楼层
顶你,不错的帖子啊。自己也跟着做一个。

使用道具 举报

帖子
338
体力
1356
威望
2
居住地
河南省 洛阳市
发表于 2007-2-18 16:26:20 |显示全部楼层
真是不错的帖子 学习了 好

使用道具 举报

帖子
23
体力
37
威望
0
发表于 2007-3-3 13:21:02 |显示全部楼层
发表回复 赞一个
If me got an idea.....

使用道具 举报

sq4537 

小强不是蟑螂

版主 手机认证 

帖子
2199
体力
12153
威望
15
居住地
广东省 深圳市
发表于 2007-3-3 13:54:46 |显示全部楼层
其实这个可以直接做好一个动画元件,然后粘贴于内部的
博客:才子打造计划     A地:单机游戏下载

使用道具 举报

帖子
48
体力
224
威望
0
发表于 2007-3-4 12:54:41 |显示全部楼层
支持个,写的很详细,辛苦了~~

使用道具 举报

woai80 
帖子
33
体力
75
威望
0
居住地
广东省 东莞市
发表于 2007-3-4 13:02:54 |显示全部楼层
学习中....

使用道具 举报

hero4u 

孤竹林

金牌会员 手机认证 

帖子
1305
体力
3444
威望
14
居住地
湖南省 长沙市
发表于 2007-3-5 12:49:33 |显示全部楼层

其实可以和flash一样创建动画补间了。IR里面是过渡帧。使用过渡帧更快一些
体验游戏 game4power

使用道具 举报

灰菜

高级会员

帖子
292
体力
772
威望
0
居住地
湖北省 黄冈市
发表于 2007-3-5 15:32:52 |显示全部楼层
学习中 做的好
hublao.com 经济酒店预订

使用道具 举报

esefei 

阿飚

中级会员

帖子
368
体力
479
威望
0
居住地
湖北省 武汉市
发表于 2007-3-5 16:27:26 |显示全部楼层
恩,有补间的动画应该好些~
不过楼主还是不错拉
帆已扬,起航~

使用道具 举报

帖子
45
体力
165
威望
0
居住地
甘肃省 张掖市
发表于 2007-3-5 19:01:10 |显示全部楼层
新手不断学习中!!!

使用道具 举报

帖子
9
体力
29
威望
0
发表于 2007-3-5 19:38:20 |显示全部楼层
交作业了
感觉字不是很清楚,我是先消除锯齿再转换为路径的,请问模糊是什么原因造成的

使用道具 举报

4kzeng 
帖子
4
体力
13
威望
0
发表于 2007-3-7 00:59:20 |显示全部楼层
第6步做不出来了,说不能直接羽化。如果转换成路径羽化,又什么都没了?

使用道具 举报

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

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

GMT+8, 2012-2-13 07:35 , Processed in 0.168529 second(s), 9 queries , Gzip On, Memcache On.

Powered by Discuz! X2

© 2001-2011 Comsenz Inc.

回顶部