8、步步为营——逐帧动画新.docVIP

课 时 授 课 计 划 课 题 步步为营——逐帧动画 课 时 1课时 授课类型 新授课 授课日期 3.26 教 学 目 标 知识与技能： 1、了解逐帧动画的原理，知道逐帧动画的制作方法。 2、学会制作逐帧动画。 过程与方法： 1、学生通过现场表演、演示教具，分析关键帧，了解逐帧动画的制作过程。 2、学生在表情演示的基础上，分析、讨论制作动态表情的过程，学会逐帧动画的制作方法。 情感态度价值观： 学生在制作动态表情的过程中，提高了动画创作的兴趣，在快乐的氛围中学习掌握知识。通过自己设计的动态表情，感受到flash动画的趣味和魅力，在乐趣中成长。 重 点 难 点 分 析 制作逐帧动画的方法。 利用逐帧动画设计奔跑的雪豹 教 、学 预 设 设计思路及调控对策(含教法、学法) 课堂导入： 教师展示在茫茫的草原中奔跑的雪豹，意在吸引学生的注意里，提问，大家有没有见过奔跑的雪豹，大家想想这种奔跑或者是走路的动作时如何实现的，本节课我们将学习逐帧动画。 教师简单介绍什么是逐帧动画并且实现逐帧动画的几种表现形式。 教师演示奔跑的雪豹的操作过程。 茫茫雪原上，有一只矫健的豹子在奔跑跳跃，这是一个利用导入连续位图而创建的逐帧动画，如图 3-2-3所示。 ? 图 3-2-3 奔跑的豹子 ? 1、 创建影片文档 执行【文件】|【新建】命令，在弹出的面板中选择【常规】|【Flash文档】选项后，点击【确定】按钮，新建一个影片文档，在【属性】面板上设置文件大小为400*260象素，【背景色】为白色，如图 3-2-4所示。 ? 图 3-2-4 创建新文档 ? 2、?创建背景图层 选择第一帧，执行【文件】|【导入到场景】命令，将本实例中的名为“雪景.bmp”图片导入到场景中。在第8帧按F5，加过渡帧使帧内容延续。 3、 导入gif动画 新建一层，选择第一帧，执行【文件】|【导入到场景】命令，将本教程中的“奔跑的豹子”系列图片导入。此时，会弹出一个对话框，如图3-2-5所示。 　 3-2-5 系列图片导入 ? 选择【是】按钮，Flash 会自动把gif中的图片序列按序以逐帧形式导入场景的左上角，如图3-2-7所示。 3-2-7? 导入的gif动画在场景的上方形成帧帧动画 　 如图3-2-8所示是导入后的动画序列，它们被Flash自动分配在8个关键帧中。 　 ? ?????? 图 3-2-8 导入的8张图片 ? 4?、调整对象位置 此时，时间帧区出现连续的关键帧，从左向右拉动播放头，就会看到一头勇猛的豹子在向前奔跑，但是，被导入的动画序列位置尚未处于我们需要的地方，缺省状况下，导入的对象被放在场景坐标“0，0”处，我们必须移动它们。 你当然可以一帧帧调整位置，完成一幅图片后记下其坐标值，再把其它图片设置成相同坐标值，如果你有足够耐性和时间，也无妨，那么，我们何不试试“多帧编辑”功能呢？ 先把“雪景”图层加锁，然后按下时间轴面板下方的【绘图纸显示多帧】按钮??，再单击【修改绘图纸标记】按钮?，在弹出的菜单中选择【显示全部】选项，如图3-2-9所示。 图3-2-9 选择显示全部选项 　 最后执行【编辑】|【全选】命令，此时时间轴和场景效果如图3-2-10所示。 　 　 图3-2-10 选取多帧编辑 ? 用鼠标左键按住场景左上方的豹子拖动，就可以一次把8帧中的图片一次全移动到场景中了。5、 设置标题文字 在场景中新建一个图层，单击工具栏上的文字工具按钮??,设置【属性】面板上的文本参数如下，【文本类型】为静态文本；【字体】为隶书；【字体大小】35；【颜色】为深蓝色。如图 3-2-11所示。 ? 图 3-2-11 字体【属性】面板参数设置 ? 在文本框输入“奔跑的豹子”五个字，居中放置。 6、?测试存盘 执行【控制】|【测试影片】命令，观察本例swf文件生成的动画有无问题，如果满意，执行【文件】|【保存】命令，将文件保存成“奔跑的豹子.fla”文件存盘，如果要导出Flash的播放文件，执行【导出】|【导出影片】命令保存成“奔跑的豹子.swf”文件。 学生操作 学生作业评价 学生上交作业 总结 本课作业 制作奔跑的雪豹动画 教学后记(实际教学效果及改进设想、课堂随笔)