03-形状补间动画9月30编辑.ppt

见“五角星变成花”案例 形状变化用到的元素必须是非成组、非元件的矢量 图形，可以用分离功能把元件和成组打散后进行形 状变化。 （7）选中“第一面”图层的第40帧处的图形，将图形下面两个顶点移动到如图5-60所示的位置。然后选择【填充变形】工具，向右上移动填充区域的中心点，效果如图5-61所示 。 移动两个顶点 图5-60 改变图形形状 图5-61 调节渐变的中心位置 （8）隐藏“辅助层”图层，选择“第一面”图层，在第1帧和第20帧，第40帧和第60帧之间分别创建形状补间动画，观察它们的变化，效果如图5-62所示。 第10帧处的图形 第50帧处的图形 图5-62 变形对比 从图5-62分析可知，第1帧到第20帧的变形是符合需要的动画效果，而第40帧到第60帧的变形是不符合需要的动画效果，这就需要添加形状提示点，让变形的效果达到这里需要的动画效果 。 （9）选择“第一面”图层的第40帧，执行【修改】/【形状】/【添加形状提示点】菜单命令，为图形添加3个形状提示点，其分布如图5-63所示。 （10）选择“第一面”图层的第60帧，调整形状提示点的分布，效果如图5-64所示。 图5-63 第40帧处提示点的分布 图5-64 第60帧处提示点的分布 在这里添加形状提示点时，一定要将 “b”放到上面的顶点处，这样变形才是动画需要的变形效果。同学们可以试一试其他的分布顺序，并观察它们的变形效果有何不同。 （11）至此，第1张图片的动画制作已经完成 。 （12）制作“第二面”和“第三面”图层上的动画效果的方法和制作“第一面”的方法相同，这里给出相关信息如图5-65所示，从而方便读者完成余下工作 。 （13）删除“辅助层”图层。 （14）保存测试影片，一个旋转的三棱锥效果制作完成。 第二面信息 第三面信息 图5-65 制作第二面和第三面信息 5.2.4 课堂练习──制作“舌头也摇摆” 使用形状提示点可以制作出各种复杂的形状渐变动，本例将使用形状提示点制作一个可爱的卡通蛇吐着舌头，呆呆的看着你的动画，其制作思路及效果如图5-66所示。 图5-66 效果图 1、新建一个Flash文档，文档属性使用默认参数。 2、将默认的“图层1”重命名为“背景”图层，在“背景”图层之上新建一个图层并重命名为“蛇” 。 3、执行【文件】/【导入】/【打开外部库】菜单命令，将教学资源中的“素材\第5讲\舌头也摇摆\舌头也摇摆-素材.fla”文件打开，将外部库里所有的元件复制到当前【库】面板中，如图5-67所示。 4、选择“背景”图层，将“背景”元件拖入场景，相对舞台居中对齐，并在“背景”图层的第90帧处按F5快捷键插入帧。 选择“蛇”图层，将“蛇”元件拖入场景，并将他的“身体”与草地上5、的阴影对齐，然后锁定“蛇”图层和“背景”图层。此时的场景效果如图5-68所示，时间轴效果如图5-69所示。 图5-67 【库】面板 图5-68 场景效果 图5-69 【时间轴】效果二 6、在“蛇”图层之上新建一个图层并重命名为“蛇信子”图层。 7、这里给出“蛇信子”图层的相关信息，由读者独立完成其形状提示动画的制作，如图5-70所示。 图5-70 蛇信子 添加形状提示的过程中应该注意以下几点。1．增加控制点只能在补间动画的开始帧进行。2．控制点用字母表示，最多只有26个。3．控制点的顺序要符合逻辑。例如在开始帧的一条直线上按a、b、c顺序放置3个控制点，在结束帧的相应帧的直线就不能按a、c、b顺序放置。4．控制点并非设置得越多越好，应该根据实际情况来决定。 8、保存测试影片，一个卡通蛇吐着左右摇摆的舌头的动画制作完成 5.3 课后作业 一、操作题 1、使用形状补间动画制作如图5-71所示的变形效果 。 2、使用性质补间动画制作一个简单的雨滴效果，如图5-72所示 。 图5-71 变形效果 图5-72 雨滴效果 二、思考题 1、形状补间动画的主要应用对象是什么？ 2、应用形状补间动画时，如果产生的效果与预期的效果不一致，应该采取怎样的措施？ 3、应用形状补间动画应该注意哪几点 ？ * * 5.1.2 范例解析（一）──创建形状补间动画练习 请同学们在老师的带领下对形状补间动画的创建方法和原理进行进一步的熟悉，并跟随以下要求进行操作训练 。 1、新建一个Flash文档，然后利用【椭圆】工具在舞台上绘制一个圆形，并在【属性】面板中设置圆的颜色为“#00FF00”，宽高为“7px×7px”，如图5-3所示 。 2、在第20帧处插入关键帧，然后以圆为基点绘制一片树叶，如图5-4所示。 图5-3 绘制圆形 图5