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

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

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

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

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

 

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

 

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

 

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

 

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

 

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

 

推荐阅读

    Dreamweaver概述:轻松设置行间距

    Dreamweaver概述:轻松设置行间距,行间距,设置,属性,选择,层叠样式表,资讯,输入,Dreamweaver概述:轻松设置行间距 在Dreamweaver中轻松设置

    Dreamweaver CC教程:上下文菜单

    Dreamweaver CC教程:上下文菜单,上下文菜单,教程,单击,对象,视图,右键,属性,Dreamweaver CC教程:上下文菜单 上下文菜单 使用

    Dreamweaver CC教程:工具栏概述

    Dreamweaver CC教程:工具栏概述,工具栏,教程,选项,自定义,视图,选择,实时,Dreamweaver CC教程:工具栏概述 工具栏概述 工具栏

    Dreamweaver 参数设置介绍

    Dreamweaver 参数设置介绍,参数设置,显示,属性,对话框,选项,选择,设置,Dreamweaver 参数设置介绍 Dreamweaver 的参数设置有哪些呢?这是

    Dreamweaver表单创建与设置

    Dreamweaver表单创建与设置,设置,表单,数据,属性,点击,目标,名称,Dreamweaver表单创建与设置 一、表单的创建方法: 点击“插入”-“表单

    Dreamweaver跳转菜单制作技巧

    Dreamweaver跳转菜单制作技巧,制作,菜单,输入,表单,点击,频道,初始化,Dreamweaver跳转菜单制作技巧 具体操作步骤如下: 点击“插入”-“表

    Dreamweaver表单对象:列表/菜单

    Dreamweaver表单对象:列表/菜单,列表,菜单,表单,对象,菜单项,初始化,输入,Dreamweaver表单对象:列表/菜单 在标点中插入一个列表/菜单的

    dreamweaver CSS使用教程:扩展属性

    dreamweaver CSS使用教程:扩展属性,扩展,属性,对象,滤镜,使用教程,设置,控制,dreamweaver CSS使用教程:扩展属性 扩 展 属 性  【定义