1、4.3 计算机动画制作教学设计一.教学内容：本节课内容为多媒体技术应用 （选修）第四章 4.3 节计算机动画的制作第 1 课时。二.内容分析：本课内容是计算机动画制作的基础，以 Flash 为例学习了计算机动画的制作工具，介绍了动画制作的基本流程。让学生了解 Flash 动画制作的原理，体会并理解 Flash 中帧、图层、动画以及元件的概念。教学中培养学生的动手能力和创新意识，同时增强学生的信息素养。以熟练运用 Flash 中的各种工具的操作为基本技能训练。重点是掌握 Flash 动画中的几个基本概念，如帧、图层，难点是对图层的理解。三.学情分析：本节课的教学对象是高二的学生，在高一已经有了一
2、定的基础，在前面两节课中，学生已经学习了动画的定义、视觉特征、分类、动画制作的步骤，以及计算机动画制作的基本原理。本节课将以 Flash 为例学习制作计算机动画的基础知识，通过一些简单动画的制作让学生掌握帧，图层，元件等基本概念，为学生自己动手制作动画预备知识。如何进行 Flash 动画制作，制作出符合自己需要的动画是学生非常迫切知道和掌握的，学生这种强烈的求知欲望成为学习本课的强大动力，为本课的学习打下了良好基础。四.教学目标：知识目标：1.熟悉 Flash 操作界面及工具箱的用法 2.理解 Flash 动画中的几个基本概念：帧，图层，动画，元件3.了解 Flash 制作动画的基本流程能力目
3、标：掌握 flash 动画中的基本概念，能够制作几个简单的动画，培养自主学习与协作学习能力。情感目标：1.培养学生积极探索，敢于实践、大胆创新的精神和意识；2.培养学生尊重他人，发现别人长处，欣赏他人，相互学习的良好品质；五.重点难点：重点：掌握 Flash 动画中的几个基本概念，如帧、图层、动画、元件。难点：图层的理解和引导层的理解。六.教学准备：硬件准备：网络教室（一人一机）软件准备：电脑安装 Flash 8 版本以上软件七.教学方法：情景任务驱动、讲授、演练、小组协助有机结合八.教学过程：课堂引入：课前播放柔美的励志 flash 音乐 mv蜗牛 （本人最喜欢的一部flash 短片，激发学
4、生的学习斗志，坚定对理想的追求，对 flash作品可以表达人的心情，理想和信念，还有祝福等） 。教师展示Flash 作品小小特警（让学生通过观赏精彩的 Flash 绘图作品，激发学生的学习兴趣，从而引入本课）。 教师为学生介绍 Flash 操作界面及工具箱常用工具。(学生虽然在必修中已经学习过，但大部分都已经忘记了，在此和学生先回顾一下 flash 的工作界面)（1）启动 Flash 程序并创建一个新的 Flash 文档。（2）Flash 操作界面包括工具箱，时间轴，浮动面板以及属性面板等。 （教师引导学生，要在 Flash 中制作出令人满意的动画作品，必须掌握几个基本概念：帧、图层、动画、元
5、件等） 。 Flash 动画中的几个基本概念教师播放课件并结合 Flash 程序为学生讲解帧、图层、动画以及元件的概念（学生观察幻灯片及倾听教师的讲解） 。（1）帧就是时间轴上的小格子，一帧其实就是一幅图，是构成动画的基本单位。可分为关键帧、空白关键帧和过渡帧。关键帧：是动画演示的基础，可以放入各种对象声音、图片、按钮、视频等等，所有这些都只能放置到关键帧上，如果没有关键帧,就没有动画。两个关键帧之间可以做补间动画，这样两个关键帧就可以确定物体移动的两个关键点。关键帧用含有实心圆圈的方格表示。空白关键帧：这个关键帧在场景上什么都没有（不包括声音和代码），用含有空心圆圈的方格表示；如果加入对象后
6、自动变为关键帧。教师为学生演示帧的操作（并区分关键帧，过渡帧，空白关键帧） 。（2）图层（教师为学生分析 Flash 作品“激光字.swf ”，讲解图层至关重要的作用） 。（3）动画（教师为学生展示：逐帧动画，移动渐变动画，形状渐变动画的例子，并演示如何制作简单的移动渐变动画和形状渐变动画） 。两个关键帧之间带粉红色有长线箭头标志的帧：渐变动画也叫补间动画，能让一个物体在这段帧之间作出来，渐变移动的效果(可以改变透明度等等)。两个关键帧之间带绿色有长线箭头标志的帧：形变动画第一帧的动画到最后一帧的时候可以变化出另外一种图形、形状。（4）元件一个位图、矢量图形、音乐片断或是一段独立的 flash
7、动画（好比是演员），通俗的讲就是对象作为一个模块,在不同帧中重复使用.这样的好处在于因为可以在重复使用，减小了 FLASH 的体积便于传输，也减小了 FLASH 制作者的工作量。元件都被放置在库中，使用时只用将其拖放到场景中即可，在场景中只能对其位置和形状进行编辑，如果要对元件进行编辑，需要切换到元件编辑状态。元件分为：图形元件、按钮元件和电影剪辑元件。元件中图形就是指动态或者静态的图片元件，电影剪辑是 FLASH 小片段，按钮就是具有一定图形功能的按钮图形了。库：存放动画元件的地方（好比是一场戏的后台）场景：动画的表现场所（好比是舞台）时间轴：动画制作的最重要的区域，是编辑动画的工作台，是加
8、工动画的流水线，包括了层编辑区、帧编辑区和时间线。（好比是剧本）我们要制作一个动画，就好比是在导演一出戏，需要找好演员（制作好元件），置于后台（放在库里），然后把演员放在舞台上（把元件放在场景上），让演员照着剧本演出（在时间线上设置开始、结束时的状态，生成动画）。 Flash 动画制作的基本流程教师播放幻灯片，Flash 制作动画的流程包括六个步骤：整体设计、创意，设置电影属性，导入素材或制作元件，引用元件及制作动画效果，测试动画效果，保存，输出。 学生实践：任务一：请学生打开 Flash 软件，新建一个 Flash 文档，熟悉其操作界面及工具箱的常用工具。熟悉元件，帧，图层等基本概念。任务二
9、：（形变动画）制作变幻的文字。参考操作步骤：Step1:执行“插入/新建元件”创建一个“影片剪辑”文件。名字为“text”Step2:在第一帧处输入文本 “祝福妈妈健康快乐” ，调整字体，颜色，大小为自己喜欢的。然后按 ctrl+B 两下将文字打散，在第 30 帧处插入空白关键帧，用文本工具输入文本“母亲节快乐” ，设置字体，颜色，大小。然后按 ctrl+B 两下将文字打散。Step3:第一帧处创建形变动画。 Ctrl+enter 看结果。发挥自己的创意设计，感受形变动画的魅力。任务三：（补间动画）制作一个滚动的小球。任务四：（补间动画，引导层）桌面上滚动的小球。参考操作步骤：1.进入 fla
10、sh 操作界面，执行 “文件/新建”命令，创建一个新影片。2.执行“修改/影片”命令，在弹出的“影片属性”对话框内进行修改。3.“插入/新建元件”建一个图形元件“小球” ，用椭圆工具画一个小球。4.“插入/新建元件”建一个影片剪辑元件“滚动的小球” ，将“小球”元件拖入编辑区，在第 50 帧处插入关键帧。5.新建一个引导层，用铅笔画一条沿着桌面滚下的引导线。6.将第一层第一帧的小球移至引导线的初始段，第 50 帧的小球移至引导线的末端。然后在“图层 1”的第 1 帧上点鼠标右键，选 “创见动画动作”功能 .7.点击场景 1，导入桌面.jpg，将“滚动的小球”元件拖入到场景中调节好位置。按 ct
11、rl+enter 或“控制/测试影片”看看你设计的效果吧。挑战任务：制作飘落的雪花或花朵。参考操作：1、新建一个 Flash 影片。设背景为“黑色”，其他的用默认值。2、按 Ctrl+F8 新建一个组件，类型为“影片剪辑” ，命名为“雪花”。在它的正中用“铅笔” 工具画一个不规则的多边形，然后用“颜料桶工具”将它填上白色。 3、再用 Ctrl+F8 建一个组件，类型为“影片剪辑” ，命名为“前层”。4、将组件“雪花” 拖到其中，用 “选定工具”中的 “比例”功能把它缩小（小技巧：先用“放大镜 ”将它放大，然后再用 “比例”功能，可缩得更小）。在第 80 帧上“插入关键帧” ，在“图层 1”上用
12、鼠标右键的“ 添加引导线”功能。在新增加的“ 引导线：图层 1”的第 1 帧上，从“雪花”开始，画一条弯曲的曲线。将第 80 帧上的“雪花” 沿曲线从头拖到曲线的末尾。然后在“图层 1”的第 1 帧上点鼠标右键，选 “创见动画动作”功能.5、第 4 步是制作一片雪花，下雪不是只下一片的吧。插入图层，将第 4 步重复做 10 次。做好后的效果见图 1-4。6、把第 3 至 5 步重复做两次，不同之处是组件的命名分别为“中层”和“后层”。“雪花” 的大小和“引导线” 的路径不要一样。这是为了多做几个图层，看起来效果细腻一点。7、现在回到场景 1 中，插入 6 个图层，分别命名为“后层 1”、“后层2”、“中层 1”、“ 中层 2”、“ 中层 3”、“中层 4”、“ 前层 1”、“前层 2”。在对应的层上拖入对应的组件，并适当的调整时间轴，让雪花飘得连贯起来。见图 1-5。 九、课堂总结：同学们你们这节课有哪些收获？教师总结归纳。
