动画技术1－逐帧动画及形状补间动画.ppt

1,FLASH 动画制作,广东石油化工学院高州师范学院,主讲教师：彭韬 电子邮箱：lj_pengtaoyahoo.cn 联系电话：13686782312（6312）,课件开发 · 动画设计,2,教学内容,重点难点,教学时数,教学目标,了解动画的类型 掌握逐帧动画与形状补间的创建方法,动画的种类逐帧动画和补间动画；逐帧动画与形状补间的创建,形状补间的创建方法 为形状补间动画添加形状提示,2课时,3,动画的类型,Adobe Flash CS3 Professional提供了多种方式用来创建动画和特殊效果，例如时间轴特效、补间动画、在时间轴中更改连续帧的内容以及逐帧动画，所有的一切为您创作精彩的动画内容提供了多种可能。,Flash动画,逐帧动画,补间动画,形状补间引导线动画、遮罩动画,动画补间引导线动画、遮罩动画,时间轴特效,4,逐帧动画,逐帧动画的优点是看起来很精致，但是说起来简单，做起来复杂。从“时间轴”面板中，你可以看到，逐帧动画是由一系列的不带补间的关键帧构成的，如下图所示。,逐帧动画在每一帧中都会更改舞台内容，它最适合于图像在每一帧中都在变化而不是在舞台上移动的复杂动画。逐帧动画增加文件大小的速度比补间动画快得多。在逐帧动画中，Flash会存储每个完整帧的值。（P8485）,5,逐帧动画,扇子的开合,旋转的立方体,6,逐帧动画,上机实训飞翔的老鹰（利用导入gif动画而创建的逐帧动画） 制作步骤： 新建一个Flash文档。设置大小为288×209像素。背景颜色为白色。 导入“背景.bmp”文件。选择第30帧，增加过渡帧。 新建一个图层，选中第1帧，执行【文件】|【导入】|【导入到舞台】命令，导入 “老鹰.gif”文件。将老鹰适当缩小一些，并适当调节它的位置。 新建一个图层，输入文字“天高任鸟飞”。 【控制】|【测试影片】，观察动画的效果。（快捷键：Ctrl + Enter） 文件保存：【文件】|【保存】，将文件保存成“飞翔的老鹰.fla”文件。 导出Flash的播放文件：执行【文件】|【导出】|【导出影片】命令。,7,逐帧动画,8,控制动画的停止与播放,控制老鹰飞翔 制作步骤： 新建一层，命名为“按钮”，从公共库中文件夹 classic buttons Playback 中拖动按钮 gel Stop 和 gel Right 到舞台上，并将它们分别命名为 stop_btn 和 play_btn 。 新建一层，命名为“actions”，选择第1帧，打开“动作”窗口，输入：,function playAnimation(event:MouseEvent):void play(); function stopAnimation(event:MouseEvent):void stop(); play_btn.addEventListener(MouseEvent.CLICK,playAnimation); stop_btn.addEventListener(MouseEvent.CLICK,stopAnimation);,3. 存盘，测试。,9,形状补间动画,形状补间可以从一个矢量形状变化到另一个矢量形状，就象揉面团一样，将一块圆溜溜的面团捏成各种各样的形状。（P145153）,快捷菜单设置,属性面板设置,10,形状补间动画,一、演示动画，观察动画效果,11,形状补间动画,二、形状补间动画的设计方法,例一：最简单的形状补间动画“三角形圆形”的设计。 设计首帧形状 (三角形)； 设计末帧形状 (圆形，要求先在某合适的帧添加“关键帧(按F6键)”)； 修改首帧属性，【补间】项选择“形状”； 形状补间动画只能作用于形状。要求首帧、末帧中的内容都是“形状”（看属性面板就可以知道）。,同学们立即上机实践，验证、体会设计方法。,12,形状补间动画,三、为形状补间动画添加形状提示,形状提示包含字母（从a到z），用于识别起始形状和结束形状中相对应的点。最多可以使用26个形状提示。起始关键帧中的形状提示是黄色的，结束关键帧中的形状提示是绿色的，当不在一条曲线上时为红色。,13,形状补间动画,三、为形状补间动画添加形状提示,选择补间形状序列中的第一个关键帧。 选择“修改”“形状”“添加形状提示”。起始形状提示会在该形状的某处显示为一个带有字母a的红色圆圈。 将形状提示移动到要标记的点。 选择补间序列中的最后一个关键帧。结束形状提示会在该形状的某处显示为一个带有字母a的绿色圆圈。 将形状提示移动到结束形状中与您标记的第一点对应的点。 若要查看形状提示如何更改补间形状，请再次播放动画。若要微调补间，请移动形状提示。 重复这个过程，添加其它的形状提示。将出现新的提示，所带的字母紧接之前字母的顺序（b、c等等）。,14,形状补间动画,三、为形状补间动画添加形状提示,例二：为形状补间动画添加形状提示（“F”变为“E”）。 添加形状提示的步骤（P151153）,添加形状提示的技巧 形状提示的摆放顺序要符合逻辑顺序。 将变形提示从形状的左上角开始按逆时针顺序摆放，将使变形提示工作更有效。 形状提示要在形状的边缘才能起作用。 要删除单个形状提示，可右击鼠标,在弹出的菜单中选择“删除提示”。若要删除所有的形状提示，请执行【修改】【形状】【删除所有提示】命令。,15,课后作业,阅读教材P145153 & P157158 ，需要上机体会的地方，自觉上机操作。 上机操作，完成教材中的例子。 化学课件：爆炸（P147）,