1、八年级上册教案清华版 课 题：第一课熊猫的梦课 题熊猫的梦授课时间课 型新授课课时安排一课时教学目标知识与技能：掌握Flash的启动与退出，了解Flash窗口的组成。过程与方法：掌握在Flash中绘制图像的方法，学会保存动画文件。情感态度与价值观：初步学习制作逐帧动画、预览动画并生成swf格式的文件教学重点认识Flash 8的工作界面，学习使用绘图工具绘制图形并制作成逐帧动画教学难点帧的理解与操作、保存文件教具学具准 备学生电脑教学方法演示与学生上机教 学 过 程一、导入新课：今天我们学习第一课熊猫的梦-绘制图像与逐帧动画二、教学新课新课教学法一、启动并认识Flash的工作界面1、启动师提出：
2、Flash的启动它跟我们上学期学过的Word的启动方法一样，可以在Windows桌面单击“开始”“程序” “Macromedia” “Macromedia Flash 8”即可。（师演示操作，然后学生上机操作）2、认识Flash窗口界面师引导学生分别介绍：1、 标题栏：2、 菜单栏：3、 工具面板：可以进行对象选择、图形绘制、文本录入与编辑、对象控制等操作。4、 属性面板：反映正在使用的工具和资源情况，可进行详细设置。5、时间轴：主要由图层和帧组成。用于组织和控制影片内容在一定时间内播放。6、舞台：创作影片各帧内容的区域。7、浮动面板：包含各种不同的特定功能，如：颜色、变形、对齐等。二、设置文
3、档属性师提出：舞台的尺寸大小、背景颜色等是通过文档属性来设置的。具体设置：方法一：“修改”“文档”命令，在弹出的“文档属性”对话框中，通过调整各项参数来设置文档属性方法二：在窗口界面的下方的“属性”面板中设置。修改文档属性的背景颜色为“黄色”。其它参数参照教材P4图1.3所示的文档属性面板。三、制作第1帧画面师：使用各种绘图工具，绘制熊猫和小竹苗。、利用椭圆工具绘制熊猫的外形1、单击工具面板中的“椭圆工具”，设置笔触颜色为“黑色”，填充颜色为“没有颜色”。当当选中“椭圆工具”后可以在“属性”面板中进行更全面地设置，如教材P4图1.4所示。其他绘图类工具如“线条工具”、“铅笔工具”、“刷子工具”
4、、“矩形工具”、“颜料桶工具”等，在相应的“属性”面板中也都包含详细的设置。2、在舞台中拖动鼠标，绘制熊猫的脸部。使用工具面板中的“选择工具”单击绘制完成的圆形并将其拖动至合适位置。 使用与绘制熊猫脸部相同的方法，分别绘制熊猫的“耳朵”、“眼睛”、“鼻子”，并调整至合适位置，如教材P5图1.5所示绘制熊猫的五官并调整位置。3、绘制熊猫的嘴部轮廓可以行绘制一个椭圆形，然后利用工具面板中的“线条工具”在圆形中间绘制一条直线。使用“选择工具”单击上面半圆，按Delete键将其删除后，将剩余的半圆形放在合适位置即可，如教材P5图1.6所示。4、利用“线条工具”绘制竖线，连接鼻子和嘴。5、单击工具面板中
5、的“铅笔工具”在“属性”面板中进行相应设置，如教材P5图1.7所示。6、使用“铅笔工具”绘制熊猫的毛发，然后将多余的线条删除，如教材P5图1.8所示。、利用颜料桶工具填充颜色1、单击工具面板中的“颜料桶工具”，设置填充充为“黑色”。2、在需要填充黑色的区域单击。 使用填充黑色的方法，分别将熊猫的脸、眼球和嘴填充为白色。如教材P5图1.9所示。、利用刷子工具绘制小苗1、选择工具面板中的“刷子工具”，设置填充色为“棕色”，绘制出土地的效果。2、使用“刷子工具”分别绘制深色的土块和绿色的小竹苗，如教材P6图1.10所示。利用“铅笔工具”绘制的是线条。铅笔工具的颜色由笔触颜色控制。利用“刷子工具”绘制
6、的是大面积的色彩。刷子工具的颜色由填充色控制。四、制作第2帧画面师提出：完全相同的两个画面是不可能出现动画效果的。因此第2帧画面要在第1帧画面的基础上绘制竹子，使两帧画面不同，为制作动画做好准备。时间轴：主要由图层和帧组成，动画效果主要是通过交替播放时间轴上不同帧中的相应画面而实现的。帧：可分为普通帧、关键帧和空白帧几种普通帧：两个关键帧之间的过渡部分，使画面处于保持不变的状态。以“灰色”显示，快捷键为F5。关键帧：一个动作的开始或结束，决定动画效果的关键部分。以“黑色实心圆点”显示，快捷键为F6。空白帧：没有放置任何动画对象的关键帧，起到将当前帧的内容清除的作用。以“黑色空心圆点”显示，快捷
7、键为F7。师先做演示操作，然后学生上机操作实习。具体演示操作步骤：1、在图层1第2帧的位置右击，在弹出的快捷菜单中选择“插入关键帧”命令。2、使用“椭圆工具”、“铅笔工具”绘制带提示角的图形。3、选择“矩形工具”设置笔触颜色为“黑色”，填充色为“绿色”，绘制的矩形。4、单击“选择工具”，将鼠标指向矩形边线，待鼠标变为如教材P6图1.11所示状态时，向里拖动矩形边线。完成后用“选择工具”框选，再复制两个，将其在纵向方向为一直线，然后使用“刷子工具”绘制竹叶，完成竹子的绘制。 提示：1、使用工具面板中的“选择工具”选中需要改变颜色的部分。2、更改工具面板选项中的笔触颜色和填充色即可。师提出：在计算
8、机中显示的图形一般可以分为两大类-矢量图和位图。矢量图：使用线段和曲线描述图形，文件体积一般较小。矢量图形最大的优点是进行放大、缩小或旋转等操作都不会产生失真。矢量图形最大的缺点是难以表现出色彩层次丰富的逼真图像效果。位图：由一个个小色块组成的图像，这些色块称为“像素点”。计算机屏幕其实就是一张包含大量像素的风格。位图图形最大的优点是能表现出色彩层次丰富的逼真图像效果。位图图形最大的缺点是进行放大、缩小或旋转等操作就会看到马赛克一样的像素点。由于Flash动画是由一张张矢量图构成的，因此生成的动画文件存储空间很小，在网络中传输速度很快，可以很方便地下载观看。一个几分钟长度的Flash动画片，常
9、常只有12M。五、调整动画时间师提出：通过添加普通帧的方法可以让关键帧之间的动画过渡时间延长。师先做演示操作，然后学生上机操作实习。具体演示操作步骤：1、执行“控制” “测试影片”命令，此时弹出测试影片的窗口，观察动画效果，可以看到动画播放频率过快，动画内容看不清楚。2、关闭测试影片窗口，在第1帧上右击，在弹出的快捷菜单中选择“插入帧”命令，同样在第2帧上也插入帧，使动画时间延长。3、测试影片效果，如不满意可继续插入帧延长时间。六、保存文件师先做演示操作，然后学生上机操作实习。具体演示操作步骤：1、执行“文件”“保存”“ 在弹出的对话框中选择保存位置”“我的电脑”“E”“个人文件（1100李忠
10、贵）”“作业”，将文件命名为“熊猫的梦”，单击“保存”按钮，此时动画源文件就以Flash格式保存起来。2、执行测试影片命令，生成swf格式的动画播放文件。三、课堂练习：完成课堂所学内容五、布置作业：独立完成这节课所学习的内容七、教学后记复 备课 题：第二课 蜜蜂采蜜课 题蜜蜂采蜜授课时间课 型新授课课时安排一课时教学目标知识与技能：1巩固绘图类工具的使用方法。2初步学习使用图层来规划整个作品。3认识图层，理解图层的概念，并学会新建图层，图层重命名、锁定、删除等常用方法。4初步学习多层逐帧动画的制作。过程与方法：教师演示，学生练习情感态度与价值观：锻炼学生的动手操作能力教学重点多层逐帧动画中使用
11、到了帧和图层的概念教学难点多图层操作由于图层数量过多，因此容易混淆图层与帧的所在位置，教具学具准 备学生电脑教学方法演示与学生上机教 学 过 程一、导入新课：师播放教材P9蜜蜂采蜜的制作完成的动画，请同学们欣赏，引入课题（蜜蜂采蜜-多层逐帧动画）二、教学新课一、新建文件并修改文档属性师先做演示操作，然后学生上机操作实习。具体演示操作步骤：执行“文件” “新建”命令，将文档“属性”的大小设置为“300*300像素”，背景颜色为“浅蓝色”，如教材P10图2.2所示。二、分图层绘制蜜蜂、花朵、天空、土地等图形师提出：将一幅画面的各部分内容在不同图层中绘制，既便于修改画面，又便于处理不同图层的动画效果
12、。注意：单击的位置不同，画面效果也不同。为了防止由于图层增多而导致图层的错误操作，可以在制作完成后单击图层“锁定”按钮下“蜜蜂”图层的未锁定标志，将“蜜蜂”图层锁定，锁定后的图层是不以进行修改的。师先做演示操作，然后学生上机操作实习。具体演示操作步骤：1、执行“窗口” “工作区布局” “默认”命令可以将常用的浮动面板调出，其余面板也可以根据需要在“窗口”菜单中调出。2、“混色器”面板中的“色标”可以根据画面需要随时添加或删除。添加色标只需在色标间空白区域单击。删除色标只需选择该色标向下拖动即可。色标表示不同颜色，可以调整色标的Alpha数值控制色彩的透明度，0%为完全透明，100%为完全不透明
13、。学生上机实习操作。绘制蜜蜂的红脸蛋师先做演示操作，然后学生上机操作实习。具体演示操作步骤：1、单击时间轴下方的“插入图层”按钮，插入一个新图层并将其重命名为“红脸蛋”。2、单击“椭圆工具”，设置“混色器”面板中的“类型”为“放射状”，色标的颜色分别为红色、魄，并更改白色色标的Alpha数值为0%，合白色完全透明。3、使用“椭圆工具”绘制圆形，并将其放置在合适位置。制作完成后“锁定”该图层，如教材P12图2.5所示。绘制蜜蜂的翅膀师先做演示操作，然后学生上机操作实习。具体演示操作步骤：1、插入两个图层，分别重命名为“翅膀内侧”和“翅膀-外侧”。2、在“翅膀内侧”图层上，使用“椭圆工具”绘制无边
14、线的深蓝色圆形。在“翅膀外侧”图层上，绘制无边线的浅蓝色的圆形。3、使用工具面板中的“任意变形工具”，单击深蓝圆形，此时图像外围出现“调节点”和“中心点”。4、按住鼠标左键拖动“中心点”至椭圆形下方。拖动边角的“调节点”调整蜜蜂翅膀的大小。将鼠标指针稍远离边角的“调节点”，待鼠标指针变为如教材P12中“逆时针旋转方向的箭头”形状时，拖动鼠标，使蜜蜂的翅膀围绕“中心点”旋转角度。制作完成后“锁定”该图层，如教材P12图2.6所示。5、使用“任意变形工具”调整浅蓝色圆形，制作蜜蜂翅膀的张开效果。 “任意变形工具”不但可以调整图像的大小、角度以及中心点的位置，而且在工具面板的“选项”中还有更多变形方
15、式，如教材P12图2.7“任意变形工具”选项。美化画面效果师先做演示操作，然后学生上机操作实习。具体演示操作步骤：1、插入图层，重命名为“土地”，使用“矩形工具”绘制浅绿色土地。2、插入图层，重命名为“云彩”，使用“铅笔工具”绘制白云。注意：为了使云彩有远近的感觉，在填充颜色时，可以将“混色器”中的Alpha数值降低。制作完成后“锁定”该图层。3、插入图层，重命名为“花朵”，使用“直线工具”绘制一枝花并填充渐变色。4、复制花朵。使用“选择工具”单击“花朵”图层，此时花朵被全部选中。右击选中的花朵，在弹出的快捷菜单中选择“复制”命令后，在舞台上右击，在弹出的快捷菜单中选择“粘贴”命令，此时花朵被
16、复制。最后利用“选择工具”将复制的花朵放置在合适位置。学生上机操作实习。注意：近处的花较大，色彩较鲜艳，远处的花较小，颜色较暗。这就是“近大远小”的空间感。提示：可以采用复制、粘贴的快捷操作。使用“选择工具”拖动被选择的一枝花的同时，按住Ctrl键，待鼠标右下角出现空心的+号后，在舞台的合适位置释放鼠标即可，如教材P13图2.9所示。学生上机操作实习。三、分图层制作动画效果师先做演示操作，然后学生上机操作实习。具体演示操作步骤：1、制作静态效果分别在土地、花朵、云彩、蜜蜂图层的第2帧上右击，在弹出的快捷菜单中选择“插入帧”命令，使图像显示到第2帧，此时这此图层各自包含两帧。2、制作蜜蜂翅膀飞舞
17、的动态效果、在“翅膀内侧”图层的第2帧上右击，在弹出的快捷菜单中选择“插入关键帧”命令。、使用“任意变形工具”旋转角度，模拟蜜蜂翅膀张开的效果。制作完成后“锁定”该图层。学生上机操作实习。四、保存文件将动画源文件以“蜜蜂采蜜”为文件名保存，并测试生成swf格式的文件。【知识着陆】教材P15 1、使用“混色器”面板可以调整单色、渐变色的色彩，同时还可以调整色彩的Alpha的透明度，使画面由于透明度的不同而更加逼真。2、“任意变形工具”可以调整图像的大小、角度以及中心点的位置。3、将不同内容分成多个图层制作，则在修改某一图层时不会影响其他图层。把动态和静态图像分别在不同的图层中制作，可以让动画变得
18、更有个性。如飞舞的蝴蝶、小鸟、燃烧的火球、太阳。【视野拓展】教材P15。制作动画的注意事项 在制作Flash动画的过程中，要注意以下几点：1、分图层制作：静态和动态图像分图层制作，为制作复杂动画做好铺垫。2、图层重命名：为不同图层赋予一个恰当的名字，这样当图层数量增多时可以更快地找到需要修改的内容。3、锁定图层：图层制作完成后要锁定该图层，这样可以避免图层间的错误操作。4、随时保存文件：通常采用两种格式保存。Fla格式为Flash动画源文件格式，包含图层、库等信息，便于随时修改。Swf格式为动画播放格式，便于随时欣赏。三、课堂练习：自己独立的制作小蜜蜂的动画效果四、课堂小结：六、板书设计：第三
19、课：蜜蜂采蜜七、教学后记复 备课 题：第三课 熊熊之家 -导入图像并修改课 题熊熊之家-导入图像并修改授课时间课 型新授课课时安排一课时教学目标知识与技能：1巩固多图层逐帧动画的制作，加强绘图工具、任意变形工具的使用练习。 2学习导入图片并修改的操作方法。 3. 通过对图像进行编辑处理的操作，培养学生的创新意识与审美能力。 4初步学习文本工具的使用过程与方法：情感态度与价值观：教学重点位图的导入与修改是本课的重点，导入位图的方法很简单，只需执行“文件”“导入”“导入到舞台”命令，也可以根据学生的实际情况让学生了解“文件”“导入”“导入到库”命令，使学生对库的概念形成初步认识。教学难点修改图像的
20、操作教具学具准 备学生电脑教学方法演示与学生上机教 学 过 程一、导入新课：通过前面对逐帧动画、绘图类工具的学习，可以发现绘制图形对Flash动画效果起着非常重要的作用，本课使用手绘矢量图与导入位图相结合的动画作品，绘画好的人在一个班级中并不多，而绘画功底弱的人群却是大多数，而吸引大多数学生继续学习下去的动力单独依靠有趣的动画技术是行不通的，需要让不同的学生同样制作出生动有趣的作品，使用手绘矢量图与导入位图相结合的动画作品，绘画功底弱不会影响制作动画的最终效果。二、教学新课师演示制作完成的动画“熊熊之家”一、设置文档属性新建动画文件。（师提示，学生具体操作修改文档）修改文档“属性”的大小为“6
21、00*180”像素，如教材P16图3.2所示。二、第1帧动画的制作、导入导入背景图像师先做演示操作，然后学生上机操作实习。具体演示操作步骤：1、将“图层1”重命名为“背景”。2、执行“文件” “导入” “导入到舞台”命令，在弹出的“导入”对话框中选择要导入的“背景.jpg”文件，单击“打开”按钮，图片被导入到舞台的“背景”图层上。3、使用“选择工具”选中舞台睥背景图像，单击“变形工具”待图像出现“调节点”后，调整背景图像与舞台大小一致。然后将该图层锁定。学生上机操作。、边框制作师先做演示操作，然后学生上机操作实习。具体演示操作步骤：1、新建图层，重命名为“边框深色”。2、单击工具面板中的“矩形
22、工具”，将笔触颜色设置为“没有颜色”，填充色设置为“橘红色”，绘制一个长方形。学生上机操作、导入“小熊”图像并去除较低背景师提出：漂亮的图像可以通过导入的方法直接应用到动画中，图像导入后还可以根据需要进行编辑修改，如截取图像的局部等。师先做演示操作，然后学生上机操作实习。具体演示操作步骤：1、新建图层，重命名为“小熊”。2、执行“文件” “导入” “导入到舞台”命令，将“小熊.jpg”图片导入到舞台的小熊图层上。3、使用工具面板中“选择工具”单击小熊图像，“执行”“分离”命令，此时图像显示为沙粒状，如教材P18图3.4所示。4、选择工具面板中的“套锁工具”选中选项中的“魔术棒”，单击小熊图像的
23、蓝色背景，按下Delete键将其删除。5、使用“套锁工具”圈选画面中的白云，然后按下Delete键将其删除。如果图像中还有“小熊”以外的多余内容，也可使用“橡皮擦工具”擦除，制作完成后“锁定”该图层，如教材P18图3.5所示。具体演示操作： “套锁工具”选项中的“魔术棒”是根据色彩的相似度来选择图像的，控制相似度的方法只需要单击“魔术棒设置”按钮，在弹出的“魔术棒设置”对话框中更改“阈值”等设置即可，阈值越大选择的范围越大，反之则越小，对阈值进行设置可以控制选择图像范围的大小，如教材P18图3.6所示。、文字录入文字图层师先做演示操作，然后学生上机操作实习。具体演示操作步骤：1、新建图层，重命
24、名为“文字”。2、在第2帧中插入关键帧，选择工具面板中的“文本工具”，在舞台的适当位置单击，输入文字“熊”。3、选中该文字，在“属性”面板中更改“字体”、“文字大小”、“文本颜色”等设置，制作完成后“锁定”该图层，如教材P19图3.7所示。学生上机操作。三、制作动画效果师提出：现在我们把所有动画效果的第1帧都准备完毕。只需要插入帧与插入关键帧来调整动画所需的长度，再使用变形工具适当调整关键帧中图像的角度，就可以形成动画了。师先做演示操作，然后学生上机操作实习。具体演示操作步骤：、静态效果制作分别在“背景”、“边框浅色”图层的第15帧插入帧，使这些图层内容一直显示到第15帧，然后锁定这些图层。、
25、小熊的动态制作1、取消“小熊”图层的锁定，分别在第4、8、12帧插入关键帧为调整图像做好准备。在第15帧插入帧，使画面显示到第15帧。2、单击工具面板中的“变形工具”，分别调整第1、4、8、12帧中小熊的角度，注意调整角度时将旋转中心移动至小熊身体的下方，制作完成后“锁定”该图层，如教材P3.8所示。、文字的动态制作1、取消“文字”图层的锁定，分别在第4、6、9帧插入关键并在各帧中分别输入文字“熊”、“之”、“家”，调整“家”字的大小、颜色，使其醒目突出（字体和颜色各班不同）。2、在第2、10、11、12帧中插入关键帧，使用工具面板中的“变形工具”，分别调整第9、10、11帧中的“家”字的角度
26、，并将第1帧的“熊”字删除，制作完成后“锁定”该图层，如教材P203.9所示。四、保存文件将动画源文件以“熊熊之家”为文件名保存在自己的文件夹的作业文件夹中，并测试生成swf格式的文件。三、课堂练习：完成熊熊之家的动画四、课堂小结：1、执行“文件” “导入”“导入到舞台”命令，可以导入位图文件，使动画画面更精彩。2、需要删除背景或局部画面的图像，可以执行“修改” “分离”命令，使画面成为沙粒状，再配合“套锁工具”、“魔术棒”或“橡皮擦工具”来修整，保留画面中的有用部分，删除多余部分。3、使用工具面板中的“变形工具”，并通过移动中心点来调整图像、文字的角度，可以营造图像或文字围绕中心摇摆的效果，
27、摇椅的动画效果就可以运用此方法实现。七、教学后记复 备课 题：第四课 变相怪杰 -形状补间动画课 题形状补间动画授课时间课 型新授课课时安排一课时教学目标知识与技能： 1巩固使用绘图工具与选择工具绘制并编辑图像的方法。 2掌握将图形、文字制作出形状补间动画的方法。 3学会使用“修改”“分离”的命令分离文字呈沙粒状。过程与方法：情感态度与价值观：教学重点1.巩固帧、关键帧以及绘图类工具的操作方法。 2.针对图层的操作加强练习，并养成图层重命名、图层锁定等制作动画的良好习惯。 3.学会设置形状补间动画的方法。教学难点1.形状补间动画的制作原理以及控制。 2.添加形状提示点的形状补间动画。教具学具准
28、 备学生电脑教学方法教师讲授与学生上机练习教 学 过 程一、导入新课：通过前面所学习的逐帧动画的制作，我们已经能较为自如地控制帧的播放时间长短、并理解了关键帧的意义与使用方法，但也从中发现了一些问题，如：逐帧动画过渡过于跳跃、不自然，如何解决呢？首先请学生欣赏没有制作形状补间动画的猫和老虎的动画效果，感受跳跃画面的不自然，再欣赏具有形状补间动画的猫和老虎的改变，引出本节课的重点：制作形状补间动画二、教学新课一、设置文档属性新建动画文件，设置文档“属性”的大小为“500*400像素”，背景色为“白色”。二、制作第1帧动画师提出：将小猫的脸、嘴、鼻子、眼睛、胡子、文字等图形分别在不同的图层制作，为
29、后面的动画效果作好准备。、绘制螺旋形彩色背景师先做演示操作，然后学生上机操作实习。具体演示操作步骤：1、将“图层1”重命名为“背景”2、使用“矩形工具”绘制同舞台相同大小的方形。3、使用“直线工具”将方形分割成米字形。4、使用“选择工具”调整直线为弧线，填充色彩。制作完成后“锁定”该图层，学生上机操作制作背景。、分图层绘制小猫师先做演示操作，然后学生上机操作。具体演示操作步骤：1、新建图层，重命名为“脸”。2、使用“椭圆工具”、“直线工具”绘制脸部轮廓，并填充颜色。制作完成后“锁定”该图层，如教材P25图4.3所示。学生上机操作制作小猫的脸部轮廓【DIY】教材P25。分别插入图层，将小猫的五官
30、分图层绘制，并添加文字“猫”，如教材P25图4.4所示。三、制作形状补间动画师提出：形状渐变效果是从当前形状逐渐变为另一种形状，制作过程中的只需确定两个关键帧中不同的图形即可，逐渐渐变的过程由计算机运算完成。、脸部图形的渐变制作师先做演示操作，然后学生上机操作实习。具体演示操作步骤：1、解除图层“脸”的锁定。在该图层的第10帧和第30帧插入关键帧，第40帧插入帧。2、使用“选择工具”调整第30帧中脸部的弧线，并重新填充颜色，如教材P26图4.5所示。3、选择图层“脸”的第10帧和第30帧之间的任何一帧。4、设置帧“属性”面板中的“补间”为“形状”，此时，时间轴中第10帧和第30帧之间呈淡绿色，并出现箭头，如教材P26图4.6所示。制作完成后“锁定”该图层。学生上机操作。、嘴、鼻子、眼睛的渐变制作【DIY】教材P26。师先做演示操作，然后学生上机操
