《绘制图像与逐帧动画》教学案例

1、绘制图像与逐帧动画教学案例【教材分析】本课的教学内容是清华大学“信息技术教学一条龙”实验教材信息技术初中二年级上册第1课绘制图像与逐帧动画，利用Flash绘制图像并制作简单的“逐帧动画”。这是一种常见的动画手法，它的原理是将一个动画的连续动作分解成一张张的图片，把每一张图片用关键帧描绘出来，Flash将这些关键帧连续播放，形成动画效果。掌握本节内容可以做出许多生动有趣的动画。因此，学生在本节的学习过程中，会产生非常高的学习热情，为今后的学习打下坚实的基础。【教学目标】1、知识与技能了解Flash 8的一些基本概念；认识时间轴与关键帧。2、过程与方法会用Flash 8的“工具”绘制图像；会在“舞

2、台”上使用绘制的图像；会插入关键帧。3、情感态度价值观让学生学会制作简单动画的基本知识，激发学生学习Flash软件的兴趣，同时培养学生的动手能力。【教学重难点】重点：用绘图工具制作“逐帧动画”的方法。难点：通过改变帧频控制动画的播放时间。【教学方法】1演示教学法：通过在多媒体教室，实际操作演示用Flash制作动画的过程，活跃课堂气氛，激发学生学习情趣。2任务驱动式：该方法主要是通过设计一些学习目标，让学生自己上机去实现，让他们在亲身实践中体会、提高，在同学之间的互相学习和交流、甚至争论中提高学习兴趣，开阔思路。既培养了学生的动手实践能力，又加强了学生的实践探究、交流合作解决问题的能力。3案例教

3、学法：选取的案例取材于学生在课堂中出现的问题动画，用于训练学生解决实际问题的能力。【教学过程】激趣导入网络信息时代带给人们新的视觉冲击，让人们的生活更加丰富多彩。动态网页与广告、电子贺卡、交互式游戏，这些作品几乎都可以使用Flash动画软件制作。Flash动画以其娱乐性、通俗化的特点，吸引越来越多的人们进入闪客世界。我们从本学期开始将通过学习Flash动画制作，踏入闪客之门。引入课题：今天我们学习第一课熊猫的梦-绘制图像与逐帧动画新课教学法一、启动并认识Flash的工作界面1、启动师提出：Flash的启动它跟我们上学期学过的Word的启动方法一样，可以在Windows桌面单击“开始”“程序”

4、“Macromedia” “Macromedia Flash 8”即可。（师演示操作，然后学生上机操作）2、认识Flash窗口界面演示文稿展示。师引导学生分别介绍二、设置文档属性师提出：舞台的尺寸大小、背景颜色等是通过文档属性来设置的。具体设置：方法一：“修改”“文档”命令，在弹出的“文档属性”对话框中，通过调整各项参数来设置文档属性方法二：在窗口界面的下方的“属性”面板中设置。修改文档属性的背景颜色为“黄色”。其它参数参照教材P4图1.3所示的文档属性面板。三、制作第1帧画面师：使用各种绘图工具，绘制熊猫和小竹苗。、利用椭圆工具绘制熊猫的外形1、单击工具面板中的“椭圆工具”，设置笔触颜色为“

5、黑色”，填充颜色为“没有颜色”。【智多星】教材P4。当当选中“椭圆工具”后可以在“属性”面板中进行更全面地设置，如教材P4图1.4所示。其他绘图类工具如“线条工具”、“铅笔工具”、“刷子工具”、“矩形工具”、“颜料桶工具”等，在相应的“属性”面板中也都包含详细的设置。2、在舞台中拖动鼠标，绘制熊猫的脸部。使用工具面板中的“选择工具”单击绘制完成的圆形并将其拖动至合适位置。【DIY】教材P4 使用与绘制熊猫脸部相同的方法，分别绘制熊猫的“耳朵”、“眼睛”、“鼻子”，并调整至合适位置，如教材P5图1.5所示绘制熊猫的五官并调整位置。3、绘制熊猫的嘴部轮廓可以行绘制一个椭圆形，然后利用工具面板中的“

6、线条工具”在圆形中间绘制一条直线。使用“选择工具”单击上面半圆，按Delete键将其删除后，将剩余的半圆形放在合适位置即可，如教材P5图1.6所示。4、利用“线条工具”绘制竖线，连接鼻子和嘴。5、单击工具面板中的“铅笔工具”在“属性”面板中进行相应设置，如教材P5图1.7所示。6、使用“铅笔工具”绘制熊猫的毛发，然后将多余的线条删除，如教材P5图1.8所示。、利用颜料桶工具填充颜色1、单击工具面板中的“颜料桶工具”，设置填充充为“黑色”。2、在需要填充黑色的区域单击。选择工具教材P5 使用填充黑色的方法，分别将熊猫的脸、眼球和嘴填充为白色。如教材P5图1.9所示。、利用刷子工具绘制小苗1、选择

7、工具面板中的“刷子工具”，设置填充色为“棕色”，绘制出土地的效果。2、使用“刷子工具”分别绘制深色的土块和绿色的小竹苗，如教材P6图1.10所示。【智多星】教材P6利用“铅笔工具”绘制的是线条。铅笔工具的颜色由笔触颜色控制。利用“刷子工具”绘制的是大面积的色彩。刷子工具的颜色由填充色控制。四、制作第2帧画面师提出：完全相同的两个画面是不可能出现动画效果的。因此第2帧画面要在第1帧画面的基础上绘制竹子，使两帧画面不同，为制作动画做好准备。【智多星】教材P6演示文稿展示。师引导学生分别介绍师先做演示操作，然后学生上机操作实习。具体演示操作步骤：1、在图层1第2帧的位置右击，在弹出的快捷菜单中选择“

8、插入关键帧”命令。2、使用“椭圆工具”、“铅笔工具”绘制带提示角的图形。3、选择“矩形工具”设置笔触颜色为“黑色”，填充色为“绿色”，绘制的矩形。4、单击“选择工具”，将鼠标指向矩形边线，待鼠标变为如教材P6图1.11所示状态时，向里拖动矩形边线。完成后用“选择工具”框选，再复制两个，将其在纵向方向为一直线，然后使用“刷子工具”绘制竹叶，完成竹子的绘制。【DIY】教材P7。试着改变绘制图形的颜色。 提示：1、使用工具面板中的“选择工具”选中需要改变颜色的部分。2、更改工具面板选项中的笔触颜色和填充色即可。【智多星】教材P7师提出：在计算机中显示的图形一般可以分为两大类-矢量图和位图。由于Fla

9、sh动画是由一张张矢量图构成的，因此生成的动画文件存储空间很小，在网络中传输速度很快，可以很方便地下载观看。一个几分钟长度的Flash动画片，常常只有12M。五、调整动画时间师提出：通过添加普通帧的方法可以让关键帧之间的动画过渡时间延长。师先做演示操作，然后学生上机操作实习。具体演示操作步骤：1、执行“控制” “测试影片”命令，此时弹出测试影片的窗口，观察动画效果，可以看到动画播放频率过快，动画内容看不清楚。2、关闭测试影片窗口，在第1帧上右击，在弹出的快捷菜单中选择“插入帧”命令，同样在第2帧上也插入帧，使动画时间延长。3、测试影片效果，如不满意可继续插入帧延长时间。【智多星】教材P8快捷键：测试影片：Ctrl+Enter撤销上一步操作：Ctrl+Z六、保存文件师先做演示操作，然后学生上机操作实习。具体演示操作步骤：1、执行“文件”“保存”“ 在弹出的对话框中选择保存位置”“我的电脑”“E”“个人文件（王文洪）”“作业”，将文件命名为“熊猫的梦”，单击“保存”按钮，此时动画源文件就以Flash格式保存起来。2、执行测试影片命令，生成swf格式的动画播放文件。【知识着陆】1、利用绘图工具配合对应的属性面板可以完成图像的绘制。2、利用Flash制作简单动画时，只要几个关键