项目二 逐帧动画制作.电子教案.docx

《项目二 逐帧动画制作.电子教案.docx》由会员分享，可在线阅读，更多相关《项目二 逐帧动画制作.电子教案.docx（9页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、Flash动画设计与制作 授课教案副页Flash动画设计与制作教 师 授 课 教 案教学项目项目二 逐帧动画制作教学时数8学时教学班级备课教师教学方法任务驱动教学法、案例教学法、演示法、小组学习法本次授课目的与要求知识目标1、了解帧的概念，掌握帧的基本操作2、掌握逐帧动画的制作方法3、掌握人物走路动画的制作方法能力培养目标1、能够制作各种逐帧动画。2、能使用绘图纸外观修改帧上的动作3、模式边制作边预览动画效果。课堂类型理论与实践相结合教具多媒体教室、机房考核对象全体同学复习旧课要点1、二维动画制作的概念，Flash文档的测试与发布，导入位图的方法2、绘制模式、常用工具的使用方法3、对齐面板、图

2、层等的使用技巧新课重点1、帧的概念、帧的基本操作2、逐帧动画的制作方法。3、掌握人物走路动画的制作方法。新课难点及解决措施难点：人物走路动画的制作方法，绘图纸外观、预览模式的使用方法措施：通过具体的实例让学生了解绘图纸外观、预览模式的使用方法通过实例操作演示，结合讲解，使学生掌握人物走路动画的制作方法课后总结及改进措施备课时间主任审阅 涉及标准参考工具书授 课 内 容时间分配一、复习前面的几节课我们学习了二维动画的概念，常用工具的使用方法和一些面板的使用，在讲新课之前先一块来复习一下：二维动画的概念：动画是通过连续播放一系列画面，给视觉造成图画连续变化的效果，如蝴蝶飞舞、人物走路等都是动画，本

3、门课程就是要学会制作Flash动画Flash文档的测试和保存与发布：1、测试：制作完成后，可以在场景中直接按Enter键预览动画的播放效果；或执行【控制】【测试影片】命令或按【CtrlEnter】快捷键将会出现动画播放窗口。2、保存与发布：执行【文件】【保存】命令，生成“*.fla”格式的文件，此格式的文件即Flash源文件；执行【文件】【发布设置】命令，就可以在源文件的相同路径下，生成“*.swf”格式的文档。导入位图的方法：执行【文件】【导入】【导入到舞台】命令或执行【文件】【导入】【导入到库】命令，再从库中将位图拖动到舞台。绘制模式：有合并绘制模式和对象绘制模式两种，其中合并绘制模式为默

4、认绘制模式；对象绘制模式：绘制对象的四周出现蓝色矩形边框，两个对象叠加在一起时相互之间不受影响。常用工具的使用：能够灵活运用基本工具绘制基本图形、卡通人物、场景等。对齐面板的使用技巧：执行【窗口】【对齐】，它可将多个对象按照一定的规律进行排列，也可以将绘制的矩形匹配舞台大小。图形元件的制作方法：执行【插入】【新建元件】命令，类型有三种：影片剪辑、图形、按钮。二、导入新课在学习了基本工具及一些面板的使用后，我们能够制作出各种基本图形、卡通人物、场景等，那么我们怎样才能让这些对象动起来呢？这节课我们来学习动画里面最基本的动画类型：逐帧动画。先让学生是观看一些逐帧动画的效果，激发学生的学习兴趣。下面

5、我们就来学习逐帧动画。逐帧动画是一种最基础的动画，它不需要Flash的其他功能相配合，它的制作需要一帧一帧地去绘制，因此它的表现力比较强，常用于表现一些动作复杂、无规律、形态发生变化的对象，例如倒计时、美女眨眼、模拟写字、自动折合的扇子、人物走路、奔跑等效果。我们先来看一个倒计时的逐帧动画，同学们分析一下动画的内容是什么呢？（学生回答：倒计时），很好，那老师把动画播放的速度改慢一些，同学们再分析一下动画中的每个画面的内容是什么？（学生回答：10、9、8、7、6、5、4、3、2、1、0），（老师说：）回答正确。由此我们可以得出，倒计时动画就是连续的播放10、9、8、7、6、5、4、3、2、1、0

6、这几个画面来形成的，大家说这个动画好不好做，（学生回答：好做），那么我们能不能将这几个数字都做到第一个帧中呢，这样行不行，（学生回答：不行），那我们怎么办呢？就需要插入关键帧，每一个关键帧中，可以做一个画面，老师演示如何插入关键帧并改掉该帧的内容。下面我们来找个同学来做一下这个动画。学生操作，老师针对学生出现的问题进行讲解。（因为背景不动，先做背景，分析背景的构成元素，再做动的部分）操作步骤：1、选择菜单“视图”“标尺”，将标尺调出，以舞台中心为中心，设置一个“十”参考线。2、将图层1改名为“圆”，以参考线的交叉点为中心并做一个灰色的圆。3、新建图层2改名为“直线”，以参考线的交叉点为中心并做

7、一个“十”字形状的线。4、新建图层3改名为“内圆”，以参考线的交叉点为中心并做两个“圆圈”。5、新建图层4改名为“数字”，输入数字10，用对齐面板和舞台中心对齐，在第2帧插入关键帧，将10改为9，再次与舞台中心对齐，在第3帧插入关键帧，将9改为8，依次类推，直到0。6、在文档属性中将背景改为蓝色。7、测试、保存。在这个动画的基础上，右击帧，讲授插入与删除帧、插入与清除关键帧、插入空白关键帧、复制、粘贴、剪切、清除帧、翻转帧、绘图纸外观按钮（绘图纸外观轮廓按钮、编辑多个帧按钮、修改绘图纸标记按钮）、预览模式的。这个逐帧动画时间轴面板上显示是“每一帧都是关键帧”，我们还可以在这样的“关键帧之间间隔

8、一些普通帧”，老师操作（在每个关键帧之间插入一个普通帧），再测试，会看到数字变化的速度慢了一些。现实生活中还有许多类似的现象，都可以通过逐帧动画来实现的，比如我们刚才说的“模拟写字”“自动折合的扇子”“圣诞老人走路”等等。下面我们通过以下的实例来全面学习一下逐帧动画的制作方法。三、讲授新课帧的概念（1）帧：是构成Flash动画的一系列画面，是进行动画制作的最基本单位。（2）空白帧：是指没有进行定义的帧。（3）关键帧：是定义了动画变化、更改状态的帧，它在时间轴上显示为实心的圆点。（4）空白关键帧：是没有任何内容的关键帧，它在时间轴上显示为空白的圆点。空白关键帧上一旦放置了对象，它就变成了关键帧。

9、帧的基本操作插入与删除帧、插入与清除关键帧、插入空白关键帧、复制、粘贴、剪切、清除帧、翻转帧等操作，都是通过单击鼠标右键，在弹出的快捷菜单中选择相应的子菜单来完成。逐帧动画及原理逐帧动画就是一帧一帧画出来的动画，是一种最简单的动画，它不需要Flash的其他功能相配合。逐帧动画包含许多相互独立的关键帧，每一帧都代表一个画面，后一帧相对于前一帧都有一些细微的变化。当移动时间轴上的播放头，或播放动画时，播放头依次通过每个关键帧，让每个画面依次展现在人们的视觉中，观察者就会产生“对象在运动”的错觉。逐帧动画的表现方法在制作逐帧动画时，如果将每一帧上的动作细节都画出来，显然很费力，通过再加工法可以减少一

10、定的工作量。再加工法就是借助于参照物或简单的变形，进行加工，得到复杂的动画。运动规律人走路的基本规律是：左右两脚交替向前，带动躯干朝前运动。为了保持身体平衡，配合两条腿的曲伸、跨步，上肢的双臂需要前后摆动。人在走路时为了保持重心，总是一腿支撑，另一腿才能提起跨步。因此，在走路过程中，头顶的高低必然成波浪形运动。当迈出步子双脚着地时，头顶略低，当一脚着地另一只脚提起朝前弯曲时，头顶略高。另外，走路动作过程中，跨步的那条腿，从离地到朝前伸展落地，中间的膝关节必然成弯曲状，脚踝与地面呈弧形运动路线。如图2-1所示：图2-1 人走路运动规律绘图纸外观通常情况下，Flash动画在舞台中一次显示动画序列的

11、一个帧。为了帮助定位和编辑逐帧动画，可以在舞台中一次查看两个或多个帧。在时间轴面板中，利用绘图纸功能，可以浏览到多个帧的内容，还可以对选中的帧进行编辑。启用绘图纸功能后，播放头下面的帧用全彩显示，其余的帧是暗淡的，看起来就好像每个帧都是画在一张透明的绘图纸上，而这些绘图纸相互层叠在一起，绘图纸外观如图2-2所示。绘图纸开始绘图纸外观结束绘图纸外观绘图纸外观绘图纸外观轮廓编辑多个帧修改绘图纸标记图2-2 绘图纸外观绘图纸外观按钮：按下此按钮后，在时间帧的上方，出现绘图纸外观标记，拉动外观标记的两端，可以扩大或缩小显示范围。绘图纸外观轮廓按钮：按下此按钮后，场景中显示各帧内容的轮廓线，填充色消失，

12、特别适合观察对象轮廓，另外可以节省系统资源，加快显示过程。编辑多个帧按钮：可以进行“多帧同时编辑”。修改绘图纸标记按钮：按下后，弹出快捷菜单，如图2-3所示，从中选择需要的选项图2-3 修改绘图纸标记预览模式单击时间轴右端的显示模式按钮，弹出时间轴模式快捷菜单，如图2-4所示。图2-4 显示模式从中选择“预览”模式，各帧中的图像就显示在时间轴面板中，使得在动画的制作过程中能够随时预览到动画的效果，便于修改。设置帧频帧频就是每秒钟播放的帧数，帧频越大动画的速度就越快。默认情况下，Flash的帧频是12 fps，即每秒钟可以播放12帧画面。帧频的大小可以通过文档“属性”窗口进行设置。对齐面板“变形

13、”面板可以实现对象的变形操作。执行【窗口】【变形】命令，可打开“变形”面板。在“变形”面板中可以缩放、旋转、倾斜对象，单击右下角的“复制并应用变形”按钮可以在复制对象的同时变形对象。单击右下角的“重置”按钮，可以取消当前的设置，等待用户重新设置变形操作。位图转换为矢量图 执行【修改】【位图】【转换位图为矢量图】命令，弹出“转换位图为矢量图”对话框，设置参数值后，单击“确定”按钮，可以将位图转换为矢量图。教学任务：教师讲解，操作演示：任务一 微风拂过操作步骤：见书本任务二 模拟写字操作步骤：见书本任务三 自动折合的扇子 操作步骤：见书本任务四 圣诞老人走路 操作步骤：见书本（观看圣诞老人走路这个动画，让学生找出走路时的特点，老师进行总结。）四、相关知识小结做逐帧动画时一定要有细心、耐心，注意每帧中的区别，尤其是做人物走、跑、各种动作时，要注意把人物的各个部分做成对象，并分别做到不同的层中，以便以后调整人物的各种动作。五、扩展实例1、笑脸2、闪烁的背景3、文字变色4、文字逐渐出现和消失六、学生上机实训，教师辅导1学时2学时2学时1学时2学时