当前位置: 主页 > 平面设计 > Fireworks MX 2004 动画实例-遮罩动画文字

Fireworks MX 2004 动画实例-遮罩动画文字

  • 2022-01-25
  • 来源/作者: ps.onegreen.org    / 佚名    
  • 3 次浏览

   源文件下载

  首先,新建一个Fireworks文档,画布大小设为400*300像素,分辩率为72,背景色为白色。

  在画布上用“矩形工具”绘制一个300*100像素的矩形,设置填充颜色为图案中的“彩色玻璃”,并将矩形放置在画布左侧,如图1所示。

图1 矩形效果及位置

  接下来选中矩形,然后选择菜单[修改]|[元件]|[转换为元件]命令,弹出[元件属性]对话框。将元件名称设为“遮罩”,类型设为“动画”,如图2所示。

图2 [元件属性]对话框

  单击[确定]按钮关闭对话框后,会自动打开一个[动画]对话框,设置帧为10,移动为100,方向0,其它默认。如图3所示。

图3 [动画]对话框

  现在可以点击一下播放按钮,看一下遮罩条的运动效果。然后停止播放并回到第一帧,选择[文本工具]在遮罩条上方输入文字“闪客”,字体设为“黑体”,字号设为50,颜色为黑色,加粗,如图4所示。

图4 文字属性

  文字位置如图5所示。

图5 文字与遮罩条的位置

  接下来就是设置遮罩效果的过程了。用“指针”工具同时选择中遮罩条和文字,然后选择菜单[修改]|[蒙版]|[组合为蒙版]。这时你会发现看不到场景中的内容了,不要急,选择层面板中的“矢量蒙版”,如图6所示。

图6 层面板

  在[属性]面板上设置蒙版为“到路径轮廓”,现在可以在画布上看到字了吧。播放一下看看我们的字的填充色动起来了吧!导出为GIF动画就可以了。

  动画效果:

  

  查看全套"Fireworks MX 2004 入门"教程>>>>>