第10章 使用间轴制作动画.pptVIP

本章将介绍使用时间轴与AP Div相配合制作动画的基本方法。 创建时间轴动画的一个重要环节就是将对象添加到【时间轴】面板中，主要有3种基本方法。 修改时间轴动画播放时间的长短的方法。 要在时间轴中添加或移除一帧，可以通过下列方法来实现。 要移动整个动画路径的位置，首先应在【时间轴】面板中选中整个动画条，然后在页面上拖动对象。Dreamweaver可以调整所有关键帧的位置，整个选中的动画条所做的任何类型的改变都将改变所有的关键帧。 利用时间轴改变图像源文件及AP Div的可见性、大小和重叠次序。通过时间轴不仅可以改变图像的源文件，还可以改变AP Div的可见性和位移，改变AP Div的大小和z轴顺序。要改变AP Div的大小，可以拖动AP Div的大小调整手柄，或在【属性】面板的【宽】和【高】文本框内输入新的值。要改变AP Div的重叠次序，可以在【Z轴】文本框内输入新的值或用【AP元素】面板来改变当前AP Div的重叠次序。综合运用这些功能就可以制作出时隐时现的动画效果。 选择【修改】/【时间轴】/【添加时间轴】命令，在【时间轴】面板中添加一个时间轴。 在【时间轴】下拉列表中选择“Timeline1”使其成为当前时间轴，然后选择【修改】/【时间轴】/【移除时间轴】命令将其删除 。 选择【修改】/【时间轴】/【重命名时间轴】命令，打开【重命名时间轴】对话框，在【时间轴名称】文本框中输入新的时间轴名称。 * 第10章 使用时间轴制作动画 学习目标 了解时间轴面板的组成及其作用。 掌握在时间轴中编辑关键帧的方法。 掌握手动创建时间轴动画的基本方法。 掌握通过录制层路径创建时间轴动画的方法。 10.1 认识【时间轴】面板 选择【窗口】/【时间轴】命令，打开【时间轴】面板。 10.2 创建时间轴动画 创建简单时间轴动画 记录AP元素的路径 10.2.1 创建简单时间轴动画 时间轴不能直接改变图像的位置、大小、可见性，但可以将图像添加到AP Div中，通过改变AP Div的位置、大小、可见性来实现动画效果。 10.2.2 记录AP元素的路径 如果需要创建具有复杂运动路径的动画，逐个创建关键帧会花费许多时间。使用记录AP元素的路径功能来创建复杂运动轨迹的动画。 10.3 编辑时间轴动画 增加对象到时间轴 控制动画播放时间 添加和移除帧 移动动画路径 用时间轴改变图像与AP Div的属性 添加、移除和重命名时间轴 10.3.1　增加对象到时间轴 选择【修改】/【时间轴】/【增加对象到时间轴】命令。 将AP Div直接拖曳到【时间轴】面板中。 单击【时间轴】面板右上角的控制按钮，在弹出的快捷菜单中选择【添加对象】命令. 10.3.2　控制动画播放时间 在【时间轴】面板中拖动第1个关键帧或者最后一个关键帧，以改变整个动画的播放时间。在拖动过程中，动画中的所有关键帧都将按比例发生位移，而彼此之间的相对位置不发生变化。 10.3.2　控制动画播放时间 如果不想让各关键帧随着总长度的变化而变化，只要在拖动最后一个关键帧时按住Ctrl键即可。 10.3.2　控制动画播放时间 选中一个或者所有与该动画关联的动画条（按Shift键来同时选中多个动画条），并向左或向右拖动动画条，就可以改变动画的开始时间。 10.3.3　添加和移除帧 选择【修改】/【时间轴】菜单中的【添加帧】或【删除帧】命令，在播放头右边加入或删除1帧。也可以使用右键菜单命令进行操作。 选择【修改】/【时间轴】/【增加关键帧】命令，在当前播放头位置加入关键帧；选定关键帧，选择【修改】/【时间轴】/【删除关键帧】命令，将当前关键帧删除。也可以使用右键菜单命令进行操作。 10.3.4 移动动画路径 10.3.5 用时间轴改变图像与AP Div的属性 10.3.6 添加、移除和重命名时间轴 *