fireworks怎样制作banner
fireworks怎样制作banner
学习啦在线学习网 在fireworks中，一个好的Banner图会给人一种耳目一新的感觉，一张好的Banner图会给网页添色不少。想要制作一张漂亮的banner吗?下面学习啦小编给大家整理了关于fireworks制作banner的方法，希望你们喜欢。
fireworks制作banner的效果图：
本文涉及知识点：
1、fw创建gif动画的基本过程;
学习啦在线学习网 2、fw帧动画中共享层的使用;
学习啦在线学习网 3、fw形状渐变动画的制作;
4、fw缩放动画的制作;
5、fw帧帧动画的制作;
fireworks制作banner的方法步骤
首先要做背景层
学习啦在线学习网 大多动画的背景图片都是固定的，变化的只是动画里的文字阿、图标等等。我们可以事先将背景部分做好，然后将其设为共享层，其他帧里我们就不用再复制背景层了。
学习啦在线学习网 新建468*60文档;
学习啦在线学习网 在fireworks中用矩形工具画一个矩形，大小同画布;
然后将填充颜色改为线性渐变，调整颜色如下;
如图，通过“文件”菜单里的“导入”功能，将修饰图片导入场景;
别忘了调整布局及搭配，结果如下图：
将层面板中层1设置为共享层，并新建层2;
学习啦在线学习网 此时选择层2，场景中输入“海量”两个字，大小为120px，调整透明度为60%;调整颜色及倾斜角度;
在帧面板中讲帧1鼠标拖拉之新建图标，复制创建帧2，并将文字大小设置为44;
在fireworks的画布中输入“免费”，在滤镜的“阴影和光晕”中选择“发光”;
调整参数如下：
再对“免费”两个字进行模糊处理：在滤镜的“模糊”中选择“缩放模糊”;
调整参数如下：
学习啦在线学习网 然后复制该帧，并将新帧中的“免费”的模糊参数修改如下：
再复制该帧，删除“免费”的模糊滤镜。
学习啦在线学习网 复制帧，添加输入“教”;复制帧，添加输入“程”;重复复制帧，添加输入“.”实现如下图的效果：
学习啦在线学习网 在fireworks中新建帧(直接点新建帧图标，不用复制帧的操作)，输入“尽在”，导入图片，调整位置、文字字体等，如下：
重复复制帧，调整图片位置：
学习啦在线学习网 输入“Www.ITGao.Com”，并使用发光滤镜:
双击各帧，在弹出的间隔时间：
动画制作完毕，开始导出为gif图片：打开图像预览面板
设置如上图所示，最后点击“导出”按钮，保存。大功告成，效果如下：
动画总体过程比较麻烦，综合了fw的很多实用功能和技巧，但原理其实很简单，只要耐心调整和操作就可以领悟到fw的无穷魅力了。
PNG源文件：
。
看过“ fireworks怎样制作banner“的认还看了：