Flash CS5操作指南（41）使用传统补间动画
- 2021-12-25
- 来源/作者： 本站原创 / 佚名
- 2 次浏览
使用传统补间动画
传统补间动画和移动补间动画类似，但建立的过程更为复杂，而且可启用移动补间动画无法使用的部分动画效果类型。
关于传统补间动画
Flash 中的传统补间动画与移动补间动画相似，但其建立方式比较复杂且较无弹性。不过，传统补间动画针对动画的控制提供了移动补间动画所欠缺的几种功能。如需这两者之间差异的详细信息，请参阅第174 页「移动补间动画与传统补间动画的差别」。
如需有关将传统补间动画移转为移动补间动画的信息，请参阅 Adobe Flash 开发人员中心的「Motion migration guide for Flash Professional」(Flash Professional 的移动移转指南)。
如需传统补间动画的样本，请参阅www.adobe.com/go/learn_fl_samples_tw 上的「Flash 样本」网页。下列样本可供您参考：
•动画投影：下载并解压缩 Samples 这个压缩文件，然后浏览至 Graphics\AnimatedDropShadow 文件夹以存取样本。
•动画和渐层：下载并解压缩 Samples 这个压缩文件，然后浏览至 Graphics\AnimationAndGradients 文件夹以存取样本。
更多帮助主题
第172 页「关于补间动画」
建立与编辑传统补间动画的关键影格
「关键影格」中有定义动画的变更。当您建立逐格动画时，每个影格便是关键影格。在补间动画中，只要在动画的重要点上定
义关键影格，Flash 便会建立影格之间的内容。补间动画的渐变影格会显示为浅蓝色或浅绿色，并在关键影格之间绘制一个箭
头。因为 Flash 文件会在每个关键影格中储存形状，所以只在图案会有所变更的影格上建立关键影格。
在「时间轴」中会指出关键影格：实心圆表示关键影格有内容，而影格前面的空心圆则表示关键影格为空白。随后加入同一个图层的影格都与关键影格的内容相同。
传统补间动画可供编辑的项目仅限于关键影格。您可以检视补间影格，但无法直接加以编辑。若要编辑补间影格，可以变更其中一个决定性的关键影格，或者在开头和结尾关键影格之间插入新关键影格。从「组件库」面板将项目拖曳到「舞台」上，以便将项目加入目前的关键影格。
若要同时显示并编辑一个以上的影格，请使用描图纸。
建立关键影格
❖ 请执行下列其中一项：
•在「时间轴」中选取一个影格，然后选取「插入 > 时间轴 > 关键影格」。
•在「时间轴」中的任一影格上单击右键 (Windows) 或 Control + 单击 (Macintosh)，然后选取「插入关键影格」。
将影格插入时间轴
•若要插入新影格，可以选取「插入 > 时间轴 > 影格」。
•若要建立新关键影格，可以选取「插入 > 时间轴 > 关键影格」，或者在要放置关键影格的影格上单击右键 (Windows) 或 Control + 单击 (Macintosh)，然后选取「插入关键影格」。
•若要建立新空白关键影格，可以选取「插入 > 时间轴 > 关键影格」，或者在要放置关键影格的影格上单击右键(Windows) 或 Control + 单击 (Macintosh)，然后选取「插入空白关键影格」。
删除或修改影格或关键影格
•若要删除影格、关键影格或连续影格，可以选取影格并单击右键 (Windows) 或 Control + 单击 (Macintosh)，然后选取「移除影格」。周围的影格仍会保持不变。
• 若要移动关键影格或连续影格及其内容，可以选取影格并拖曳到所要的位置。
•若要延长关键影格的持续时间，可以按住 Alt (Windows) 或 Option (Macintosh) 键，并将关键影格拖曳到新连续影格的最后一个影格。
•若要复制并贴上影格或连续影格，可以选取影格，然后选取「编辑 > 时间轴 > 复制影格」。选取要取代的影格或连续影格，然后选取「编辑 > 时间轴 > 贴上影格」。
•若要将关键影格转换为影格，可以选取关键影格，然后选取「修改 > 时间轴 > 清除影格」，或者在关键影格上单击右键(Windows) 或 Control + 单击 (Macintosh)，然后选取「清除关键影格」。清除的关键影格和介于它与下一个关键影格之间的所有影格，都会由清除的关键影格前面的影格内容所取代。
•若要以拖曳方式复制关键影格或连续影格，可以选取影格，然后按住 Alt (Windows) 或 Option (Macintosh) 键，并拖曳到新位置。
• 若要变更连续补间动画的长度，可以将开头或结尾关键影格向左或向右拖曳。
• 若要将组件库项目加入目前的关键影格，可以将此项目从「组件库」面板拖曳到「舞台」上。
•若要反转连续动画，可以在一个或多个图层中选取适合的影格，然后选取「修改 > 时间轴 > 反转影格」。连续动画的开头或结尾必须要有关键影格。
将传统补间动画加入实体、群组或文字
若要将实体、群组和文字的属性变更制作成补间动画，您可以使用传统补间动画。Flash 可将实体、群组和文字的位置、大小、旋转及倾斜制作成补间动画。此外，Flash 也能将实体和文字的颜色制作成补间动画，建立颜色渐变或让实体淡入、淡出的效果。
群组或文字的颜色要制作成补间动画之前，必须先转换成组件。若要将文本块中的个别字符分别制作成动画，请将每个字符放在不同的文本块中。
如果您在套用传统补间动画之后，接着更改了两个关键影格之间的影格数目，或是移动了任一关键影格中的群组或组件，Flash 将会自动为这些影格重新建立补间动画。
如需传统补间动画的视讯教学课程，请参阅www.adobe.com/go/vid0125_tw。
如需传统补间动画的文字教学课程，请参阅「Flash 教学课程」网页www.adobe.com/go/learn_fl_tutorials_tw 上的「建立时间轴动画」。如需传统补间动画的样本，请参阅www.adobe.com/go/learn_fl_samples_tw 上的「Flash 样本」网页。下列样本可供您参考：
•动画投影：下载并解压缩 Samples 这个压缩文件，然后浏览至 Graphics\AnimatedDropShadow 文件夹以存取样本。
•动画和渐层：下载并解压缩 Samples 这个压缩文件，然后浏览至 Graphics\AnimationAndGradients 文件夹以存取样本。
更多帮助主题
第136 页「建立组件」第172 页「关于补间动画」
建立传统补间动画
1 单击图层名称，使其成为作用中的图层，然后在图层中选取要开始播放动画的空白关键影格。此影格将成为传统补间动画的第一个影格。
2 执行下列其中一项，为传统补间动画的第一个影格加入内容：
• 使用「钢笔」、「椭圆形」、「矩形」、「铅笔」或「笔刷」工具建立图像对象，然后将其转换为组件。
• 在「舞台」上建立实体、群组或文本块。
• 从「组件库」面板中将组件实体拖曳出来。备注：若要建立补间动画，图层上只能有一个项目。3 在您要结束动画的位置建立另一个关键影格，并使新的关键影格保持在选取状态。4 执行下列任何一项，修改结尾影格中的项目：
• 将项目移动到新位置。
• 修改项目的大小，或是将它旋转或倾斜。
•修改项目的颜色 ( 仅适用于实体或文本块)。如果要将实体或文本块除外的其它元素的颜色制成补间动画，请使用形状补间动画。
5 执行下列其中一项，建立传统补间动画：
•单击补间动画影格范围内的任一影格，然后选取「插入 > 传统补间动画」。
•用鼠标右键单击 (Windows) 或 Control+ 单击 (Macintosh) 补间动画影格范围内的任一影格，再从快显选单中选取「建立传统补间动画」。
如果您在步骤 2 建立了图像对象，Flash 会自动将该对象转换为组件，并将其命名为 tween1。
6如果您在步骤 4 修改了项目的大小，请在「属性」检测器的「补间动画」区段中，选取「缩放」以将选取项目的大小制成补间动画。
7如需产生更真实的移动感，则可对传统补间动画套用加/ 减速。若要对传统补间动画套用加/ 减速，请在「属性」检测器的
「补间动画」区段中，使用「加/ 减速」字段为您建立的每个传统补间动画指定加/ 减速值。利用「自定义加/ 减速度」对话
方块，甚至还能更精确地控制传统补间动画的速度。
拖曳「加/ 减速」字段内的值或者输入值，以调整补间动画影格之间的变动速率：
•若要在开始时慢慢地播放传统补间动画，并在动画即将结束时加速播放补间动画，请输入介于 -1 到 -100 之间的负值。
•若要在开始时快速地播放传统补间动画，并在动画即将结束时减速播放补间动画，请输入介于 1 到 100 之间的正值。
•若要使补间动画的影格范围产生更复杂的速率变动，请单击「加/ 减速」字段旁的「编辑」按钮，开启「自定义加/ 减速度」对话框。
根据预设，补间动画影格之间的变动速率是不变的。加/ 减速度能逐渐调整变动速率，以产生更逼真的加速或减速现象。
8 如需在补间动画期间旋转选取的项目，请从「属性」检测器的「旋转」选单中选取任一选项：
•若要避免旋转，可以选取「无」( 预设设定)。
• 若要将对象朝着移动需求最小的方向旋转一次，可以选取「自动」。
• 若要依指示旋转对象，然后再输入要指定旋转次数的数字，可以选取「顺时针 (CW)」或「逆时针 (CCW)」。备注：步骤 8 的旋转是步骤 4 ( 套用到结尾影格上的任何旋转) 所另外增加的步骤。
9 如果您是使用动作路径，请在「属性」检测器中选取「沿向路径」，让补间动画元素的基线以动作路径为方向。
10 若要让图像组件实体的动画和主要「时间轴」同步进行，可以在「属性」检测器中选取「同步」选项。
备注：「修改 > 时间轴 > 同步化组件」和「同步」选项都会重新计算补间动画中的影格数目，以符合时间轴内配置给补间动画的影格数目。如果组件内的连续动画影格数不是文件中图像实体影格数目的偶数倍数，请使用「同步」选项。
11 如果使用的是动作路径，请选取「贴齐」，将补间动画元素的注册点附加到动作路径上。
沿着路径建立传统补间动画
移动导引线图层能让您制作出可以沿着导引线移动的实体、群组或文本块。您可以将多个图层连结至一个移动导引线图层上，让多个对象沿着相同的路径进行。连结至移动导引线图层的一般图层将会成为已导引的图层。
在这个范例中，我们会将位于不同图层上的两个对象附加到相同的动作路径上。
如需传统补间动画的视讯教学课程，请参阅www.adobe.com/go/vid0125_tw。
如需传统补间动画的书面教学课程，请参阅「Flash 教学课程」网页www.adobe.com/go/learn_fl_tutorials_tw 上的「建立时间轴动画」。
如需传统补间动画的样本，请参阅www.adobe.com/go/learn_fl_samples_tw 上的「Flash 样本」网页。下列样本可供您参考：
•动画投影：下载并解压缩 Samples 这个压缩文件，然后浏览至 Graphics\AnimatedDropShadow 文件夹以存取样本。
•动画和渐层：下载并解压缩 Samples 这个压缩文件，然后浏览至 Graphics\AnimationAndGradients 文件夹以存取样本。
为传统补间动画建立动作路径
1 建立传统补间动画序列。
如果您在「属性」检测器中选取了「沿向路径」，补间动画元素的基线会以动作路径为方向。如果选取了「贴齐」，补间动画元素的注册点将会贴齐到动作路径上。
2用鼠标右键单击 (Windows) 或 Control+ 单击 (Macintosh) 传统补间动画所在图层的图层名称，然后选择「增加移动导引线」。
Flash 会在传统补间动画图层上面加入移动导引线图层，并将传统补间动画图层的名称缩排，表示此图层已系结至移动导引线图层。
备注：如果「时间轴」内已有导引线图层，您可以将包含传统补间动画的图层拖曳到导引线图层下面，而使导引线图层转换为移动导引线并让传统补间动画与之系结。
包含传统补间动画的图层上面加入了移动导引线图层。
上次更新
时间轴与动画
3 若要在移动导引线图层上加入路径用来导引传统补间动画，请先选取移动导引线图层，然后使用「钢笔」、「铅笔」、「线段」、「圆形」、「矩形」或「笔刷」工具，绘制您想要的路径。
您也可以将笔画贴入移动导引线图层。
4 拖曳您要制作补间动画的对象，使之贴齐到导引线在第一个影格中的起始处，并贴齐到导引线在最后一个影格中的结束位置。
已与导引笔画起始处贴齐的汽车图像。
备注：若需要最好的贴齐结果，请直接拖曳组件的变形点。
5 若要隐藏移动导引线图层和路径，以便在工作时只看到对象的移动效果，请单击移动导引线图层上的「显示」栏。
播放动画时，群组或组件会沿着动作路径前进。
将图层连结到移动导引线图层
❖ 请执行下列其中一项：
• 对移动导引线图层下方的现有图层进行拖曳。图层会在移动导引线图层之下缩排。这个图层上的所有对象都会被自动贴齐到动作路径上。
• 在移动导引线图层下面建立一个新图层。您在这个图层上制作成补间动画的对象，都会自动沿着动作路径前进。
•选取移动导引线图层下面的图层。选取「修改 > 时间轴 > 图层属性」，然后选取「导引图层」。
中断图层与移动导引线图层之间的连结
❖ 选取要中断连结的图层，并执行下列其中一项：
• 对移动导引线图层上面的图层进行拖曳。
•选取「修改 > 时间轴 > 图层属性」，然后选取「一般」做为图层类型。
贴上传统补间动画属性
「贴上移动」命令可让您复制传统补间动画，并只贴上要套用到另一个对象的特定属性。
1 在「时间轴」中，选取含有要复制之传统补间动画的影格。选取的影格必须是在同一个图层上，但不需跨越单一传统补间动画。选取范围可跨越补间动画、空白影格或两个以上的补间动画。
2 选取「编辑 > 时间轴 > 复制移动」。3 选取要接收复制之传统补间动画的组件实体。4 选取「编辑 > 时间轴 > 选择性贴上移动」。选取要贴到组件实体的传统补间动画特定属性。这类传统补间动画属性包括：X 坐标对象可在 X 轴方向移动的距离。Y 坐标对象可在 Y 轴方向移动的距离。水平缩放在水平方向 (X 轴) 上，对象的目前大小与「原始大小」之间的比例。垂直缩放指定在垂直方向 (Y 轴) 上，对象的目前大小与「原始大小」之间的比例。
旋转和倾斜对象的旋转和倾斜特效。这些属性必须一起套用到对象上。倾斜为旋转度数的测量，而在进行旋转和倾斜时，每一个属性都会彼此相互影响。
颜色所有颜色值 ( 如色调、亮度和 Alpha) 都会套用到对象上。滤镜选定范围的所有滤镜值和变更。如果要将滤镜套用到对象上，而且要以完整的所有值来贴上滤镜，也会将滤镜的状态 ( 启用或停用) 一并套用到新物件上。
混合模式套用对象的混合模式。
覆写目标缩放属性取消选取时，这个选项会指定要贴上与目标对象相关的所有属性。当选取时，这个选项会覆写目标对象的缩放属性。覆写目标旋转和倾斜属性取消选取时，这个选项会指定要贴上与目标对象相关的所有属性。当选取时，贴上的属性会覆写对象
的现有旋转和缩放属性。
即会插入必要的影格、补间动画和组件信息，以符合原始复制的补间动画。
若要将组件的传统补间动画复制到「动作」面板，或者供其它项目做为 ActionScript 使用，请使用「将移动复制为
ActionScript 3.0」命令。
将自定义加/ 减速度套用到传统补间动画
「自定义加/ 减速度」对话框会以图表，显示动作随时间移动的程度。水平轴是影格，而垂直轴则代表变化百分比。第一个关键影格会以 0% 表示，最后一个关键影格则为 100%。
图表曲线的倾斜度代表对象的变动速率。当曲线为水平 ( 没有倾斜) 时，表示速度为零；当曲线为垂直时，则表示有瞬间的变动速率。
显示等速的自定义加/ 减速度图表
自定义加/ 减速度对话框的其它控件
全部属性使用单一设定复选框预设为选取；全部属性都会使用所显示的曲线，而「属性」弹出式选单则为停用状态。如果没有选取这个复选框，则会启用「属性」弹出式选单，同时每个属性各自都有定义其速度的曲线。
属性弹出式选单只有未选取「全部属性使用单一设定」复选框时，才会启用这个选单。启用选单后，程序会为选单中的五个属性，分别维持各自的曲线。在选单中选取某一项属性，会显示该属性的曲线。这些属性为：
• 位置针对动画对象在舞台上的位置，指定自定义加/ 减速设定。
• 旋转针对动画对象的旋转，指定自定义加/ 减速设定。例如，您可以针对舞台上的动画字符，微调它们面对用户时的转动速度。
• 缩放针对动画对象的缩放，指定自定义加/ 减速设定。例如，您可以更轻松地自定义对象的缩放，让对象看起来像是先远离检视者，接着又逼近，然后再远离。
•颜色针对套用至动画对象的颜色转场效果，指定自定义加/ 减速设定。
• 滤镜针对套用至动画对象的滤镜，指定自定义加/ 减速设定。例如，您可以控制投影的加/ 减速设定，以模拟光源方向的变动。播放与停止按钮这些按钮能让您使用目前「自定义加/ 减速度」对话框中定义的所有速率曲线，预览舞台上的动画。
重设按钮让您将速率曲线重设为默认状态，也就是线性状态。选取的控制点位置在对话框的右下角，会有一个数值，用来表示选取的控制点之关键影格及位置。如果没有选取控制点，就不会看见任何数值。
若要在线段上新增控制点，请在对角在线单击。若要精确地控制对象的移动，可以拖曳控制点的位置。
要使用影格指示器 ( 由方形控制点表示)，单击要对象加速或减速的地方。单击控制点 ( 方形控制点) 上的控制点，便会选取该控制点，每一边上也都会显示正切点。空心圆表示正切点。您可以用鼠标拖曳控制点或正切点，或使用键盘箭头键来定位。
根据预设，控制点会网格线对齐。您可以在拖曳控制点时按住 X 键，关闭贴齐功能。
在任何不含控制点的曲线区域上单击，会在该曲线上增加一个新的控制点，而不会改变曲线的形状。单击离开该曲线与控制点，会取消选取目前已选取的控制点。
新增自定义加/ 减速1 在「时间轴」中，选取已套用传统补间动画的图层。2 在影格的「属性」检测器中，单击「加/ 减速」滑动轴旁边的「编辑」按钮。3 ( 选择性) 若要显示属性的曲线，请取消选取「全部属性使用单一设定」，然后在选单中选取一种属性。4 若要新增控制点，按 Control + 单击 (Windows) 或按 Command + 单击 (Macintosh) 对角线。5 若要增加对象的速度，请向上拖曳控制点；或向下拖曳以减缓对象的速度。6 若要进一步调整加/ 减速曲线，并微调补间动画的加/ 减速值，请拖曳顶点控制点。7 若要检视舞台上的动画，请单击左下角的播放按钮。
8 调整控件，直到您达到想要的效果为止。备注：如果您使用「自定义加/ 减速度」对话框，在影格上套用了自定义的加/ 减速功能，则显示加/ 减速值的编辑文本框会显示「--」。若是使用「编辑」文本框或弹出式滑动轴将加/ 减速值套用至影格，「自定义加/ 减速」图表便会设定为相对应的曲线，并且选取「全部属性使用单一设定」复选框。
复制并贴上加/ 减速曲线
•若要复制目前的加/ 减速曲线，按 Control + C 键 (Windows) 或 Command + C 键 (Macintosh)。
•若要将复制的曲线贴入其它加/ 减速曲线中，按 Control + V 键 (Windows) 或 Command + V 键 (Macintosh)。您可以复制并贴上加/ 减速曲线。复制的曲线随时可供使用，直到您结束 Flash 应用程序为止。
不支持的加/ 减速曲线
不支持某些加/ 减速曲线类型。图表中没有任何部分可以代表非线性曲线 ( 如圆形)。「自定义加/ 减速度」对话框会自动避免控制点或正切控制点，移动到可能产生无效曲线的位置：
• 所有的点都必须位于图表内，控制点无法移动到图表边界以外的地方。
• 曲线的所有线段都必须位于图表内，曲线的形状会平面化，避免它延伸超出图表边界。
