点击这里给我发消息 点击这里给我发消息
首页 > 行业资讯 > firework>详细内容

用 Firework3 制作网页动画

添加时间:2010-1-5
    相关阅读: 制作网页 网页 设计 技术 Dreamweaver DW 网站

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插入到网页的任何位置,预览网页就可以看到漂亮的“月夜飞雁图”啦

本文作者:
咨询热线:020-85648757 85648755 85648616 0755-27912581 客服:020-85648756 0755-27912581 业务传真:020-32579052
广州市网景网络科技有限公司 Copyright◎2003-2008 Veelink.com. All Rights Reserved.
广州商务地址:广东省广州市黄埔大道中203号(海景园区)海景花园C栋501室
= 深圳商务地址:深圳市宝源路华丰宝源大厦606
研发中心:广东广州市天河软件园海景园区 粤ICP备05103322号 工商注册