《jQuery 禅意编程》第4章 时间轴和动画.pptVIP

动画基础知识 启奥-Web前端培训教程 将对象分层具体操作： 选择要分散到不同图层的对象。对象可以在单个图层中，也可以在多个图层中，包括不连续的图层。请执行下列操作之一： 选择“ 修改”“ 时间轴”“ 分散到图层” 右键单击所选对象之一，然后选择“ 分散到图层” 逐帧动画 启奥-Web前端培训教程 逐帧动画 启奥-Web前端培训教程 逐帧动画在每一帧中都会更改舞台内容，它最适合于图像在每一帧中都在变化而不仅是在舞台上移动的复杂动画 要创建逐帧动画，请将每个帧都定义为关键帧，然后为每个帧创建不同的图像。 每个新关键帧最初包含的内容和它前面的关键帧是一样的，因此可以递增地修改动画中的帧 逐帧动画：绘图纸按钮 启奥-Web前端培训教程 通常情况下，在某个时间，舞台上仅显示动画序列的一个帧。 为便于定位和编辑逐帧动画，可以在舞台上一次查看两个或更多的帧，这时候就用到了绘图纸按钮。这个功能对制作逐帧动画特别有用。一旦应该用此按钮，播放头下面的帧用全彩色显示，但是其余的帧是暗淡的，看起来就好像每个帧是画在一张半透明的绘图纸上，而且这些绘图纸相互层叠在一起。 无法编辑暗淡的帧 单击“绘图纸外观”按钮 。在“起始绘图纸外观”和“结束绘图纸外观”标记（在时间轴标题中）之间的所有帧被重叠为“文档” 窗口中的一个帧。要更改任一 “绘图纸外观 ” 标记的位置，将它的指针拖到一个新的位置。(通常情况下，“绘图纸外观 ” 标记和当前帧指针一起移动。) 逐帧动画：绘图纸按钮 启奥-Web前端培训教程 启用绘图纸外观后，舞台上的逐帧动画显示成如图样子， 这时我们就可以对内容进行编辑 若要将具有绘图纸外观的帧显示为轮廓，请单击“ 绘图纸 外观轮廓” 按钮 ，此时舞台上的内容除当前帧 外，只显示轮廓 若要编辑绘图纸外观标记之间的所有帧，请单击“ 编辑多个 帧” 按钮 注：打开绘图纸外观时，不显示被锁定的图层 逐帧动画：绘图纸按钮 启奥-Web前端培训教程 更改绘图纸外观标记的显示 总是显示标记：不管绘图纸外观打开否，都会在时间轴标题显示绘图纸外观标记 锚定绘图纸：将绘图纸外观标记锁定在它们在时间轴标题中的当前位置。通过锚定绘图纸外观标记，可以防止它们随当前帧指针移动 绘图纸2 ：在当前帧的两边各显示两个帧 绘图纸5 ：在当前帧的两边各显示五个帧 绘制全部：在当前帧的两边显示所有帧 逐帧动画 启奥-Web前端培训教程 实例 补间形状 启奥-Web前端培训教程 补间形状 启奥-Web前端培训教程 在形状补间中，在时间轴中的一个特定帧上绘制一个矢量形状然后更改该形状，或在另一个特定帧上绘制另一个形状。然后，FLAH将内插中间的帧的中间形状，创建一个形状变形为另一个形状的动画 补间形状最适合用于简单形状。也可以对补间形状内的形状的位置和颜色进行补间 若要对组、实例或位图图像应用形状补间，请打散这些元素 若要对文本应用形状补间，请将文本分离两次，从而将文本转换为对象 补间形状 启奥-Web前端培训教程 若要向补间添加缓动，请选择两个关键帧之间的某一个帧，然后在属性检查器中的“ 缓动” 字段中输入一个值。若输入一个负值，则在补间开始处缓动。若输入一个正值，则在补间结束处缓动 使用形状提示控制形状变化 若要控制更加复杂或罕见的形状变化，可以使用形状提示。 形状提示会标识起始形状和结束形状中的相对应的点。形状提示包含从 a 到 z 的字母，用于识别起始形状和结束形状中相对应的点。最多可以使用 26 个形状提示。起始关键帧中的形状提示是黄色的，结束关键帧中的形状提示是绿色的，当不在一条曲线上时为红色 补间形状 启奥-Web前端培训教程 使用形状提示 选择补间形状序列中的第一个关键帧，选择“ 修改”“ 形状”“ 添加形状提示”。起始形状提示会在该形状的某处显示为一个带有字母 a 的红色圆圈。将形状提示移动到要标记的点 选择补间序列中的最后一个关键帧。 结束形状提示会在该形状的某处显示为一个带有字母 a 的绿色圆圈。将形状提示移动到结束形状中与之前标记的第一点对应的点 补间形状 启奥-Web前端培训教程 使用形状提示 若要查看形状提示如何更改补间形状，请再次播放动画。 若要微调补间，请移动形状提示。 重复这个过程，添加其它的形状提示。 将出现新的提示，所带的字母紧接之前字母的顺序 删除形状提示：将其拖离舞台 删除所有形状提示：选择“ 修改”“ 形状”“ 删除所有提示”