Fireworks制作字体遮罩动画

　　用Fireworks制作字体遮罩动画是一件非常轻松的事情，下面我们不妨一起动手试试。



[img]http://webdesign.chinaitlab.com/UploadFiles_8014/200605/20060510143400561.gif[/img]

完成效果  　　1、选择一幅图像作为Mask字体的底层动画。


[img]http://webdesign.chinaitlab.com/UploadFiles_8014/200605/20060510143404420.gif[/img]
  
　　2、把上一步骤的图复制/粘贴2次，然后把3幅图合并，这样会使动画更加连贯。


[img]http://webdesign.chinaitlab.com/UploadFiles_8014/200605/20060510143404837.gif[/img]
  
　　3、选中这幅图，然后在菜单中选择：Insert--Convert to Symbol，或按F8， 然后选择Animation，将它定义为动画.在动画参数设置里只要填Frames播映的帧数就可以了，我们在Frames那里填10。


[img]http://webdesign.chinaitlab.com/UploadFiles_8014/200605/20060510143405220.gif[/img]
  
　　4、选中箭头所指的红点，向右拖动。


[img]http://webdesign.chinaitlab.com/UploadFiles_8014/200605/20060510143405659.gif[/img]
  　　5、拖动后，调整好位置，使最后一帧的图案与第一帧位置相同。


[img]http://webdesign.chinaitlab.com/UploadFiles_8014/200605/20060510143406412.gif[/img]
  
　　6、在Frames面板里选取第一帧，回到第一帧继续下面的步骤。


[img]http://webdesign.chinaitlab.com/UploadFiles_8014/200605/20060510143406594.gif[/img]
  
　　7、新建一个图层，然后输入文字。


[img]http://webdesign.chinaitlab.com/UploadFiles_8014/200605/20060510143406559.gif[/img]
  
　　8、同时选中图案与文字，在菜单中选择：Modify--Mask--Group as Mask。


[img]http://webdesign.chinaitlab.com/UploadFiles_8014/200605/20060510143407726.gif[/img]
  
　　9、选中动画，然后在Layers面板里点击图中箭头所示，把遮照之间的关系取消;然后选取字体，选取字体后Object面板会出现两个选项，选path Outline(箭头所指)，选好后在Layers面板里恢复遮照之间的关系。


[img]http://webdesign.chinaitlab.com/UploadFiles_8014/200605/20060510143407960.gif[/img]
  
　　10、现在遮照文字动画做好了，按Play看看吧！你可以再整理一下位置与播放的速度，得到更佳的效果。


[img]http://webdesign.chinaitlab.com/UploadFiles_8014/200605/20060510143400561.gif[/img]