Fireworks制作网站动态banner教程

• 教程
• 动态
• 网站
• 制作
• 复制
• 调整
• 如下
• 输入
• 动画
• 新建

本文涉及知识点：
1、fw创建gif动画的基本过程；
2、fw帧动画中共享层的使用；
3、fw形状渐变动画的制作；
4、fw缩放动画的制作；
5、fw帧帧动画的制作；
...
第一步：做背景层
大家知道，大多动画的背景图片都是固定的，变化的只是动画里的文字阿、图标等等。我们可以事先将背景部分做好，然后将其设为共享层，其他帧里我们就不用再复制背景层了。
新建468*60文档；

用矩形工具画一个矩形，大小同画布；

将填充颜色改为线性渐变，调整颜色如下;

通过“文件”菜单里的“导入”功能，将修饰图片导入场景；

将层面板中层1设置为共享层，并新建层2；

选择层2，场景中输入“海量”两个字，大小为120px，调整透明度为60%；调整颜色及倾斜角度；

在帧面板中讲帧1鼠标拖拉之新建图标，复制创建帧2，并将文字大小设置为44；

在画布中输入“免费”，在滤镜的“阴影和光晕”中选择“发光”；

调整参数如下：

再对“免费”两个字进行模糊处理：在滤镜的“模糊”中选择“缩放模糊”；

调整参数如下：

复制该帧，并将新帧中的“免费”的模糊参数修改如下：

再复制该帧，删除“免费”的模糊滤镜。

复制帧，添加输入“教”；
复制帧，添加输入“程”；
重复复制帧，添加输入“.”
实现如下图的效果：

#p#分页标题#e#

...

新建帧（直接点新建帧图标，不用复制帧的操作），输入“尽在”，导入图片，调整位置、文字字体等，如下：

重复复制帧，调整图片位置：

输入“Www.ITGao.Com”，并使用发光滤镜: