《flash中的逐帧动画制作》讲稿.pdf

Flash 中的逐帧动画制作讲稿 Teacher：尊敬的评委，敬爱的同学们，大家早上好。我是何文燕。今天我要讲授的内容是 Flash 中的逐帧动画制作，教学对象是初中二年级学生。下面进入我的模拟课堂。一、热身体验 Teacher：同学们，大家好。上节课我们学习了 Flash 工具的使用，那么我们今天就来学习 Flash的逐帧动画制作。板书：逐帧动画的制作 Tearcher：在学习新内容之前，老师请同学们认真地观看屏幕，然后告诉老师你们看到了什么？嘉伟学生：一个人在动。文翠学生学生：一个人的右手在动。Tearcher：其实啊，老师刚刚给大家看的是一张张连续播放的图片。不信大家请看，这是刚刚老师给大家播放的图片。而这 6 张图片就是人的右手在动的过程中所分解的六个步骤。Tearcher：为什么我们看到的是动画呢？同学们好奇，想知道吗？学生齐答：想 Tearcher：那是因为人的眼睛看事物时都会有视觉暂留的。所谓视觉暂留就是人眼在某个视像消失后，仍可使该物像在视网膜上滞留。科学家证明，滞留时间为 0.10.4 秒左右。Tearcher：接下来我们就来看一实验（播放笼中鸟）如果将鸟，笼两张图叠在一起并快速交替旋转出现在我们眼前，那么我们将看到（停顿）鸟在笼中的影像。Teacher：那同样的道理,如果我们快速连续播放一系列有规则图片的时候，我们就会看到一段生动的动画。而这个就是 Flash 逐帧动画的基本原理。（板书：逐帧动画的基本原理）逐帧动画的制作步骤：一、导入图片 Tearcher：接下来我们学习如何在 flash 中制作人的右手在动的动画。在学习之前，老师先向大家介绍一些基本概念。（打开 F 新建的 flash 文档）同学们请看屏幕。上面标着 1、5、10很多数字的地方是时间轴；而有黑色圆点的小格是关键帧；有空心圆点的小格是空白关键帧，没有圆点呈灰色的小格是普通帧。Tearcher：那么它们的作用或表达的意思是什么呢？请一位同学回答（举手示意）。好请嘉伟同学回答。嘉伟学生：时间轴是用来组织和控制动画的变化与动作的。而关键帧是表示当前帧的画面有内容，空白关键帧表示当前帧为空白画面；普通帧表示重复前一关键帧的内容。Tearcher：对。看来嘉伟同学有预习今天讲的内容，很好。请坐下（示意坐下）Tearcher：同学们，我们可以想到人的右手在动这 6 张动作不同的图片在 Flash 时间轴上分别对应的就是 6 个关键帧。Tearcher：好！我们现在就开始。我们先把这六张图片导入进来，而这个就是制作逐帧动画的第一步。（板书：导入图片）Teacher：选择第 1 帧；鼠标右键；选择插入空白关键帧。然后在文件；导入；选择导入到舞台；我们把第一张图片导入。接下来的操作都是如此类推。老师想请一位同学上来操作，哪位同学呢？好，请文翠同学，（手势示意），大家认真看。文翠同学：老师这个怎么办？Teacher：恩，请文翠同学暂停一下。文翠同学提问这里怎么办呢。同学们有没有发现，老师在导入第一张图片时，是不是也出现这个对话框呢？我们现在一起看对话框的内容。“此文件看起来是图像序列的组成部分。是否导入序列中的所有图像。”细心的同学就会发现刚才老师在导入第一张图片时是点击？嘉伟同学：否 Teacher：那同学们想不想知道点击是，是什么效果的呢？现在请文翠同学点击是。下面的同学认真观察时间轴上帧的变化。Tearcher：请文翠说一下。文翠同学：从第 2 帧，后面的图像都导进来了。Teacher：对了，请文翠同学回到坐位上。那是为什么呢？我们来看看被导入的六张图片。Teacher：大家认真观察一下这 6 张图片的命名有什么规律呢?哦，这些图片都是按照人的右手 1、2、3 这样的数字顺序来命名的。在 Flash 中如果任意导入序列图片中的一张图片，我们都会被问是否导入序列中的所有图像。我们点击是就会把所有图片导进来，点击否就导入你所选择的图片。而这个就是导入图片中一些要注意的问题。（板书：序列命名、序列导入）Teacher：现在我们把六张图片导进来了，我们看一下效果怎么样。我们选择控制，点击测试影片。怎么样，是不是一个人的右手在动的动画就做好了呢。而这种我们通过逐个帧，逐个帧做出来的动画，我们就叫做逐帧动画。Teacher：看大家一副跃跃欲试的样子，现在老师给 10 分钟时间，大家做一下人的右手在动的动画。好。十分钟时间到。二、调整图片 我们在做动画的时候一般情况下我们都会有一个主题。现在老师有一个夏天的图片，请同学们把图片添加到刚刚制作的动画中。要求连贯、自然。老师先给 5 分钟时间大家做一下。好，时间到。老师发现一些同学做出来的作品是这样的。Teacher：同学们先别笑。我们想一下，那是为什么呢？嘉伟同学：这位同学导入图片之后，没有对图片进行适当的调整。Teacher：没错，调整图片很重要。逐帧动画制作的第二步就是调整图片。那么我们应该怎么调整图片？请嘉伟同学上来操作一下。下面同学认真观察他是怎么做的。Teacher：我们来看一下效果怎么样，选择控制，测试影片。怎么样，是不是一个好看、自然的动画就做好了呢。而刚刚嘉伟通过新建图层，把主题图片导入到舞台并把图层加锁，作为背景图层，然后单击时间轴面板下方的【绘图纸显示多帧】，再单击【修改绘图纸标记】，选择【显示全部】，最后在编辑，选择全选，用鼠标左键按住场景左上方的人拖动，一次把 6 帧中的图片全移动到场景中。老师再给 5 分钟时间大家继续做一下。三、课堂小结 Tearcher：好，时间到。通过今天的学习，同学们已经掌握了逐帧动画的制作方法，那么我们来一起回顾这节课学习到的内容。首先我们学习到了什么？恩，逐帧动画的原理和逐帧动画的制作。逐帧动画制作的第一步是导入图片。在导入图片时我们还要注意序列命名和序列导入问题。而第二部就是调整图片。四、巩固拓展 其实我们刚刚制作逐帧动画如果和其他动画一起组合起来，就会形成更加生动的动画，下面我们来看一下，我们刚刚制作的逐帧动画和其他动画一起组合起来的效果。这是一个以夏天为主题的动画。同学们是不是也想学 flash 中其他的动画制作方式了呢？那么下节课我们来一起学习 这节课上到这里。谢谢大家。