丑小鸭变白天鹅-“补间形状”动画设计

本节要点补间形状制作补间形状的特点

补间形状的制作方法

本章要点一、补间动画制作补间动画的特点

补间形状和补间动画的区别

补间动画的制作方法

二、补间动画的属性补间动画属性面板

补间动画属性面板的应用补间动画的分类

补间动画是创建随时间移动或更改的动画的一种有效方法，运用它可以变幻出各种奇妙的变形效果。由于在补间动画中，仅保存帧之间更改的值，所以能最大程度地减小所生成的文件大小。Flash可以创建两种类型的补间动画。补间形状：在一个特定时间绘制一个形状，然后在另一个特定时间更改该形状或绘制另一个形状。Flash会内插二者之间的帧的值或形状来创建动画。补间动画：在一个特定时间定义一个实例、组或文本块的位置、大小和旋转等属性，然后在另一个特定时间更改这些属性。也可以沿着路径应用补间动画。补间形状制作1．补间形状的特点

（1）组成元素：补间形状只能针对分离的矢量图形，若要使用实例、组或位图图像等，需先分离这些元素。若要对文本应用补间形状，需将文本分离两次，将文本转换为对象。若要在一个文档中快速准备用于补间形状的元素，可将对象分散到各个图层中。（2）在时间轴面板上的表现形式：创建补间形状后，两个关键帧之间的背景变为淡绿色，在起始帧和结束帧之间有一个长长的箭头。如果开始帧与结束帧之间不是箭头而是虚线，说明补间没有成功，原因可能是动画组成元素不符合补间形状规范。补间形状在时间轴上的表现如图所示。形状补间在时间轴上的表现2．补间形状的制作方法

（1）准备工作若为多个对象创建补间，使用“分散到图层”命令将每个对象分散到一个独立的图层中，没有选中的对象将保留在它们的原始位置。若使用实例、组、文字或位图图像时，先分离这些元素。要使文本块中的单个字符分别动起来，则要将每个字符放在独立的文本块中。（2）创建补间形状①打开素材文档“丑小鸭.fla”，如图所示“丑小鸭”和“天鹅”均在“图层1”的第1帧中。补间形状制作

素材文档②选择“图层1”和“背景”图层的第30帧，单击右键选择“插入关键帧”。③选择“图层1”的第1帧将“天鹅”删除，即设定补间形状的起始帧中只有“丑小鸭”，如左图所示。④选择“图层1”的第30帧将“丑小鸭”删除，即设定补间形状的结束帧中只有“天鹅”，如右图所示。2．补间形状的制作方法

补间形状制作补间形状起始帧

补间形状结束帧

⑤选择“图层1”中1－30帧范围内的任意帧，执行下列操作之一：单击右键选择“创建补间形状”，如左图所示。在属性面板的“补间”下拉列表中选择“形状”，如右图所示。执行菜单“插入→时间轴→创建补间形状”命令。2．补间形状的制作方法

4.4补间形状制作

创建补间形状

属性面板⑥应用缓动效果在属性面板中向上拖动“缓动”滑块到100，如图所示。2．补间形状的制作方法

补间形状制作

默认情况下，补间帧之间的变化速率是不变的。缓动可以通过逐渐调整变化速率创建更为自然的加速或减速效果。拖动“缓动值”旁边的箭头或输入一个值，以调整补间帧之间的变化速率：向上拖动滑块或输入一个介于-1和-100之间的负值，则缓慢地开始补间动画，并朝着动画的结束方向加速补间向下拖动滑块或输入一个1到100之间的正值，则快速地开始补间动画，并朝着动画的结束方向减速补间。设置缓动效果

⑦按Ctrl+S保存文件，按Ctrl+Enter测试影片，变形的中间效果如图所示。2．补间形状的制作方法

补间形状制作变形的中间效果使用形状提示1．形状提示的作用

形状提示功能用于控制复杂的形状变化，它会标识起始形状和结束形状中相对应的点。例如，补间脸部图画时，可以使用形状提示来标记眼睛、嘴巴。这样在形状发生变化时，脸部就不会乱成一团，而是在转换过程中分别变化，如图所示。起始形状和结束形状中的形状提示2．使用形状提示应遵循的准则

在复杂的补间形状中，需要创建中间形状然后再进行补间，而不要只定义起始和结束的形状。确保形状提示是符合逻辑的。例如，在一个三角形中使用三个形状提示，则在原始三角形和要补间的三角形中它们的顺序应相同。按逆时针顺序从形状的左上角开始放置形状提示，补间的效果最好。

使用形状提示3．使用形状提示的方法（1）打开素材文件“丑小鸭1.fla”,选择补间形状序列中的第一个关键帧。（2）选择“修改→形状→添加形状提示”。起始形状提示在“丑小鸭”的某处显示为一个带有字母a的红色圆圈，如左图所示。（3）将形状提示移动到要标记的点。（4）选择补间序列中的最后一个关键帧，在这儿，结束形状提示显示为一个带有字母a的红色圆圈（当在一条曲线上时为绿色），如右图所示。使用形状提示起始形状提示结束形状提示3．使用形状提示的方法（5）将形状提示移动到结束形状中与标记的第一点对应的点。（6）查看形状提示如何更改补间形状，再次播放动画，移动形状提示微调补间。（7）重复这个过程，添加其它的形状提示，提示点分布如图所示。

使用形状提示提示点分布

添加形状提示后的播放效果如上图所示，与添加形状提示前相比，动画变形的过程有了很大的改善，参见下图。使用形状提示变形的中间效果4．查看所有形状提示选择“视图→显示形状提示”，仅当包含形状提示的图层和关键帧处于活动状态下时，“显示形状提示”才可用。5．删除形状提示要删除某个形状提示,可将其拖离舞台。要删除所有形状提示，选择“修改→形状→删除所有提示”。