3.5 补间形状制作（课件）-高一《Flash CS6动画制作案例教程》同步精品课堂（电工版2018）

Flash CS6动画制作案例教程 第一版 补间形状制作 基础动画 补间动画是创建随时间移动或更改的动画的一种有效方法，运用它可以变幻出各种奇妙的变形效果。由于在补间动画中，仅保存帧之间更改的值，所以能最大限度地减小所生成的文件大小。补间形状，在一个特定时间绘制一个形状，然后在另一个特定时间更改该形状或绘制另一个形状，Flash 会内插二者之间的值或形状来创建动画。 补间形状制作 3.5 （1）组成元素 补间形状只能针对分离的矢量图形，若要使用实例、组或位图图像等，需先分离这些元素。若要对传统文本应用补间形状，需将文本分离两次，将文本转换为对象。若要在一个文档中快速准备用于补间形状的元素，可将对象分散到各个图层中。 补间形状制作 3.5 1、补间形状的特点 （2）在时间轴面板上的表现形式 创建补间形状后，两个关键帧之间的背景变为淡绿色，在起始帧和结束帧之间有一个长长的箭头。如果开始帧与结束帧之间不是箭头而是虚线，说明补间没有成功，原因可能是动画组成元素不符合补间形状规范，或帧缺失。补间形状在时间轴上的表现如图 3-47所示。 补间形状制作 3.5 1、补间形状的特点 补间形状制作 3.5 （1）准备工作 若为多个对象创建补间，使用“分散到图层”命令将每个对象分散到一个独立的图层中，没有选中的对象将保留在它们的原始位置。若使用实例、组、文字或位图图像时，先分离这些无素。 补间形状制作 3.5 2、补间形状的制作方法 （2）创建补间形状 启动 Flash，新建一个ActionScript 3.0文档保存为“变化的数字.fla”。 选择 TLF 文本工具，设置文本属性面板如下，系列: Carendon Blk BT，大小: 150点，颜色:黑色。单击“图层1”第1顿，在舞台上输入文本“2”，如图3-48 所示, 在“图层1”的第 20帧处单击鼠标石键，在弹出的快捷菜单中选择“插入关键”使用选择工具双击舞台上的文本“2”，将其改为文本“3”，如图 3-49 所示。 单击“图层1”的第1顿，选择舞台中的文本“2”，使用组合键[Ctrl+B]将其打散，同样的方法将文本“3”打散，如图 3-50 所示。 选择“图层 1”中 1~20 范围内的任意，单击鼠标右键，选择“创建补间形状”或者选择菜单“插入一补间形状”命令，创建补间形状，时间轴效果如图 3-51所示。 补间形状制作 3.5 2、补间形状的制作方法 位图与矢量图 3.4 （2）创建补间形状 按【Ctrl+S】组合键保存文件，按【Ctrl+Enter】组合键测试影片，变形的过程如图所示。 补间形状制作 3.5 2、补间形状的制作方法 使用形状提示 在创建形状补间的过程中，图形的变化是随机的，有时并不理想。使用形状提示功能可以控制变化，使形状变化按照希望的方式进行，动画变形的过程也更加细腻。 （1）形状提示的作用 形状提示功能用于控制复杂的形状变化，它会标识起始形状和结束形状中相对应的点。 形状提示包含学母（从a到z），用于识别起始形状和结束形状中相对应的点，最多可以使用 26 个形状提示a起始关键中的形状提示是黄色的，结束关键中的形状提示是绿色的，当不在一条曲线上时为红色。 补间形状制作 3.5 （2）使用形状提示应遵循的准则 在复杂的补间形状中，需要创建中间形状然后再进行补间，而不要只定义起始和结束的形状。 确保形状提示是符合逻辑的。例如，在一个三角形中使用三个形状提示，则在原始三角形和要补间的三角形中它们的顺序应相同。 按逆时针顺序从形状的左上角开始放置形状提示，补间的效果最好。 补间形状制作 3.5 （3）使用形状提示的方法 打开“变化的数字.fla”，选择补间形状序列中的第一个关键帧。 选择“修改一形状一添加形状提示”。起始形状提示在文本“2”的某处显示为一个带有字母 a的红色圆圈(在计算机中显示 )。 将形状提示移动到要标记的点。 选择补间序列中的最后一个关键，在这里，结束形状提示显示为一个带有字母 a 补间形状制作 3.5 位图与矢量图 3.4 （3）使用形状提示的方法 将第1的起始形状提示 以及第 20 的结束形状提示分别移动到相应的位置。 查看形状提示如何更改补间形状，再次播放动画，移动形状提示微调补间。 重复这个过程，添加其他的形状提示。 添加形状提示后的播放效果与添加形状提示前相比，动画变形的过程有了很大的改善。 补间形状制作 3.5 （4）查看所有形状提示 选择“视图——显示形状提示”，仅当包含形状提示的图层和关键帧处于活动状态下时，“显示形状提示”才可用。 补间形状制作 3.5 （5）删除形状提示 要删除某个形状提示，可将其拖离舞台或单击鼠标右键，在弹出的快捷菜单中选择“删除提示”。要删除所有形状提示，可执行“修改一形状一删除所有提示”菜