Flash动画制作之—制作形状补间动画_05分析.ppt

（2）在“辅助层”图层上绘制一个宽高为“242.9px×213px”的三角形，其位置坐标x、y分别为“153.6”、“93.5”，效果如图5-50所示 。 图5-49 布置上下边框 图5-50 绘制三角形 （3）选择【线条】工具，在【属性】面板中设置【笔触高度】为“1”，【笔触颜色】为“红色”，在“辅助层”图层上的三角形右边绘制两条边作为三棱锥的侧边，效果如图5-51所示 。 在绘制两条边时，注意线段需要两两相交，为后面填充图形和对齐图形做好准备 。 图5-51 绘制侧边 （4）选中步骤（3）中绘制的两条边，按Ctrl+T快捷键打开【变形】面板，图形旋转的参数设置如图5-52所示，然后单击按钮，复制两条边，水平移动到三角形的左侧，效果如图5-53所示。 复制后的两条边 图5-52 【变形】面板 图5-53 复制两条边 （5）在所有图层的第60帧处插入帧，效果如图5-54所示 。 4、制作旋转三棱锥效果 。 （1）将【库】面板中名为“图片1.jpg”的图片放置到“第一面”图层上，并与舞台居中对齐，然后选中舞台上的图片按Ctrl+B快捷键将图片打散，效果如图5-55所示 打散图片 图5-54 在第60帧处插入帧 图5-55 放置第一张图片 （2）选中“辅助层”图层的第1帧，按Ctrl+C快捷键复制当前帧的图形。 在复制当前帧图形前，先检查图形是否都被打散，如果存在没有打散的图形，需要先将图形打散后才进行复制操作，这样才能实现后面操作中分离图的效果 （3）选中“第一面”图层的第1帧，按Ctrl+Shift+V?快捷键将图形粘贴到当前位置，锁定并隐藏“辅助层”图层，效果如图5-56所示。 （4）选择“第一面”图层上的图形，将多余的线条和填充区域删除，只保留正面三角形区域的图形，效果如图5-57所示。 锁定并隐藏图层 图5-56 锁定并隐藏“辅助层”图层 图5-57 分离后的图形 （5）在“第一面”图层的第20帧、第40帧和第60帧处插入关键帧，然后在第21帧处插入空白关键帧。 （6）取消隐藏“辅助层”图层，选中“第一面”图层的第20帧处的图形，将图形下面两个顶点移动到如图5-58所示的位置。然后选择 【填充变形】工具，向左上移动填充区域的中心点，效果如图5-59所示。 移动两个顶点 图5-58 改变图形形状 图5-59 调节渐变的中心位置 （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讲\舌头