Fireworks4创建动画_网页制作_学习笔记★闵涛★计算机学习电脑编程软硬件技巧


	转至繁体中文版	\| 网站首页 \| 图文教程 \| 资源下载 \| 站长博客 \| 图片素材 \| 武汉seo \| 武汉网站优化 \|

Fireworks4创建动画

作者：闵涛文章来源：闵涛的学习笔记点击数：562 更新时间：2009/4/23 13:11:59

创建一个物体来产生动画

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

没有相关教程

教程录入：mintao 责任编辑：mintao

上一篇教程： Fireworks卡通头像：搞怪宝宝(2)

下一篇教程： Fireworks卡通头像：搞怪宝宝(1)

【字体：小大】【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口】

注：本站部分文章源于互联网，版权归原作者所有！如有侵权，请原作者与本站联系，本站将立即删除！本站文章除特别注明外均可转载，但需注明出处！ [MinTao学以致用网]

　网友评论：（只显示最新10条。评论内容只代表网友观点，与本站立场无关！）

同类栏目

· Web开发  · 网页制作
· 平面设计  · 网站运营
· 网站推广  · 搜索优化
· 建站心得  · 站长故事
· 互联动态

热门推荐

没有教程

赞助链接

闵涛博文

500 - 内部服务器错误。

您查找的资源存在问题，因而无法显示。

鄂公网安备 42011102001154号

站长：MinTao ICP备案号：鄂ICP备11006601号-18

闵涛站盟:医药大全-武穴网。A打造B、C、D……