Flash8制作形状补间动画.pptVIP

2021/3/23 * （13）删除“辅助层”图层。 （14）保存测试影片,一个旋转的三棱锥效果制作完成。 第二面信息 第三面信息 图5-65 制作第二面和第三面信息 2021/3/23 * 5.2.4 课堂练习──制作“舌头也摇摆” 使用形状提示点可以制作出各种复杂的形状渐变动,本例将使用形状提示点制作一个可爱的卡通蛇吐着舌头,呆呆的看着你的动画,其制作思路及效果如图5-66所示。 图5-66 效果图 1、新建一个Flash文档,文档属性使用默认参数。 2、将默认的“图层1”重命名为“背景”图层,在“背景”图层之上新建一个图层并重命名为“蛇” 。 2021/3/23 * 3、执行【文件】/【导入】/【打开外部库】菜单命令,将教学资源中的“素材\第5讲\舌头也摇摆\舌头也摇摆-素材.fla”文件打开,将外部库里所有的元件复制到当前【库】面板中,如图5-67所示。 4、选择“背景”图层,将“背景”元件拖入场景,相对舞台居中对齐,并在“背景”图层的第90帧处按F5快捷键插入帧。 选择“蛇”图层,将“蛇”元件拖入场景,并将他的“身体”与草地上5、的阴影对齐,然后锁定“蛇”图层和“背景”图层。此时的场景效果如图5-68所示,时间轴效果如图5-69所示。 图5-67 【库】面板 图5-68 场景效果 图5-69 【时间轴】效果二 2021/3/23 * 6、在“蛇”图层之上新建一个图层并重命名为“蛇信子”图层。 7、这里给出“蛇信子”图层的相关信息,由读者独立完成其形状提示动画的制作,如图5-70所示。 图5-70 蛇信子 添加形状提示的过程中应该注意以下几点。1．增加控制点只能在补间动画的开始帧进行。2．控制点用字母表示,最多只有26个。3．控制点的顺序要符合逻辑。例如在开始帧的一条直线上按a、b、c顺序放置3个控制点,在结束帧的相应帧的直线就不能按a、c、b顺序放置。4．控制点并非设置得越多越好,应该根据实际情况来决定。 8、保存测试影片,一个卡通蛇吐着左右摇摆的舌头的动画制作完成 2021/3/23 * 5.3 课后作业 一、操作题 1、使用形状补间动画制作如图5-71所示的变形效果 。 2、使用性质补间动画制作一个简单的雨滴效果,如图5-72所示 。 图5-71 变形效果 图5-72 雨滴效果 * 2021/3/23 * 7、使用相同的方法,在第20帧、第40帧两处分别创建形状补间动画。 8、按Ctrl+Enter?快捷键测试播放影片,观看这个由小圆成长为一片绿叶,再枯黄,再凋零的动画。 9、关闭测试播放器,选中第40帧,然后在属性面板中分别设置【缓动】为“－100~100”之间不同的值,然后分别测试影片,观看树叶凋落动画的速率变化 。 2021/3/23 * 5.1.3 范例解析（二）──制作“浪漫绽放” 花是带给人们幸福与浪漫的精灵。本例将使用形状补间动画来制作一个“浪漫的绽放”动画,带领读者来一同体验自己绘制出的浪漫感觉,其设计思路及效果如图5-8所示 。 图5-8 制作思路及效果 2021/3/23 * 1、制作叶片的生长 。 （1）打开教学资源中“素材\第5讲\浪漫的绽放\浪漫的绽放-模板.fla”文件,场景效果如图5-9所示。 （2）在“背景”图层之上新建并重命名图层,直至图层效果如图5-10所示。 图5-9 模板场景 图5-10 图层效果 2021/3/23 * （3）选择【矩形】工具,在【属性】面板中设置【笔触颜色】为“无”,【填充颜色】为“#37C030”,在“叶片1”图层上绘制一个宽高为“5px×5px”的矩形,并将其置于花盆的后面,效果如图5-11所示。 （4）在“叶片1”图层的第10帧处插入关键帧,利用【选择】工具调整第10帧处“矩形”的形状如图5-12所示。 （5）在“叶片1”图层的第20帧处插入关键帧,利用【选择】工具调整第20帧处“矩形”的形状如图5-13所示。 矩形 图5-11 第1帧叶片形状 图5-12 第10帧叶片形状 图5-13 第20帧叶片形状 2021/3/23 * （6）在第1帧～第10帧之间、第10帧～第20帧之间创建形状补间动画,这样一片叶子的生长过程就制作完成。 （7）使用同样的方法在图层“叶片2”、“叶片3”、“叶片4”、“叶片5”、“叶片6”上分别制作其他5片叶子的生长,完成叶片的生长动画。此时的场景效果如图5-14所示,【时间轴】效果如图5-15所示。 叶片6 叶片2 叶片4 叶片5 叶片3 叶片1 图5-14 完成叶片制作 2021/3/23 * 在制作叶片生长动画效果时,注意调整叶片生长的先后顺序,尽量使叶片生长