Fireworks MX 2004 动画实例-遮罩动画文字
Fireworks MX 2004 动画实例-遮罩动画文字
首先,新建一个Fireworks文档,画布大小设为400*300像素,分辩率为72,背景色为白色。
在画布上用“矩形工具”绘制一个300*100像素的矩形,设置填充颜色为图案中的“彩色玻璃”,并将矩形放置在画布左侧。
接下来选中矩形,然后选择菜单[修改]|[元件]|[转换为元件]命令,弹出[元件属性]对话框。将元件名称设为“遮罩”,类型设为“动画”。
单击[确定]按钮关闭对话框后,会自动打开一个[动画]对话框,设置帧为10,移动为100,方向0,其它默认。
现在可以点击一下播放按钮,看一下遮罩条的运动效果。然后停止播放并回到第一帧,选择[文本工具]在遮罩条上方输入文字“闪客”,字体设为“黑体”,字号设为50,颜色为黑色,加粗。
接下来就是设置遮罩效果的过程了。用“指针”工具同时选择中遮罩条和文字,然后选择菜单[修改]|[蒙版]|[组合为蒙版]。这时你会发现看不到场景中的内容了,不要急,选择层面板中的“矢量蒙版”。
在[属性]面板上设置蒙版为“到路径轮廓”,现在可以在画布上看到字了吧。播放一下看看我们的字的填充色动起来了吧!导出为GIF动画就可以了
相关内容
-
Dreamweaver CC教程:更改窗口大小弹出菜单中列出
Dreamweaver CC教程:更改窗口大小弹出菜单中列出的值,窗口大小...
-
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 CSS使用教程:定义CSS样式背景属性
dreamweaver CSS使用教程:定义CSS样式背景属性,属性,元素,设...
-
Dreamweaver表单对象:列表/菜单
Dreamweaver表单对象:列表/菜单,列表,菜单,表单,对象,菜单项,...
-
dreamweaver CSS使用教程:定义CSS类型属性
dreamweaver CSS使用教程:定义CSS类型属性,类型,属性,文本,字...
-
dreamweaver CSS使用教程:扩展属性
dreamweaver CSS使用教程:扩展属性,扩展,属性,对象,滤镜,使用...
-
dreamweaver CSS使用教程:DROPSHADOW属性
dreamweaver CSS使用教程:DROPSHADOW属性,属性,使用教程,对象...