eNet学院俱乐部


 
标题: [FW制作技巧] 蝴蝶翻飞巧写书法字GIF动画
adcd
一级士官长
Rank: 11Rank: 11Rank: 11Rank: 11Rank: 11


UID 2159826
精华 1
积分 8029
帖子 234
威望 1830
积分 35
阅读权限 70
注册 2007-2-3
状态 离线
发表于 2007-8-4 13:34  资料 短消息 
蝴蝶翻飞巧写书法字GIF动画

看到许多论坛上有一种漂亮的GIF动画写字效果:随着一只上下飞舞的小蝴蝶,漂亮的书法字就一笔一划地写出来了。于是自己研究了一下制作方法,这里特地把Fireworks的制作步骤写出来和大家共享。文章末尾提供原文件供大家下载参考。 %hxw?,[  
y!SBr*ZcR  
  完成效果如下,看上去特别清新素雅。 pX50 {QJ  



w>VNx"_K  



  1.在Fireworks中新建一个宽100像素、高120像素、画布颜色为“自定义”(颜色值为#C6E0FF)的文档。

   2.在左边“工具箱”中选择矩形工具 ,设置属性如下图所示(其中颜色值为#69ACFF),制作边框。


  提示:如果这个矩形大小不合适,可利用“Ctrl+T”变形进行调整。 bgk@j($  
  3.在右边“图层面板中”将此层共享,然后新建一层。 |98B=Dlr+  

  4.使用“文字工具”在上面打上合适的字,字的大小颜色等自行调整。(这里我设置的字体为华文行楷) M/^DQ

  5.选中文字后,选择菜单“修改/平面化所选”,将这个文字层转化为位图。 ECM-aK  

  6.接下来在“帧面板”中选择“重制帧”,复制在22帧左右。(复制帧数按根据字的笔画多少有所不同) v5eP7KR  

  7.将素材中的蝴蝶复制在这些帧中(注意单数帧上放置合起翅膀的蝴蝶,双数帧放置张开翅膀蝴蝶)。 ~867^maH4  
  8.用橡皮擦写字数的笔划(可以从后往前每帧擦掉一笔),并将该层的蝴蝶放在合适的位置。 W5z6flT  
  提示:擦时注意调整橡皮擦大小,随时进行调节。 z'p9OnO5P  
  制作出的效果如下图所示:

  10.画笔字完成后,将没有蝴蝶的最后一帧重置18帧(与提供的素材相同帧数,方便导入)。然后每帧调整文字的透明度,从99%每帧下调一点,一直到文字透明。 k~cfQ+o(R  

  11.选中第倒数第18帧(即刚制作好擦写完成的文字),选择菜单“文件/导入”,将素材动画蝴蝶导入进来。 71N7]>XVo  

  12.最后在帧中选中制作文字的部分帧(可利用shift淮渭友。柚闷渲⊙邮?0/秒。剩下的蝴蝶效果为15/秒。 E8Ba Q  

  13.利用下方的播放预览后,最后就是导出漂亮的动画了。选择“文件/图像预览”,在保存设置中选择“动画GIF接近网页128”(这种图片效果不错而且比较小),单击“导出”即可。 e}we|7/  

o[hg  
hg/q8TK  
g hE !H+_  
  素材(蝴蝶飞):

  PNG源文件:

本帖最近评分记录
林栖者   2008-7-15 15:11  威望  +10   转载教程嘉奖
林栖者   2008-7-15 15:11  积分  +5   转载教程嘉奖
顶部
[广告] 应届毕业生如何才能找到好工作
乐游 (林语)
平民
Rank: 1


UID 567925
精华 0
积分 20
帖子 3
威望 29
积分 3
阅读权限 10
注册 2006-9-16
状态 离线
发表于 2008-7-10 23:06  资料 短消息 
安逸    可是我不会这个软件




要的就是自由!
顶部
[广告] 论坛使用帮助(如何发附件)
cslovelf
版主
Rank: 7Rank: 7Rank: 7Rank: 7



UID 3070408
精华 1
积分 345
帖子 216
威望 1155
积分 345
阅读权限 100
注册 2008-7-9
来自 湖北
状态 离线
发表于 2008-7-11 13:00  资料 文集 短消息  QQ
呵呵,不错哦,做这种效果的有很多种软件,你还可以试下别的哦




不能说秘密,相信自己就什么都能做到。
顶部
[广告] 注意:下载附件需要消耗积分
boyedward
平民
Rank: 1



UID 3085108
精华 0
积分 1
帖子 1
威望 10
积分 1
阅读权限 10
注册 2008-7-18
状态 离线
发表于 2008-7-18 02:00  资料 短消息 
背景如果换成照片会不会更美?
顶部
 


当前时区 GMT+8, 现在时间是 2008-11-19 13:57


Powered by Discuz! 5.0.0  © 2001-2006 Comsenz Inc.
Processed in 0.052847 second(s), 16 queries , Gzip enabled

清除 Cookies - 联系我们 - 硅谷动力网络学院 - Archiver - WAP