第九章 利用时间轴制作动画.pptVIP

第9章 利用时间轴制作动画 第9章 利用时间轴制作动画 主讲：栾庆磊 学习目标 了解时间轴面板的使用方法。 熟练使用图层和时间轴创建时间轴动画。 熟练掌握在时间轴面板中添加关键帧的方法。 了解利用时间轴面板控制动画速度的方法。 了解利用时间轴面板改变图像和图层属性的方法。 目录 创建时间轴动画实例 使用时间轴改变图像和层属性实例 本章小结 配套实训 练习题 创建时间轴动画实例 设计目标 页面分析 实训引导 制作步骤 设计目标 创建时间轴动画，使飞行器图像在页面上自由飞行，浏览效果如图所示。 页面分析 本页面效果需要通过时间轴来实现。在时间轴中，通过时间的变化使层的位置、大小、可见性和叠放顺序等进行相应改变，从而产生动画效果。时间轴不能直接控制页面中的对象，它控制的是放置这些对象的图层。如果要使图像、文本等对象产生动画效果，必须将其置于图层中。 实训引导 1．本实例在第5章制作的ex5_city.html网页的基础上添加时间轴动画。 2．本页面用到的图像文件由配套光盘webcourse\chapter09\images文件夹提供，在制作页面之前，先将用到的图像文件复制到本地站点future\images文件夹中。 3．页面效果请参见配套光盘webcourse\chapter09\result文件夹下的ex9_3.html文件。 制作步骤 1．制作一个简单的直线运动的时间轴动画。 2