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

《动画技术1－逐帧动画及形状补间动画.ppt》由会员分享，可在线阅读，更多相关《动画技术1－逐帧动画及形状补间动画.ppt（15页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、多多媒媒体体课课件件开开发发 Flash动动画画制制作作九、动画技术(1)动画技术1逐帧动画及形状补间动画 Still waters run deep.流静水深流静水深,人静心深人静心深 Where there is life,there is hope。有生命必有希望。有生命必有希望多多媒媒体体课课件件开开发发 Flash动动画画制制作作九、动画技术(1)教学内容重点难点教学时数教学目标q了解动画的类型q掌握逐帧动画与形状补间的创建方法q动画的种类逐帧动画和补间动画；逐帧动画与形状补间的创建q形状补间的创建方法q为形状补间动画添加形状提示q2课时2多多媒媒体体课课件件开开发发 Flash动动

2、画画制制作作九、动画技术(1)动画的类型Adobe Flash CS3 Professional提供了多种方式用来创建动画和特殊效果，例如时间轴特效、补间动画、在时间轴中更改连续帧的内容以及逐帧动画，所有的一切为您创作精彩的动画内容提供了多种可能。Flash动画逐帧动画补间动画形状补间引导线动画、遮罩动画动画补间引导线动画、遮罩动画时间轴特效3多多媒媒体体课课件件开开发发 Flash动动画画制制作作九、动画技术(1)逐帧动画q逐帧动画的优点是看起来很精致，但是说起来简单，做起来复杂。从“时间轴”面板中，你可以看到，逐帧动画是由一系列的不带补间的关键帧构成的，如下图所示。逐帧动画在每一帧中都会更

3、改舞台内容，它最适合于图像在每一帧中都在变化而不是在舞台上移动的复杂动画。逐帧动画增加文件大小的速度比补间动画快得多。在逐帧动画中，Flash会存储每个完整帧的值。（P8485）4多多媒媒体体课课件件开开发发 Flash动动画画制制作作九、动画技术(1)逐帧动画扇子的开合旋转的立方体5多多媒媒体体课课件件开开发发 Flash动动画画制制作作九、动画技术(1)逐帧动画q上机实训飞翔的老鹰（利用导入gif动画而创建的逐帧动画）q制作步骤：1.新建一个Flash文档。设置大小为288209像素。背景颜色为白色。2.导入“背景.bmp”文件。选择第30帧，增加过渡帧。3.新建一个图层，选中第1帧，执行

4、【文件】|【导入】|【导入到舞台】命令，导入“老鹰.gif”文件。将老鹰适当缩小一些，并适当调节它的位置。4.新建一个图层，输入文字“天高任鸟飞”。5.【控制】|【测试影片】，观察动画的效果。（快捷键：Ctrl+Enter）6.文件保存：【文件】|【保存】，将文件保存成“飞翔的老鹰.fla”文件。7.导出Flash的播放文件：执行【文件】|【导出】|【导出影片】命令。6多多媒媒体体课课件件开开发发 Flash动动画画制制作作九、动画技术(1)逐帧动画7多多媒媒体体课课件件开开发发 Flash动动画画制制作作九、动画技术(1)控制动画的停止与播放q控制老鹰飞翔q制作步骤：1.新建一层，命名为“按

5、钮”，从公共库中文件夹 classic buttons Playback 中拖动按钮 gel Stop 和 gel Right 到舞台上，并将它们分别命名为 stop_btn 和 play_btn。2.新建一层，命名为“actions”，选择第1帧，打开“动作”窗口，输入：function playAnimation(event:MouseEvent):void play();function stopAnimation(event:MouseEvent):voidstop();play_btn.addEventListener(MouseEvent.CLICK,playAnimation);

6、stop_btn.addEventListener(MouseEvent.CLICK,stopAnimation);3.存盘，测试。8多多媒媒体体课课件件开开发发 Flash动动画画制制作作九、动画技术(1)形状补间动画形状补间可以从一个矢量形状变化到另一个矢量形状，就象揉面团一样，将一块圆溜溜的面团捏成各种各样的形状。（P145153）快捷菜单设置属性面板设置9多多媒媒体体课课件件开开发发 Flash动动画画制制作作九、动画技术(1)形状补间动画一、演示动画，观察动画效果10多多媒媒体体课课件件开开发发 Flash动动画画制制作作九、动画技术(1)形状补间动画二、形状补间动画的设计方法q例一

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

8、，当不在一条曲线上时为红色。12多多媒媒体体课课件件开开发发 Flash动动画画制制作作九、动画技术(1)形状补间动画三、为形状补间动画添加形状提示1.选择补间形状序列中的第一个关键帧。2.选择“修改”“形状”“添加形状提示”。起始形状提示会在该形状的某处显示为一个带有字母a的红色圆圈。3.将形状提示移动到要标记的点。4.选择补间序列中的最后一个关键帧。结束形状提示会在该形状的某处显示为一个带有字母a的绿色圆圈。5.将形状提示移动到结束形状中与您标记的第一点对应的点。6.若要查看形状提示如何更改补间形状，请再次播放动画。若要微调补间，请移动形状提示。7.重复这个过程，添加其它的形状提示。将出现

9、新的提示，所带的字母紧接之前字母的顺序（b、c等等）。13多多媒媒体体课课件件开开发发 Flash动动画画制制作作九、动画技术(1)形状补间动画三、为形状补间动画添加形状提示q例二：为形状补间动画添加形状提示（“F”变为“E”）。q添加形状提示的步骤（P151153）q添加形状提示的技巧1.形状提示的摆放顺序要符合逻辑顺序。2.将变形提示从形状的左上角开始按逆时针顺序摆放，将使变形提示工作更有效。3.形状提示要在形状的边缘才能起作用。4.要删除单个形状提示，可右击鼠标,在弹出的菜单中选择“删除提示”。若要删除所有的形状提示，请执行【修改】【形状】【删除所有提示】命令。14多多媒媒体体课课件件开开发发 Flash动动画画制制作作九、动画技术(1)课后作业q阅读教材P145153&P157158，需要上机体会的地方，自觉上机操作。q上机操作，完成教材中的例子。化学课件：爆炸（P147）15