Fireworks实例制作1

一、计算机技术系LOGO制作

二、Loading实例制作

1.打开fireworks MX 2004，执行：文件/新建，大小为400*400PX，

白色。

2.使用矢量矩形工具,在图像中创建一个20*20PX的矩形,填充的颜

色为红色，用指针工具,调整其线性渐变为：白→红，调整其渐变的方向。

3.选择这个正方形,按F8键或使用菜单命令：修改/元件/转换为元件,

在打开的符号属性对话框中,选择其类型为,.图形

4.在库面板中选择上面创建的元件，将它拖入图像中，在属性面板

中设置后面一个元件的宽度为300px。

5.选中上面两个实例,使用菜单命令：修改/对齐/左对齐。

6.使用菜单命令：修改/元件/补间实例

7.在实例对话框中,设置步骤为15,选中分散到帧，确定

8.在库面板中选区中元件,双击,在打开的对话框中设置效果为凸起

浮雕,角度为90度,设好后关闭

9.保存文件

三、文字曲线动画

1.单击：文件/新建，宽770*高110像素，分辨率为：72px/inch，背

景：白色。

2.单击：文件/导入，选择：综合楼.png，在图像中调整其大小与画

布的大小相吻合。

3.使用文字工具在图像中输入文字：“热烈庆祝江西信息应用职业技

术学院建院五十周年”，使用：隶书，43号字，红色。

4.使用钢笔工具，勾画出所需要的路径的形状，在属性面板中设置

无颜色、无填充。

5.按住房Shift键，将文字与路径同时选中，执行：文本/附加到路

径，按Ctrl+C将变形后的文字进行复制。

6.在帧面板中新建一个帧，按Ctrl+V粘贴，在属性面板中的文本偏

移中输入：10

7.重复这样，在属性面板中的文本偏移中输入：20

8.重复这样，在属性面板中的文本偏移中输入：30

9.重复这样，在属性面板中的文本偏移中输入：40

10.。。。。。。。。。。

11.在帧面板中调整动画持续的时间。

12.预览动画，导出动画。

四、十字梅花按钮

1.在fireworks中新建一个文件,150*150PX，分辩率为72px/inch，背

景颜色为：白色。

2.在图像中使用适矢量工具椭圆，在图像中画出一个椭圆，将椭圆

调整到所需要的位置，将椭圆进行复制，将复制后的椭圆旋转90度，将两个椭圆一起选中。

3.执行：修改/组合路径/联合。

4.用矢量工具中的自由变形工具，设置其笔的大小为30，在视图中

推动路径，使其尖角平滑，使用油漆桶工具，对它进行黑白渐变。

5.使用椭圆工具，按住键盘上的Shift和Alt键，选择边缘为实边，

作一个正圆，调整渐变的方向到所需要的结果为止。别将它添加交换图像行为,选择交换的图像帧,及打开的位置

6.最后保存为JPG格式的图像。

五、实例:计算机技术系05图形班网页作业

1.新建一个文件：新建一个大小为：199*54px，分辩率为72px/inch、

透明的一个图像文件。

2.在页面中分别输入文字：计算机技术系05图形班、网页作业，均

采用：黑体、16号字、黑色。

3.用钢笔工具在场景中勾画出一个弧线形状，不填色，将色画出的

路径和文字信息系05软件班同时选中，执行：文本/修改/附加到路径，在属性栏中调整文字到合适的位置。

4.在页面中将两部分文字全部选中，复制它。在帧面板中新建一个

帧，将复制的文字粘贴上去，调整文字的颜色。

5.调整帧面板中两帧的时间。

6.导出GIF动画。