Flash8制作形状补间动画.pptVIP

（2）新建并重命名图层，直至图层效果如图5-46所示。 （3）执行【文件】/【导入】/【打开外部库】菜单命令，将教学资源中的“素材\第5讲\旋转的三棱锥.fla”文件打开，将外部库里的元件和图片复制到当前【库】面板中，效果如图5-47所示。 图5-46 图层效果 图5-47 复制后的【库】面板 2、设置主场景。 （1）选择【矩形】工具，在【属性】面板中设置【笔触颜色】为“无”，【填充颜色】的【类型】为“线性”，从左至右第1个色块颜色为“#00CCFF”，第2个色块颜色为“#006666”，在“背景”图层上绘制一个宽高为“550px×400px”的矩形，其位置坐标x、y分别为“0”、“0”，如图5-48所示 。 【颜色】面板 矩形最终效果 图5-48 绘制背景 （2）将【库】面板中名为“边框”的元件放置到“边框”图层上，并与舞台居中对齐，效果如图5-49所示。 3、绘制辅助图形 。 （1）选择【多角星形】工具 ，在【属性】面板中设置【笔触高度】为“1”，【笔触颜色】为“红色”，设置【填充颜色】为“无”，单击 按钮打开【工具设置】对话框，并设置【边数】为“3”，单击 按钮完成设置。 （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帧处提示点