中华网通行证
用户名 密码
  科技动态 硬件广场 下载基地 网络教室 网络冲浪 科学博览 移动时代 手机上网 桌面壁纸 科技商情  

三、创建动画
 

创建一个物体来产生动画

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

  《5D多媒体》提供 Candy/文

 


  


 

 
更多本栏目文章
??Windows 2000系统安全设置攻略
??Dreamweaver编写CSS需要掌握的技巧
??使用Flash MX过程中的3个小技巧
??拖IE9网站图标到Win7任务栏 精彩好礼任你拿
??从此不再耗流量?Google离线地图试用
??给瑞星添加移动存储自动杀毒功能
??一周壁纸榜单 靓丽风景伴您欢度周末
??金山网络七款软件齐升级 炫丽界面贺新春
??提升网站流量和权重 百度热榜排第一
预警:电商促销引钓鱼 七夕网购需谨慎

本站检索



中华网推荐

·国家级治脑病新药思维源
·中藏药治疗脑病新突破
·治类风湿,强直性脊柱炎
·养肾·痛风·长寿
·肝病泌尿脑萎缩新药介绍
·强直性脊柱炎康复乐园
·让中医辩证不孕不育
·国医治股骨头坏死一绝
·乙肝为何久治不愈?
·二千元垄断批发做老板
·中医中药专治前列腺
·治牛皮癣白癜风已成现实
·专治痛风病的白衣天使
·不孕不育的杏林奇葩
·专卖店零售管理系统





   

网络教室编辑信箱