IT热点
  • 电脑硬件
  • 手机
  • MP4
  • 品牌机
  • 办公产品
  • 投影机
  • 服务器
  • 奥林巴斯
  • 尼康
  • 佳能
  • 阿尔卡特
  • 索尼
  • 微星
  • 七彩虹
  • 笔记本
  • 数码相机
  • 数码摄像机
  • 惠普
  • 戴尔
  • 联想
  • 诺基亚
  • 摩托罗拉
  • 索尼爱立信
  • LG
  • 西门子
  • 飞利浦
  • 华硕
  • 硕泰克
  • - - - - - - - - - -
    首页 >> 学院 >> 网页制作 >> 网页制作Fireworks
    Fireworks教程:制作漂亮旋转的gif动画 [网页制作Fireworks]
    RockHward
    2008-8-26 10:11:00 文/
      本教程介绍使用Fireworks制作可爱的四叶草旋转gif动画效果,教程主要讲解了运用运动痕迹滤镜模拟3D效果来完成最终效果,如果你有兴趣就动手做做看咯。

      看了“小可爱”转的用fireworks插件制作3D的gif动画,实在强大。

      介绍这个插件的文章有差不多这样一句话:按下“导出”按钮,可能有类似死机现象,但是只要耐心等待,总会输出gif。

      晕,我家里的机是N年前的老牌货,看来要另想办法了。

      乱碰乱撞之下,意想不到的事情发生了~~~~~


      效果图

    Fireworks教程:制作漂亮旋转的gif动画

      1. 新建一个150*100px大小的画布,用“星型工具”画一个四叶草图案,为它加一个“纯色阴影滤”镜。

      按F8转换为“动画”元件,设为用21帧转过360度。不要忘了在帧面板中删除掉帧21。然后选中帧1。

    Fireworks教程:制作漂亮旋转的gif动画

      图1

      2. 这一步是核心效果。为这个动画实例添加一个EyeCandy4.0的“运动痕迹”滤镜,参数就自由选择了。

      按下播放按钮就可以看到滤镜是如何模拟到3d效果的了。

    Fireworks教程:制作漂亮旋转的gif动画

      图2

      3. 最后新建一个层,放标题和签名,将该层置于顶部,钩选“共享交叠帧”。

      一个仿3D动画的gif就3步被K.O.了。

    Fireworks教程:制作漂亮旋转的gif动画

      图3
    ·IT产品报价大全
    更多相关: 手机
    在百度中更多内容: 手机


    [第一页] 1 2 [下一页] [最后一页]

    打印此 投稿与建议 返回顶部

    相关文章
    ·Fireworks动态水波LOGO教程
    ·Fireworks教程:网格化图像效果
    ·Fireworks教程:自制树叶笔触绘制榕树
    ·Fireworks教程:制作韩国女包
    ·Fireworks教程:不同切角效果