Make Www.Edu-cn.Com Your Home Page!
用户名: 密码: 验证码: 注册
  当前位置: > 中国教程网>图形图像>平面设计>fireworks> Fireworks4创建动画

Fireworks4创建动画

作者:佚名   来源:中国教程网   点击:   日期:2007-03-31
    创建一个物体来产生动画

  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,点击画布下方的播放/停止按钮,就可以播放动画。

  
AOE3 STUDIO


  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,你可以用浏览器打开这个动画来看了

漂亮MM女性网

中国教育网

AOE3 STUDIO

中国论文网



文章评论】 【收藏本文】 【推荐好友】 【打印本文】 【论坛讨论

   最新文章:
·用Fireworks做出精美的文字特效(04-03)
·先建模再渲染 Fireworks矢量立体图标(04-03)
·用Fireworks也能为照片做精美边框(04-03)
·Fireworks绘制三维矢量透视图(04-03)
·Fireworks制作马赛克文字特效(04-03)
·FW滤镜制作血滴效果(04-03)
·绘制可爱的圣诞新年Kitty猫咪卡通桌(04-03)
·Fireworks三维插件辅助绘制转动立体(04-03)
·Fireworks 制作精细PC图标(04-03)
·Fireworks打造残破效果(04-03)
   相关文章:
·Fireworks4图象优化 ·Fireworks绘制飞舞蝴蝶动画
·Fireworks卡通头像:搞怪宝宝(4) ·Fireworks制作GIF动画Banner
·Fireworks4翻转图像 ·Firework绘画大众甲壳虫汽车
·Fireworks 制作 IE 浏览器图标 ·Fireworks4下拉菜单
·Fireworks卡通头像:搞怪宝宝(3) ·Fireworks实用设计:电话IC卡

   文章评论:(0条)
  
用户名: 新注册) 密码: 匿名评论
评论内容:(不能超过250字,需审核后才会公布,请自觉遵守互联网相关政策法规。

 §最新评论:

  责任编辑:中国教程网  

© 2007 Copyright 中国教育网
DesignBy:AOE3 STUDIO & ROCOCO