欢迎来到天天文库
浏览记录
ID:44345767
大小:957.00 KB
页数:33页
时间:2019-10-21
《动态对象的使用》由会员上传分享,免费在线阅读,更多相关内容在行业资料-天天文库。
1、第4章动态对象的使用本章学习目标时间轴动画多媒体对象的使用插入音频插入视频2021/9/42参考网址:http://www.cs.shu.edu.cn/songbo/4.1.1时间轴动画基本思想:随着时间的变化显示不同的内容。一个时间轴动画实际上是由很多幅图片构成的。这些图片在一定时间内连续播放出来,这样就产生了动画效果。时间轴动画中,每一个时间结点称为一帧,起关键作用的帧叫做关键帧。2021/9/43参考网址:http://www.cs.shu.edu.cn/songbo/4.1.1时间轴对象的建
2、立例子:制作一个从右向左移动的字幕,并循环播放。移动的字幕具体制作方法:在页面上插入一个层。在层中输入文本作为可移动的字幕。将层拖动到页面的最右边作为动画(字幕)的起始位置“窗口”
3、“其他”
4、“时间轴”:打开时间轴Alt+F92021/9/44参考网址:http://www.cs.shu.edu.cn/songbo/选中层,单击时间轴右上角的弹出菜单按钮(!),从弹出的菜单中选择“添加对象”命令将层的当前位置作为第一帧添加到时间轴上。这时时间轴上将会出现紫色的动画条,动画条两端的小圆圈叫关键帧。拖动
5、关键帧还可以改变动画条的长短,因而就能改变动画的播放时间。2021/9/45参考网址:http://www.cs.shu.edu.cn/songbo/单击代表右侧关键帧的小圆圈,选中该关键帧将层拖动到页面最左端,这是动画的终点位置。在拖动过程中页面上会出现一条轨迹,该轨迹表明了动画的运动路径。如果没有轨迹出现,说明设置不正确,必须重新设置。时间轴面板中选中“自动播放”、“循环”两个复选框将每秒钟播放速度Fps改为5即每秒钟播放5幅图片。到此制作完成,保存后,按F12在浏览器中预览。2021/9/46
6、参考网址:http://www.cs.shu.edu.cn/songbo/如果在时间轴上向右拖动右侧关键帧,可以增加帧数目。在每秒钟帧数不变的情况下,播放时间会延长播放时间可以由总帧数除以每秒钟播放帧数得到播放时得到平稳动画,降低跳跃感,增加动画帧数是一个好办法。如果帧数为:240帧,每秒播放帧数为:24帧,则这个动画可以播放10秒。2021/9/47参考网址:http://www.cs.shu.edu.cn/songbo/4.1.2增加关键帧如果想让动画的路径做曲线运动,则可以在动画条的中间位置增
7、加关键帧。(1)打开时间轴面板,选中动画条。(2)在动画条的适当位置(如第8帧)单击鼠标右键,在弹出的快捷菜单中选择“增加关键帧”命令。这时该帧的位置会在页面上出现。(3)拖动对象改变该帧的位置,就改变了动画的运动路线。可见,如果想让一个对象在页面中一曲线运动,可在页面中添加几个关键帧,并调整好相应的位置。2021/9/48参考网址:http://www.cs.shu.edu.cn/songbo/2021/9/49参考网址:http://www.cs.shu.edu.cn/songbo/注意:在延长
8、关键帧的时候,请留意时间轴上方与之配套的行为标志这是原有终点帧用于循环留下的行为应该将其适当处理。原有终点帧用于循环留下的行为设置图4-4原终点帧留下的行为2021/9/410参考网址:http://www.cs.shu.edu.cn/songbo/4.1.3时间轴对象的删除先选中时间轴面板中的动画条再单击右侧的三角按钮在弹出的菜单中选择“移除对象”或者先选中时间轴面板中的动画条单击鼠标右键在弹出的快捷菜单中选择“移除对象”2021/9/411参考网址:http://www.cs.shu.edu.c
9、n/songbo/4.1.4第二个时间轴对象的建立在页面上放置两个动画:(1)在页面上再插入一个层,在层中输入需要的对象,例如一张图片或Flash动画。(2)打开“窗口”
10、“其它”
11、“时间轴”命令,出现时间轴面板。(3)将层拖动到页面的起始位置。(4)选中层单击时间轴面板右上角的弹出菜单按钮(或单击鼠标右键),从弹出的菜单中选择“添加对象”命令,将层的当前位置作为第一帧添加到第二层时间轴上。2021/9/412参考网址:http://www.cs.shu.edu.cn/songbo/这时时间轴上将会
12、出现紫色的动画条。2021/9/413参考网址:http://www.cs.shu.edu.cn/songbo/4.2多媒体对象的使用可以嵌入各种插件来实现插件是用来扩充程序功能的模块化组件插件安装之后,就能成为网页文件的一部分,专门用于处理特定类型的文件。2021/9/414参考网址:http://www.cs.shu.edu.cn/songbo/4.2.1插入Flash动画1.插入Flash动画(1)准备一个Flash动画文件由Flash软件导出或发布的.swf文
此文档下载收益归作者所有