网站建设| 数据库类| 图形图象| 程序设计| 现代办公| 操作系统| 考试认证| 网络技术| 软件工程| 电脑相关| 文学作品
网站开发| 网页制作| 操作系统| 图象图形| 考试认证| 数据库类| 程序设计| 硬件技术| 现代办公| 网络技术| 笑话频道
 
您的位置: 电脑书库首页-> 电脑文摘-> 网页制作-> FireWorks-> Fireworks4创建动画

Fireworks4创建动画
作者:佚名 来源:InterNet 加入时间:2005-2-19
相关文章
  • Fireworks卡通头像:搞怪宝宝(4)
  • Fireworks卡通头像:搞怪宝宝(3)
  • Fireworks卡通头像:搞怪宝宝(2)
  • Fireworks卡通头像:搞怪宝宝(1)
  • 使用Fireworks制作漂亮的礼花
  • 用Fireworks做出苹果的晶亮透明
  • 用Fireworks制作连续跳跃数字
  • 用Fireworks制作Logo
  • Fireworks4下拉菜单
  • Fireworks4做一个按钮(下)
  • 相关书籍:
  • Fireworks MX 2004 入门
  • Fireworks常见问题解答
  • Fireworks4.0教程
  • 创建一个物体来产生动画

      1,新建一个文件,长和宽都是200pixel

      2,用矩形工具画一个矩形,你可以使用你喜欢的任何颜色

      


      动画的设定

      1,选中这个矩形,选择modify菜单Animate->Animated selecation.

      2,在frame 框中输入5

      3,move框中输入180,这是设定移动的距离像素

      4,在direction中输入45,设定移动的角度

      5,单击ok,fireworks 将会问你是否添加新的frame(帧)

      6,单击ok,将会自动添加新的帧

      现在图中的矩形上的右下角就会加上一个小小的箭头,表示这是一个动画符号(animation symbol),一条线表示这个符号的移动路径,线上的每一个点表示一帧。

      动画预览

      你可以直接在工作区内预览这个动画

      1,如果frame(帧)面板不可见,选择window -> frames

      2,点击画布下方的播放/停止按钮,就可以播放动画。

      


      3,再次点击这个按钮可以停止。

      4,在frames面板上你可以看到每一帧的动画

      现在你可以给这个动画做一些修改

      动画的编辑

      可以使用object(对象)面板对动画进行编辑

      1,打开object(对象)面板

      2,点击frames面板上的第一帧

      3,选中这个symbol,在object(对象)面板上就会显示这个动画的设定,

      4,你可以对这个设定进行修改,比如在scaling(缩放比例)内输入110,使从第一帧到最后一帧图象放大10%

      5,在opacity(透明度)左边的框内输入10,右边的框内输入100,这将使动画产生透明度的渐变

      6,在rotation(旋转)中输入180, 将使动画产生180度的旋转

      7,再次点击播放按钮就可以看看效果了。

      编辑运动路径

      1,点击工作区上的symbol,运动路径就可以显示出来

      2,你可以用鼠标拖动路径上的第一帧(绿色的点)和最后一帧(红色的点),来改变它们的位置

      3,也可以拖动中间的帧(蓝色的点),改变整条路径

      4,再预览一下看看吧

      输出gif动画

      要在浏览器中看到这个动画,就必须输出成gif动画格式或swf格式

      1,打开optimize(优化)面板

      2,输出格式设为animated gif(动画gif)

      


      3,单击菜单上file -> export命令

      4,保存类型选择 html and images就可以输出一个html文件

      5,你可以用浏览器打开这个动画来看了

    [文章录入员:nancy]

    相关文章
  • Fireworks卡通头像:搞怪宝宝(4)
  • Fireworks卡通头像:搞怪宝宝(3)
  • Fireworks卡通头像:搞怪宝宝(2)
  • Fireworks卡通头像:搞怪宝宝(1)
  • 使用Fireworks制作漂亮的礼花
  • 用Fireworks做出苹果的晶亮透明
  • 用Fireworks制作连续跳跃数字
  • 用Fireworks制作Logo
  • Fireworks4下拉菜单
  • Fireworks4做一个按钮(下)
  • 相关书籍:
  • Fireworks MX 2004 入门
  • Fireworks常见问题解答
  • Fireworks4.0教程
  • 本站推荐内容

    近期主机类热搜关键词:
    美国服务器 美国服务器租用 海外服务器租用 国外服务器租用

    FireWorks
    DreamWeaver
    FrontPage
    FireWorks
    Flash
    HTML
    其它
    电脑教程阅读排行
    ·Fireworks MX教程(二...
    ·Fireworks MX教程(二...
    ·Fireworks MX教程(十...
    ·Fireworks MX教程(二...
    ·Fireworks MX教程(一...
    ·Fireworks MX教程(十...
    ·Fireworks卡通头像:搞怪...
    ·Fireworks MX教程(二...
    ·FireWorks教程动画Log...
    ·用Fireworks制作Logo