关于传统补间动画
注: 像 Flash 中的大多数内容一样,动画不需要任何 ActionScript。然而,如果您愿意,您可以使用 ActionScript 创建动画。
传统补间是早期用来在 FlashProfessional 中创建动画的一种方式。这些补间类似于较新的补间动画,但创建过程有点儿复杂,并且不够灵活。不过,传统补间所具有的某些类型的动画控制功能是补间动画所不具备的。大多数用户选择使用较新的补间动画,但有些用户仍然希望使用传统的补间。有关差异的详细信息,请参阅补间动画和传统补间之间的差异。
有关如何将传统补间动画迁移到补间动画的信息,请参阅 Adobe Flash 开发人员中心中的 Flash Professional 动画迁移指南。
准备事项:
在使用传统补间之前,请牢记下列要点:
传统补间是早期用来在 Flash 中创建补间动画的一种方式。较新的方式是使用补间动画,补间动画的使用更加简便。请参阅补间动画。
在某些情况下(例如,嘴形同步),传统补间仍然是最佳选择。有关这些情况的列表,请参阅何时使用传统补间以及 Flash 补间动画视频教程。
无法使用传统补间来补间 3D 属性。
有关从传统补间工作流程过渡到补间动画工作流程的完整指南,请参阅 Flash 动画迁移指南。
有关传统补间动画的范例,请参阅“FlashProfessional 范例”页,网址为 www.adobe.com/go/learn_fl_samples_cn。下列范例可用:
动画投影:请下载并解压缩 Samples ZIP 文件,然后定位到 GraphicsAnimatedDropShadow 文件夹以访问范例。
动画和渐变:请下载并解压缩 Samples ZIP 文件,然后定位到 GraphicsAnimationAndGradients 文件夹以访问范例。
以下教程演示了何时使用传统补间而不是补间动画:
视频:Flash 补间动画(10:13,Layers Magazine。何时使用补间动画和传统补间。)
创建和编辑传统补间动画的关键帧
注: 本主题与为早期的传统补间创建关键帧有关。要获得较新的补间动画的属性关键帧的帮助,请参阅创建补间动画。
传统补间动画的变化在关键帧中定义。在补间动画中,可以在动画的重要位置定义关键帧,FlashProfessional 会创建关键帧之间的帧内容。 补间动画的插补帧显示为浅蓝色或浅绿色,并会在关键帧之间绘制一个箭头。 由于 FlashProfessional 文档会保存每一个关键帧中的形状,所以只应在插图中有变化的点处创建关键帧。
关键帧在时间轴中有相应的表示符号:实心圆表示该帧为有内容的关键帧,帧前的空心圆则表示该帧为空白的关键帧。 以后添加到同一图层的帧的内容将和关键帧相同。
在传统补间中,只有关键帧是可编辑的。可以查看补间帧,但无法直接编辑它们。 若要编辑补间帧,请修改一个定义关键帧,或在起始和结束关键帧之间插入一个新的关键帧。 从“库”面板中将项目拖动到舞台上,以将这些项目添加到当前关键帧中。
要一次显示和编辑多个帧,请参阅使用绘图纸外观。
视频和教程
视频:了解传统补间中的时间轴图标(7:49,Peachpit.com)
视频:修改传统补间属性(3:03,Peachpit.com)
创建关键帧
请执行下列操作之一:
在时间轴中选择一个帧,然后选择“插入”>“时间轴”>“关键帧”。
右键单击 (Windows) 或按住 Control 单击 (Macintosh) 时间轴中的一个帧,然后选择“插入关键帧”。
在时间轴中插入帧
若要插入新帧,请选择“插入”>“时间轴”>“帧”。
若要创建新关键帧,请选择“插入”>“时间轴”>“关键帧”,或者右键单击 (Windows) 或按住 Control 单击 (Macintosh) 要放置关键帧的帧,然后选择“插入关键帧”。
若要创建新的空白关键帧,请选择“插入”>“时间轴”>“空白关键帧”,或者右键单击 (Windows) 或按住 Control 单击 (Macintosh) 要放置关键帧的帧,然后选择“插入空白关键帧”。
删除或修改帧或关键帧
若要删除帧、关键帧或帧序列,请选择它,然后右键单击 (Windows) 或按住 Control 单击 (Macintosh) 并选择“删除帧”。 周围的帧保持不变。
若要移动关键帧或帧序列及其内容,请选择它并将它拖到所需的位置。
若要延长关键帧的持续时间,请在按住 Alt (Windows) 或 Option (Macintosh) 的同时单击将该关键帧拖到新序列的最后一帧。
若要复制和粘贴帧或帧序列,请选择它,然后选择“编辑”>“时间轴”>“复制帧”。 选择要替换的帧或序列,然后选择“编辑”>“时间轴”>“粘贴帧”。
若要将关键帧转换为帧,请选择该关键帧,然后选择“修改”>“时间轴”>“清除关键帧”,或者右键单击 (Windows) 或按住 Control 单击 (Macintosh) 该关键帧,然后选择“清除关键帧”。 被清除的关键帧以及到下一个关键帧之前的所有帧都将由被清除的关键帧之前的帧内容替换。
若要通过拖动来复制关键帧或帧序列,请选择它,然后按住 Alt (Windows) 或按住 Option (Macintosh) 将它拖到新位置。
要更改补间序列的长度,请将开始关键帧或结束关键帧向左或向右拖动。
要将库项目添加到当前关键帧中,请将该项目从“库”面板拖到舞台上。
若要翻转动画序列,请选择一个或多个图层中的合适帧,然后选择“修改”>“时间轴”>“翻转帧”。 关键帧必须位于序列的开头和结尾。
向实例、组或文本添加传统补间动画
注: 本主题与创建早期的传统补间有关。要获得创建较新的补间动画的帮助,请参阅创建补间动画。
要对实例、组和类型的属性变化进行补间,您可以使用传统补间。FlashProfessional 可以补间实例、组和类型的位置、大小、旋转和倾斜。另外,FlashProfessional 可以补间实例和类型的颜色、创建渐变的颜色切换或使实例淡入或淡出。
若要补间组或类型的颜色,请将它们变为元件。若要使文本块中的单个字符分别动起来,请将每个字符放在独立的文本块中。
如果应用传统补间,然后更改两个关键帧之间的帧数,或移动任一关键帧中的组或元件,FlashProfessional 会自动重新补间帧。
视频和教程
视频:创建简单的传统补间(长度 = 4:28,Peachpit.com)
视频:修改传统补间属性(长度 = 3:03,Peachpit.com)
视频:使用补间创建动画。请注意,本视频较旧,并且将传统补间称为“补间动画”。这是因为在早期版本的 Flash 中,传统补间是创建补间动画的唯一方式。
视频:了解传统补间中的时间轴图标(长度 = 7:49,Peachpit.com)
创建传统补间动画
处理另存为 XML 文件的传统补间
Flash Pro 允许您将传统补间作为 XML 文件处理。Flash Pro 设计为允许您对任何传统补间应用以下命令:
将动画复制为 XML
将动画导出为 XML
将动画导入为 XML
将动画复制为 XML
允许您复制特定帧处应用到舞台上任一对象的动画属性
创建传统补间。
选择时间轴上的任一个关键帧。
转至“命令”>“将动画复制为 XML”。
系统将动画属性作为 XML 数据复制到剪贴板上,之后您可以使用任一文本编辑器来处理此 XML 文件。
将动画导出为 XML
允许您将应用到舞台上任一对象的动画属性导出到一个可以保存的 XML 文件。
创建传统补间。
转至“命令”>“将动画导出为 XML”。
浏览到要保存此文件的合适位置。
提供 XML 文件的名称,然后单击“保存”。
传统补间即作为一个 XML 文件导出到指定位置。
将动画导入为 XML
允许您导入一个已定义了动画属性的现有 XML 文件。
选择舞台上的一个对象。
转至“命令”>“将动画导入为 XML”。
浏览到特定位置,选择该 XML 文件。单击“确定”。
在“选择性粘贴动画”对话框中,选择要对选定对象应用的属性。
单击“确定”。
创建运动引导层
若要控制传统补间动画中的对象的移动,请创建运动引导层。
无法将补间动画图层或反向运动姿势图层拖动到引导层上。
将常规层拖动到引导层上。此操作会将引导层转换为运动引导层,并将常规层链接到新的运动引导层。
注: 为了防止意外转换引导层,可以将所有的引导层放在图层顺序的底部。
沿路径创建传统补间动画
注: 本主题与使用早期的传统补间有关。要获得对运动路径使用较新的补间动画的帮助,请参阅编辑补间动画的运动路径。
运动引导层使您可以绘制路径,补间实例、组或文本块可以沿着这些路径运动。 可以将多个层链接到一个运动引导层,使多个对象沿同一条路径运动。 链接到运动引导层的常规层就成为引导层。
本示例中,不同层上的两个对象被附加到同一条运动路径上。
视频和教程
视频:对传统补间使用运动引导层(长度 = 5:19,Peachpit.com)
www.adobe.com/go/vid0125_cn。请注意,本视频较旧,并且将传统补间称为“补间动画”。这是因为在早期版本的 Flash 中,传统补间是创建补间动画的唯一方式。
为传统补间动画创建运动路径
将图层和运动引导层链接起来
请执行下列操作之一:
将现有图层拖到运动引导层的下面。 该图层在运动引导层下面以缩进形式显示。 该图层上的所有对象自动与运动路径对齐。
在运动引导层下面创建一个新图层。 在该图层上补间的对象自动沿着运动路径补间。
在运动引导层下面选择一个图层。 选择“修改”>“时间轴”>“图层属性”,然后选择“引导层”。
断开图层和运动引导层的链接
选择要断开链接的图层,然后执行下列操作之一:
拖动运动引导层上面的图层。
选择“修改”>“时间轴”>“图层属性”,然后选择“正常”作为图层类型。
粘贴传统补间动画属性
注: 本主题与粘贴早期的传统补间的属性有关。要获得粘贴较新的补间动画的属性的帮助,请参阅复制和粘贴补间动画属性。
使用“粘贴动画”命令,您可以复制传统补间,并且仅粘贴特定属性以应用于其他对象。
将自定义缓入/缓出应用于传统补间动画
注: 本主题与向早期的传统补间添加缓动有关。要获得向较新的补间动画添加缓动的帮助,请参阅缓动补间动画。
“自定义缓入/缓出”对话框显示了一个表示运动程度随时间而变化的坐标图。 水平轴表示帧,垂直轴表示变化的百分比。 第一个关键帧表示为 0%,最后一个关键帧表示为 100%。
图形曲线的斜率表示对象的变化速率。 曲线水平时(无斜率),变化速率为零;曲线垂直时,变化速率最大,一瞬间完成变化。
显示恒定速率的“自定义缓入/缓出”图形。通过在传统补间中选择一个帧,然后单击属性检查器的“缓动”部分中的“编辑”按钮,可以打开此对话框。
自定义缓入/缓出对话框的其他控件
“为所有属性使用一种设置”复选框
默认情况下该复选框处于选中状态;显示的曲线用于所有属性,并且“属性”弹出菜单是禁用的。该复选框没有选中时,“属性”弹出菜单是启用的,并且每个属性都有定义其变化速率的单独的曲线。
“属性”弹出菜单
仅当没有选中“为所有属性使用一种设置”复选框时启用。 启用后,该菜单中显示的 5 个属性都会各自保持一条独立的曲线。 在此菜单中选择一个属性会显示该属性的曲线。 这些属性为:
位置
为舞台上动画对象的位置指定自定义缓入缓出设置。
旋转
为动画对象的旋转指定自定义缓入缓出设置。 例如,可以微调舞台上的动画字符转向用户时的速度的快慢。
缩放
为动画对象的缩放指定自定义缓入缓出设置。 例如,您可以更轻松地通过自定义对象的缩放实现以下效果:对象好像渐渐远离查看者,再渐渐靠近,然后再次渐渐离开。
颜色
为应用于动画对象的颜色转变指定自定义缓入缓出设置。
滤镜
为应用于动画对象的滤镜指定自定义缓入缓出设置。 例如,可以控制模拟光源方向变化的投影缓动设置。
播放和停止按钮
这些按钮允许您使用“自定义缓入/缓出”对话框中定义的所有当前速率曲线,预览舞台上的动画。
“重置”按钮
允许您将速率曲线重置为默认的线性状态。
所选控制点的位置
在该对话框的右下角,一个数值显示所选控制点的关键帧和位置。 如果没有选择控制点,则不显示数值。
若要在线上添加控制点,请单击对角线一次。 若要实现对对象动画的精确控制,请拖动控制点的位置。
使用帧指示器(用方形手柄表示),单击要减缓或加速对象的位置。 单击控制点的方形手柄,可选择该控制点,并显示其两侧的正切点。 空心圆表示正切点。 使用鼠标拖动控制点或其正切点,或者使用键盘的箭头键放置这些点。
默认情况下,控制点贴紧至网格。 可以通过在拖动控制点时按住 X 键来取消贴紧。
单击控制点之外的曲线区域,可以在曲线上该点处新增控制点,但不会改变曲线的形状。 单击曲线和控制点之外的区域,可以取消选择当前选择的控制点。
添加自定义缓入缓出
在时间轴中选择一个应用了传统补间的图层。
在帧属性检查器中单击“缓动”滑块旁边的“编辑”按钮。
(可选)要显示单个补间属性的曲线,请取消选择“为所有属性使用一种设置”,然后在菜单中选择一个属性。
若要添加控制点,请在按住 Ctrl (Windows) 或 Command (Macintosh) 的同时单击对角线。
若要增加对象的速度,请向上拖动控制点;若要降低对象的速度,请向下拖动控制点。
若要进一步调整缓入缓出曲线,并微调补间的缓动值,请拖动顶点手柄。
若要查看舞台上的动画,请单击左下角的播放按钮。
调整控件直到获得所需的效果。
注: 如果使用“自定义缓入/缓出”对话框对帧应用自定义缓入缓出,则显示缓动值的编辑框将显示“--”。如果使用“编辑”框或弹出滑块将缓动值应用到帧,则会将“自定义缓动”图形设置为等效的曲线,并会选中“为所有属性使用一种设置”复选框。
复制和粘贴缓入缓出曲线
若要复制当前缓入缓出曲线,请按 Ctrl+C (Windows) 或 Command+C (Macintosh)。
若要将已复制的曲线粘贴到另一个缓入缓出曲线中,请按 Ctrl+V (Windows) 或 Command+V (Macintosh)。
您可以复制和粘贴缓入缓出曲线。 在退出 FlashProfessional 应用程序前,复制的曲线一直可用于粘贴。
不支持的缓入缓出曲线
不支持某些类型的缓入缓出曲线。 图形的任何部分都不能表示非线性曲线(例如圆)。
“自定义缓入缓出”对话框会自动阻止将控制点或切线手柄移动到会呈现无效曲线的位置:
所有点都必须在图形上。 不能将控制点移动到图形边框之外。
所有曲线的线段都必须在图形内部。 曲线的形状将变平,以阻止它伸到图形边框之外。
视频和教程
视频:修改传统补间属性(3:03,Peachpit.com)