动画技术1－逐帧动画及形状补间动画课件

1、 FLASH 动画制作广东石油化工学院高州师范学院主讲教师：彭韬电子邮箱：lj_联系电话6312）课件开发 动画设计1教学内容重点难点教学时数教学目标了解动画的类型掌握逐帧动画与形状补间的创建方法动画的种类逐帧动画和补间动画；逐帧动画与形状补间的创建形状补间的创建方法为形状补间动画添加形状提示2课时2动画的类型Adobe Flash CS3 Professional提供了多种方式用来创建动画和特殊效果，例如时间轴特效、补间动画、在时间轴中更改连续帧的内容以及逐帧动画，所有的一切为您创作精彩的动画内容提供了多种可能。Flash动画逐帧动画补间动画形状补间引导线动画、遮罩

2、动画动画补间引导线动画、遮罩动画时间轴特效3逐帧动画逐帧动画的优点是看起来很精致，但是说起来简单，做起来复杂。从“时间轴”面板中，你可以看到，逐帧动画是由一系列的不带补间的关键帧构成的，如下图所示。逐帧动画在每一帧中都会更改舞台内容，它最适合于图像在每一帧中都在变化而不是在舞台上移动的复杂动画。逐帧动画增加文件大小的速度比补间动画快得多。在逐帧动画中，Flash会存储每个完整帧的值。（P8485）4逐帧动画上机实训飞翔的老鹰（利用导入gif动画而创建的逐帧动画）制作步骤：新建一个Flash文档。设置大小为288209像素。背景颜色为白色。导入“背景.bmp”文件。选择第30帧，增加过渡帧。新建

3、一个图层，选中第1帧，执行【文件】|【导入】|【导入到舞台】命令，导入 “老鹰.gif”文件。将老鹰适当缩小一些，并适当调节它的位置。新建一个图层，输入文字“天高任鸟飞”。【控制】|【测试影片】，观察动画的效果。（快捷键：Ctrl + Enter）文件保存：【文件】|【保存】，将文件保存成“飞翔的老鹰.fla”文件。导出Flash的播放文件：执行【文件】|【导出】|【导出影片】命令。6逐帧动画7形状补间动画形状补间可以从一个矢量形状变化到另一个矢量形状，就象揉面团一样，将一块圆溜溜的面团捏成各种各样的形状。（P145153）快捷菜单设置属性面板设置9形状补间动画一、演示动画，观察动画效果10形

4、状补间动画二、形状补间动画的设计方法例一：最简单的形状补间动画“三角形圆形”的设计。设计首帧形状 (三角形)；设计末帧形状 (圆形，要求先在某合适的帧添加“关键帧(按F6键)”)；修改首帧属性，【补间】项选择“形状”；形状补间动画只能作用于形状。要求首帧、末帧中的内容都是“形状”（看属性面板就可以知道）。同学们立即上机实践，验证、体会设计方法。11形状补间动画三、为形状补间动画添加形状提示形状提示包含字母（从a到z），用于识别起始形状和结束形状中相对应的点。最多可以使用26个形状提示。起始关键帧中的形状提示是黄色的，结束关键帧中的形状提示是绿色的，当不在一条曲线上时为红色。12形状补间动画三、

5、为形状补间动画添加形状提示选择补间形状序列中的第一个关键帧。选择“修改”“形状”“添加形状提示”。起始形状提示会在该形状的某处显示为一个带有字母a的红色圆圈。将形状提示移动到要标记的点。选择补间序列中的最后一个关键帧。结束形状提示会在该形状的某处显示为一个带有字母a的绿色圆圈。将形状提示移动到结束形状中与您标记的第一点对应的点。若要查看形状提示如何更改补间形状，请再次播放动画。若要微调补间，请移动形状提示。重复这个过程，添加其它的形状提示。将出现新的提示，所带的字母紧接之前字母的顺序（b、c等等）。13形状补间动画三、为形状补间动画添加形状提示例二：为形状补间动画添加形状提示（“F”变为“E”）。添加形状提示的步骤（P151153）添加形状提示的技巧形状提示的摆放顺序要符合逻辑顺序。将变形提示从形状的左上角开始按逆时针顺序摆放，将使变形提示工作更有效。形状