1. 论坛系统升级为Xenforo,欢迎大家测试!
    排除公告

FireWorks制作动画

本帖由 A君2005-11-22 发布。版面名称:图形设计

  1. A君

    A君 Well-Known Member

    注册:
    2005-08-31
    帖子:
    19,987
    赞:
    98
    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插入到网页的任何位置,预览网页就可以看到漂亮的“月夜飞雁图”啦。
     
  2. 老林

    老林 New Member

    注册:
    2005-09-06
    帖子:
    10,580
    赞:
    36