利用时间轴制作动画.docVIP

实训七　利用时间轴制作动画 设计目标： 创建时间轴动画，使飞行器图像在页面上自由飞行，效果如下图所示。 相关知识点： 创建时间轴动画 在时间轴面板中添加关键帧 控制动画速度 改变图像和图层属性 实训内容： 一、准备工作 （一）复制文件 把“实训七 利用时间轴制作动画\实训”中的“materials” 文件夹复制到D：盘根目录。 （二）新建站点 站点名称：利用时间轴制作动画 站点根文件夹：D:\ materials 二、创建时间轴动画 （一）一个简单的直线运动的时间轴动画实例 1．建立一个做直线运动的时间轴动画 操作步骤如下： （1）打开ex9_1.html文档。 （2）在页面中添加一个新图层，在层中插入图像img9_1.gif，然后将图层移动到文档的右上方（动画的起始位置）。 （3）在菜单栏中选择“窗口”→“时间轴”命令打开时面板选层用鼠标拖动图层到时的第一帧处5）当第一次在时间轴中添加对象时，会弹出，告诉你可以改变该层的大小，位置，层顺序，以及可见性。 （6）拖动动画条尾部的关键帧位置到100帧处（注意播放头也跟着移动到该处），将动画图层移动到文档的左上方（动画结束的位置），这时从动画起始位置到结束位置有一条线显示，这就是图层的的运动轨迹，如下图所示。 （7）单击播放按钮，可直接在网页中预览时间轴动画。 （8）选中“自动播放”复选框。保证浏览器中的动画能自动播放。 （9）选中“循