用 Firework3 制作网页动画

FW3(FireWork3)与DW3(Dreamweavers)、Flash4有人合称为网页制作的“三剑客”。制作网页时应考虑到有部分网友未安装Flash插件，所以尽量不要采用Flash技术，而使用Macromedia公司的 FW3及DW3设计，当然别忘了叫上“图老大”PS5(Photoshop5.0CS)。 FW3主要是以处理路径为基础的对象图像，并融合了位图编辑的各种功能，这使得在FW3中对图像进行处理时有了更强的灵活性、易控制性和易编辑性。用FW3可以非常简便与快捷地制作精彩的动态图片，如当前许多网站的翻版广告图片、特效动作图片等等。使用 FW3生成的GIF图片因其能实现交错、透明和动画显示，而获得大量的应用。利用 FW3在个人主页上添加动画，可使网页更加生动美观，一定会增色不少。下面就以 FW3自带的“月夜飞雁图”(名字是我起的，不错吧)来简要介绍一下制作简单动画的过程。 1、选定图像打开FW3，按F1键进入帮助选项，在屏幕左边选择Creating Animation－Creatingobjects for the animation,找到图片，将鼠标指针移动到图片上单击右键，图片另存为bird0.bmp文件。用 PS5打开该文件，用矩形选框工具选定合适大小的图片，选择编辑→拷贝。新建→文件，选择编辑→粘贴，将选定的图像粘贴于新文件上，选择文件→存储副本，命名为bird1.bmp。2、制作动画 回到FW3后，选择window，在下拉选项中激活Optimize与Frames窗口。打开bird1.bmp，将鼠标指针移动右上角Optimize窗口，在下拉选框中把文件类型调整为Animated GIF。再将鼠标指针移动至右下角Frames窗口,单击New/Duplicate Frame按钮（该窗口下边右数第二个按钮），增加Frame2层，再单击该按钮，增加Frame3层。单击Frame1层，将鼠标指针移动至图像区，单击右键，选择cut/copy(复制)，单击Frame2层，将鼠标指针移动至图像区，单击右键，选择Paste(粘贴)。Frame3层的操作同上。单击Frame1层，用橡皮工具擦掉第2、3个大雁后选择漆桶颜色为深蓝色，选择漆桶工具，在擦除痕迹上单击左键填充深蓝色以清除痕迹。单击Frame2层，用橡皮工具擦掉第1、3个大雁，再用漆桶工具填充修改痕迹。单击Frame3层，用橡皮工具擦掉第1、2个大雁，再用漆桶工具填充修改痕迹。双击Frame1层，将Frame delay由20/100 second修改为100/100second，回车。Frame2层、Frame3层操作同上（修改单层显示时间是便于观察的需要，改不改随你便）。将鼠标指针移动至右下角Frames窗口,单击GIF animation looping按钮（该窗口下边左数第二个按钮），改为Forever。单击Frames窗口下的播放工具中左数第二个按钮，可以看到三层循环显示，大雁已经飞起来了 3、输出文件选择File－export，在File name栏中填入要输出的文件名bird.gif。该命名为bird.gif的动画图片已经完成。退出FW3以后，将bird.gif插入到网页的任何位置，预览网页就可以看到漂亮的“月夜飞雁图”啦。