活动二 创建逐帧动画 教学设计 (7)

活动二 创建逐帧动画 教学设计 教学目标1．理解逐帧动画的概念及应用。2．理解普通帧、关键帧、空白关键帧的概念。3．掌握制作逐帧动画的方法。4．掌握改变影片播放速度的两种方法。5．理解图层概念，会根据对象运动效果设置图层。6．掌握动画的发布和Flash源文件的保存方法。 教学重点和难点1.教学重点。各种帧的概念和运用、运动速度和时长的控制、图层的概念和运用。2．教学难点。不同帧的选择使用，图层与运动对象的关系。 教学过程设置情境、导入新课1．展示简单的Flash动画作品（逐帧相册动画、毛笔写字动画），组织学生观摩，体验动画作品的魅力。2．简单复习上节课介绍的Flash的窗口和绘制的工具及绘制动画元件。3．将一系列静态的连续动作的图片（例如，人走路的过程、跳跃的过程等）放在同一个文件夹中，用看图软件先缓慢观看每一张图片，再以较快的速度播放，静态的图片会形成一段类似动态的动作（讲解动画原理）。4．课件显示课题：活动三逐帧动画。建立“帧”的概念及“帧”的作用与操作1．讲解帧的概念：在Flash动画中，帧是某个时间点上的图像，让不同帧上的图像发生变化就能产生动画效果。任何动画都是由一个个帧连接而成的。帧是动画的最小单位。2．引导学生阅读学习教材第14页内容，从中了解关键帧、普通帧、空白关键帧、时间轴和时间轴面板的概念及应用。3．引导学生打开Flash软件。4．广播教师机，提问学生（连线练习）：(1)默认的第一帧是什么帧？(2)在空白关键帧里面画个圆，这时的帧是什么帧？(3)在第五帧，点击右键——插入帧，灰色的帧是什么帧？在问答过程中讲解各种帧的作用与操作。5．引导学生进行帧的操作练习。操作要求：(l)第一帧创建关键帧（添加内容与没添加内容的区别）。(2)第二帧创建空白关键帧（与第一帧关键帧的区别）。(3)第五帧插入帧（与关键帧的区别）。(4)复制第一帧到第六帧的位置。(5)删除第三帧。对学生的活动过程予以相应的提示（比较），并对活动过程给予适当的评价。创作逐帧动画1．以PPT形式展示创建逐帧动画的几种方法（本节课用第一种和第二种方法创建逐帧动画）。2．例子：创建5秒钟倒计时动画（广播教师机）。I．演示：(l)单击菜单栏中的“文件”，新建一个Flash文档文件。(2)设置文档属性。大小；“400*?300像素”，背景颜色：“天蓝色”，帧数：“lOfps”。(3)选中“图层1”的第一帧，选取文本工具，设置文字属性。字体：“黑体”，大小：“150”，颜色：“红色”。单击舞台，输人数字“5”。(4)单击菜单栏中的“窗口”，选中“对齐”命令，打开对齐面板，对弹出的对话框进行简单解释。(5)单击舞台上的数字，选中“相对于舞台”选项，利用“水平中齐”和“垂直中齐”工具，将文字置于舞台的中央。 (6)选中第儿帧，单击菜单栏中的“插入”一“关键帧”，或直接按F6功能键，在第11帧中插入一个与第1帧内容相同的关键帧。(7)双击舞台上的数字“5”，将数字改为“4”。(8)在第21、31、41帧中分别插入关键帧，并更改其中的数字为；“3”、“2”、“1”。(9)在第51帧上插入一个关键帧，将舞台上的数字更改为“时间到”，文字大小设为“96”；在第60帧上按F5插入普通帧，延长动画播放时间。(10)单击菜单栏中的“控制”一“测试影片”命令，系统将生成一个“．swf”播放文件。作品测试完成后，单击“文件”菜单，将动画保存在“倒计时．fla”中。4．让学生动手操作，可以模仿“倒计时”例子，或自主创作。5．对学生的活动过程予以必要的提示（创作逐帧动画时，各个关键帧的内容可以任意改变，关键帧的数量也可以自行设定，只要两个相邻关键帧的内容连续合理即可），并对活动过程予以适当评价。6．展示并评价学生作品，鼓励学生参与评价。认识图层及图层面板1．讲解图层的原理（将图层比喻为透明的纸，每一张都保持独立，它们的内容不会相互影响，可以进行独立的操作，同时又可以将它们合成一个完整的电影）。2．讲解图层的作用及类型（普通图层、引导图层、被引导图层、遮罩图层和被遮罩图层等）。3．以创建小孩奔跑动画为例，实践图层的运用。4．演示：(l)单击菜单栏中的“文件”，新建一个Flash文档文件，文档属性设为默认值。 (2)单击菜单栏中“文件”一“导入”命令，在“导入”对话框中，选择一张图片作为动画的背景图片，如“背景．JP9-。(3)单击菜单栏中的“修改”一“变形”’“缩放”命令，将背景图片的 大小调整到与舞台大小相一致。(4)双击图层面板中的“图层l”，将该图层重命名为“背景”。(5)单击图层面板中的“插入图层”按钮，插入—个新图层，并将该图层重命名为“小孩”。(6)单击菜单栏中的“文件”斗“导入”命令。在“导入”对话框中，选择一张图片作为动画的起始页面，如“跑步OOl.?png”。此时，系统弹出一个对话框。(7)单击“是”按钮．Flash会自动把同名的图片文件序列以逐帧形式导入到舞台的左上角。(8)导入操作完成后，这些动画序列将被Flash自动分配在8个关键帧中。(9)在“背景”图层的第8帧处，按下快捷键F5，插入普通帧，延长“背景”图层的播放时间。(lO)单击菜单中的“控制”一“测试影片”命令，系统将生成一个“．swf“播放文件。作品测试完成后，单击“文件”菜单，将动画保存在“奔跑的小孩．fla”中。5．出示任务：(l)导入gif动画图片，建立一个逐帧动画，观察时间轴的状态。给这个逐帧动画添加一个合适的背景。(2)利用对齐工具，让导入的图片居中对齐。应用图层、组合动画、演示讲解、制作范例1、讲解：在制作动画时，每个图层都有独1立的帧面板，可以在每个图层上单独制作动画，组合多个图层的动画便可形成复杂的动画。 2．创建用毛笔书写汉字的模拟动画。3．演示：(l)单击菜单栏中的“文件”，新建一个IFlash文档，文档属性设为默认值。(2)选取文本工具，在“图层1”第1帧处输入汉字“初二”，在属性面板上设置文字属性，字体：“隶书”，大小：“96”。(3)将该图层重命名为“初二”。(4)利用工具箱中的“任意变形工具”调整文字的大小(5)打开对齐面板，利用“水平中齐”和“垂直中齐”工具，把文字置于“相对舞台”的中央。(6)单击菜单栏中的“修改”一“分离”命令（两次），将文字“初二”转换为矢量图。(7)利用橡皮擦工具，按照与汉字书写笔画相反的顺序，倒退着将文字的笔画擦除，每擦一次，按F6功能键插入一个关键帧。(8)在时间轴上，拖动鼠标选中所有关键帧，右击鼠标，在弹出的快捷菜单中选择“翻转帧”命令，将帧的顺序全部颠倒过来。(9)单击图层面板中的“插入图层”，插入一个新图层，并将该图层重命名为“毛笔”。(lO)单击菜单栏中的“文件”一“导入”命令，导入“毛笔．png”文件（背景透明色的毛笔图片）。(11)利用工具箱中的“任意变形工具”调整“毛笔”图片的大小，并将“毛笔”图片移到“初二”图层中运笔写字的初始位置上。(12)从“毛笔”图层的第二帧开始，不断按F6功能键插人关键帧，并将“毛笔”移到文字帧相应的笔画上。(13)单击菜单栏中的“控制”一“测试影片”命令，系统将生成一个“．swf”播放文件，作品测试完成后，单击“文件”菜单，将动画保存在“毛笔写字．fla”中。4．出示任务：运用图层组合动画，创建一个用笔写字的模拟动画（自由发挥）。在学生操作过程中给予适当的提醒，如，文字要分离两次等。5．创新活动： (l)在不同的图层中导入不同的gif动画或图片系列，形成多个动画场景。(2)改变图层的层次关系，观察动画效果的变化情况。6．展示学生优秀作品，对活动过程及成果进行适当点评。归纳小结、拓展学习师生共同小结本活动的主要学习内容：(l)认识逐帧动画。(2)认识图层及图层面板。21世纪教育网版权所有
(3)应用图层组合动画。