织女 发表于 2008-12-27 16:30:29

Fireworks制作字体遮罩动画

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


www.ad119.cn/bbs/attachments/websoft/20081227/2008122716255212577801.gif

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

www.ad119.cn/bbs/attachments/websoft/20081227/2008122716255237577802.gif

  2、把上一步骤的图复制/粘贴2次,然后把3幅图合并,这样会使动画更加连贯。

www.ad119.cn/bbs/attachments/websoft/20081227/2008122716255242177803.gif

  3、选中这幅图,然后在菜单中选择:Insert--Convert to Symbol,或按F8, 然后选择Animation,将它定义为动画.在动画参数设置里只要填Frames播映的帧数就可以了,我们在Frames那里填10。

www.ad119.cn/bbs/attachments/websoft/20081227/2008122716255246877804.gif

  4、选中箭头所指的红点,向右拖动。

www.ad119.cn/bbs/attachments/websoft/20081227/2008122716255251577805.gif
     5、拖动后,调整好位置,使最后一帧的图案与第一帧位置相同。

www.ad119.cn/bbs/attachments/websoft/20081227/2008122716255256277806.gif

  6、在Frames面板里选取第一帧,回到第一帧继续下面的步骤。

www.ad119.cn/bbs/attachments/websoft/20081227/2008122716255260977807.gif

  7、新建一个图层,然后输入文字。

www.ad119.cn/bbs/attachments/websoft/20081227/2008122716255265677808.gif

  8、同时选中图案与文字,在菜单中选择:Modify--Mask--Group as Mask。

www.ad119.cn/bbs/attachments/websoft/20081227/2008122716255270377809.gif

  9、选中动画,然后在Layers面板里点击图中箭头所示,把遮照之间的关系取消;然后选取字体,选取字体后Object面板会出现两个选项,选path Outline(箭头所指),选好后在Layers面板里恢复遮照之间的关系。

www.ad119.cn/bbs/attachments/websoft/20081227/20081227162552750778010.gif

  10、现在遮照文字动画做好了,按Play看看吧!你可以再整理一下位置与播放的速度,得到更佳的效果。

www.ad119.cn/bbs/attachments/websoft/20081227/2008122716255212577801.gif
页: [1]
查看完整版本: Fireworks制作字体遮罩动画