任务4 形状补间动画的制作
通过本任务的学习，读者可以掌握形状补间动画的制作方法。
（1）了解形状补间动画的定义；
（2）了解形状补间动画的对象；
（3）掌握形状补间动画的制作方法。
效果描述：圆形变成一个三角形，然后再变成正方形，最后再变回红色圆形。动画效果如图7－68~图7－70所示。
图7－68 圆形
图7－69 三角形
图7－70 正方形
步骤1：启动Flash CS6软件，新建舞台大小为300像素×300像素，其余为默认值。
步骤2：单击工具箱中的“椭圆工具”按钮，在下方的“属性”面板中设置笔触颜色为＃000000，笔触高度为3，填充颜色为＃FF0000，如图7－71所示。
图7－71 “椭圆工具”的“属性”面板
步骤3：在舞台上按住Shift键，利用“椭圆工具”绘制一个正圆，如图7－72所示。
图7－72 绘制正圆
步骤4：单击工具箱中的“选择工具”按钮，选中刚才绘制的红色正圆，按组合键“Ctrl＋K”，打开“对齐”面板，如图7－73所示。
图7－73 “对齐”面板
步骤5：单击工具箱中的“矩形工具”按钮，在下方的“属性”面板中设置笔触颜色为＃000000，笔触高度为3，填充颜色为＃0000FF，如图7－74所示。
图7－74 “矩形工具”的“属性”面板
步骤6：在时间轴面板“图层1”的第15帧处，按F7键，插入空白关键帧并在舞台上绘制出三角形（同步骤4），图形与舞台中心重合，如图7－75所示。
图7－75 三角形的帧与内容
步骤7：同上操作，分别在第30帧处绘制正方形，在第45帧处绘制正圆（注意：此处的圆与第1帧大小相同。可将第1帧复制到第45帧处（选中第1帧，用鼠标右键复制帧，单击第45帧粘贴），也可将第1帧的红色正圆用组合“Ctrl＋Shift＋V”粘贴到第15帧的舞台处，如图7－76所示。(https://www.daowen.com)
图7－76 帧的分布与内容
步骤8：在时间轴面板上用鼠标右键单击“图层1”第1帧，在弹出的快捷菜单中选择“创建补间形状”命令，如图7－77所示。
图7－77 “创建补间形状”命令
步骤9：此时，第1帧创建形状补间动画后的时间轴如图7－78所示。
图7－78 第1帧创建形状补间动画后的时间轴
步骤10：同上，第15帧和第30帧创建形状补间动画后的时间轴如图7－79所示。
图7－79 第15帧和第30帧创建形状补间动画后的时间轴
步骤11：整个形状补间动画制作完成，保存作品，按“Ctrl＋Enter”组合键预览最终效果。
知识点1 拓展尝试
正圆可以变成三角形，如果继续将其变成五边形或多边形，该怎么做呢？
使各种线条不停地自由变换成不同的图案，该怎么做呢？
自己尝试一下吧！
知识点2 形状补间动画的定义
形状补间动画属于补间动画的一种，主要表现为动画对象的形状、大小、颜色发生变化，从而产生动画效果。
知识点3 形状补间动画的对象
形状补间动画的对象必须是分离后的图形。所谓“分离后的图形”，即图形是由无数个点堆积而成的，而并非一个整体。
常见的分离后的图形有以下几种：
（1）利用绘图工具直接绘制的各种图形，如椭圆、矩形、多边形等。
（2）执行“分离”命令（“Ctrl＋B”组合键）打散后的各种文字。
（3）执行“分离”命令（“Ctrl＋B”组合键）打散后的各种图形图像。
知识点4 形状补间动画制作的“三步曲”
（1）制作形状补间动画的“起点”关键帧，即动画的初始状态。
（2）制作形状补间动画的“终点”关键帧，即动画的结束状态。
（3）在“起点”和“终点”两帧之间创建补间形状。
形状补间动画属于补间动画的一种，其制作技术与制作步骤相对简单，形状补间动画的对象以图形为主，其动画效果由计算机自动产生。需要注意的是，在制作形状补间动画的过程中，如果动画对象是文字或导入的图片等，则必须先将对象分离（“Ctrl＋B”组合键），转换成矢量图形。与此同时，在时间轴面板上形状补间动画制作完成后，前、后两个关键帧之间应该是背景上的连续箭头，否则就说明关键帧存在问题，需要进行调整与修改。
