蝴蝶翻飞巧写书法字GIF动画
看到许多论坛上有一种漂亮的GIF动画写字效果：随着一只上下飞舞的小蝴蝶，漂亮的书法字就一笔一划地写出来了。于是自己研究了一下制作方法，这里特地把Fireworks的制作步骤写出来和大家共享。<FONT color=#ff0000>文章末尾提供原文件供大家下载参考。</FONT> <BR><BR> 完成效果如下，看上去特别清新素雅。<BR>
<P align=center><IMG height=120 src="http://design.yesky.com/imagelist/06/21/qoshrnm3xwea.gif" width=100><IMG src="http://design.yesky.com/imagelist/06/21/23611l05gc59.gif"><IMG height=120 src="http://design.yesky.com/imagelist/06/21/1h9r2y655idh.gif" width=100><BR><IMG src="http://design.yesky.com/imagelist/06/21/jh36qy1243ca.gif"><IMG height=120 src="http://design.yesky.com/imagelist/06/21/r75dorkrk90v.gif" width=100><IMG height=120 src="http://design.yesky.com/imagelist/06/21/4s54gg1moc84.gif" width=100></P>
<P align=left> 1.在Fireworks中新建一个宽100像素、高120像素、画布颜色为“自定义”（颜色值为#C6E0FF）的文档。</P>
<P align=center><IMG height=364 src="http://design.yesky.com/imagelist/06/21/5e5587jr47o1.jpg" width=395></P>
<P align=left> 2.在左边“工具箱”中选择矩形工具 ，设置属性如下图所示（其中颜色值为#69ACFF），制作边框。</P>
<P align=center><IMG height=251 src="http://design.yesky.com/imagelist/06/21/7m6gx51hr45h.jpg" width=215></P>
<P align=center><IMG height=103 src="http://design.yesky.com/imagelist/06/21/h0fspt548rrg.jpg" width=382></P>
<P> 提示：如果这个矩形大小不合适，可利用“Ctrl+T”变形进行调整。</P>
<P> 3.在右边“图层面板中”将此层共享，然后新建一层。</P>
<P align=center><IMG height=102 src="http://design.yesky.com/imagelist/06/21/uwaubgw09z7i.jpg" width=193></P>
<P> 4.使用“文字工具”在上面打上合适的字，字的大小颜色等自行调整。（这里我设置的字体为华文行楷）</P>
<P align=center><IMG height=251 src="http://design.yesky.com/imagelist/06/21/xv09md997b2w.jpg" width=215></P>
<P> 5.选中文字后，选择菜单“修改/平面化所选”，将这个文字层转化为位图。</P>
<P align=center><IMG height=383 src="http://design.yesky.com/imagelist/06/21/2jfchjo98t27.jpg" width=339></P>
<P> 6.接下来在“帧面板”中选择“重制帧”，复制在22帧左右。（复制帧数按根据字的笔画多少有所不同） </P>
<P></P>
<P align=center><IMG height=212 src="http://design.yesky.com/imagelist/06/21/1s3o6f2x29h4.jpg" width=229></P>
<P> 7.将素材中的蝴蝶复制在这些帧中（注意单数帧上放置合起翅膀的蝴蝶，双数帧放置张开翅膀蝴蝶）。</P>
<P> 8.用橡皮擦写字数的笔划（可以从后往前每帧擦掉一笔），并将该层的蝴蝶放在合适的位置。</P>
<P> 提示：擦时注意调整橡皮擦大小，随时进行调节。</P>
<P align=left> 制作出的效果如下图所示：</P>
<P align=center><IMG height=256 src="http://design.yesky.com/imagelist/06/21/93k8la1t225t.jpg" width=215></P>
<P> 10.画笔字完成后，将没有蝴蝶的最后一帧重置18帧（与提供的素材相同帧数，方便导入）。然后每帧调整文字的透明度，从99%每帧下调一点，一直到文字透明。</P>
<P align=center><IMG height=87 src="http://design.yesky.com/imagelist/06/21/o34v08zl1o52.jpg" width=386></P>
<P> 11.选中第倒数第18帧（即刚制作好擦写完成的文字），选择菜单“文件/导入”，将素材动画蝴蝶导入进来。</P>
<P align=center><IMG height=120 src="http://design.yesky.com/imagelist/06/21/xk46vcar9dt7.gif" width=100></P>
<P> 12.最后在帧中选中制作文字的部分帧（可利用shift淮渭友。柚闷渲⊙邮?0/秒。剩下的蝴蝶效果为15/秒。</P>
<P align=center><IMG height=201 src="http://design.yesky.com/imagelist/06/21/3eu19itl4v35.jpg" width=208></P>
<P> 13.利用下方的播放预览后，最后就是导出漂亮的动画了。选择“文件/图像预览”，在保存设置中选择“动画GIF接近网页128”（这种图片效果不错而且比较小），单击“导出”即可。</P>
<P align=center><IMG style="BORDER-LEFT-COLOR: #000000; BORDER-BOTTOM-COLOR: #000000; BORDER-TOP-COLOR: #000000; BORDER-RIGHT-COLOR: #000000" alt=点击放大此图片 src="http://design.yesky.com/imagelist/06/21/6i4h2zt4nwvc_s.jpg" border=1><BR>（点击看大图） <BR></P>
<P><BR> </P>
<P align=left> 素材（蝴蝶飞）：<IMG height=120 src="http://design.yesky.com/imagelist/06/21/7b50qdgy2j3o.gif" width=100 border=1> PNG源文件：<IMG height=120 src="http://design.yesky.com/imagelist/06/21/eu702773z0vq.png" width=100></P><br><br>
[[i] 本帖最后由 calyciferae 于 2006-10-31 16:59 编辑 [/i]]
