flash 制作流动的水教案.docx

flash 制作流动的水教案.docx

《flash 制作流动的水教案.docx》由会员分享，可在线阅读，更多相关《flash 制作流动的水教案.docx（38页珍藏版）》请在冰豆网上搜索。

flash制作流动的水教案

流动的水的博客

课题

第一课，走进闪客天地

课型

新授

第1教时

教学目的

学会启动和退出flashMx窗口。

了解flashMx窗口的基本组成

重点

难点

窗口的基本组成

教学方法

讲解法，小组合作探究法

教具

无

学具

无

教学步骤

教师活动

学生活动

导入激趣

启动flashMx

教师出示几副flash作品，让学生观看，引起学习的兴趣。

教师讲解：

flash是美国的macromedia公司推出的一款软件，它可以帮助我们制作精彩的动画，好玩的游戏，有声有色的mtv以及精美的贺卡等等。

flashMxzhong的Mx是它的版本号，功能强大，用flash制作的动画，生成的文件很小。

非常适合在网络上传输。

让学生说一说自己喜欢的动画片。

讨论，动画片是怎样制作的。

让学生根据以前学习的启动程序的方法，启动flashMx

练一练：

你还可以用什么方法启动flashMx

认识flashMx窗口。

学生练习。

让学生比较一下，flashMx窗口与我们学习的word窗口以及画图窗口有什么相同和不同的地方。

时间轴：

时间轴记录了全部的动画信息，包括动画的时间的控制、角色出场的顺序及其对应配合等，是控制动画流程的最重要的手段。

属性面板：

在制作动画的过程中，当你选中任意一个对象后，在属性面板中就会出现该对象的所有属性，便于你对对象进行编辑。

面板区：

面板区包括混色器，颜色样本、组件、解答等常用的面板。

这些面板都是浮动面板，按住起标题栏可以任意拖动他们的位置，单击起标题栏的关闭按纽可以关闭它。

如果要再次显示它们，可以到窗口菜单中执行相应的命令。

正确关闭flashMx窗口，退出其程序。

学生讨论，重点了解不相同的地方。

学生根据教师的讲解进行相应的操作，重点查看属性面板和面板区各种组件的作用。

讨论：

使用键盘上的tab键，可以隐藏或显示所有的面板。

让学生试一试。

学生填一填，认识窗口的组成。

练一练。

板  书  设  计

第一课，走进闪客天地。

flashMx程序的启动

flashMx窗口的认识

flashMx退出

教后记

   由于是一个全新的程序，自己对这部分知识也不太了解，在教学中和学生共同提高。

让学生相互交流。

课  时  授  课  计  划

课题

第二课，故乡的小屋

课型

新授

第1教时

教学目的

学会用flashMx中的新建和保存文件。

认识flashMx中的绘图工具箱。

熟悉flashMx绘图工具箱中的箭头工具和矩形工具。

练习flashMx绘图工具绘制图形。

重点

难点

工具的使用。

教学方法

自我探究，任务启动。

教具

无

学具

无

教学步骤

教师活动

学生活动

导入新课

认识flashMx工具箱

绘制小屋。

让学生自己启动flashMx程序。

指导学生认识工具箱中工具的名字。

教师讲解步骤。

1、新建文档

启动flashMx后，会自动新建一个空白文档，在“属性”面板上会显示该文档的属性。

指导学生讨论和交流经验。

学生观察：

flashMx工具箱与“画图”工具箱有什么相同和不同的地方。

练一练：

写出工具的名称。

（8页）

经验交流：

与小组的同学交流一下，从“属性”面板上你们能看出那些信息吗？

想一想：

你还知道那些方法可以创建新的文挡？

2、修改文挡的属性。

2、填充颜色

组合命令的使用。

文件的保存

教师讲解：

步骤1：

单击“属性”面板上的“大小”按纽。

步骤2：

弹出“文挡属性”对话框，设置好文挡尺寸，单击确定按纽。

步骤3；开始绘画。

步骤1：

单击工具箱中的矩形按纽，在工具箱的颜色面板中将矩形的边框色和填充色都设置为浅绿色。

步骤2：

在编辑区底部拖动鼠标画一个矩形，画出的矩形即会填充上已设置好的浅绿色边框和填充色。

草地的绘制就完成了。

步骤3：

保持工具的选中工具，重新设置矩形的边框为黑色，填充色为橘黄色。

在草地上方拖动鼠标画出橘黄色的小方框。

步骤4：

保持黑色的边框不变，设置填充色为深褐色，再在墙的上方拖出一个矩形，作为小屋的房顶。

把画好的图画保存。

教师小结

让学生讨论学到了那些东西。

学生练一练

请仿照课本绘制一个小屋。

学生按照教师的讲解进行操作。

注意：

不要将两个矩形画重叠了。

步骤5：

选中工具箱中的箭头工具，移动光标指向矩形的右上角，光标会有一个变化。

调整房顶的形状。

步骤6：

选中箭头工具，双击选中房顶，拖动它到合适的位置。

学生自己画门和窗。

自己学习保存和组合。

相互交流经验。

板  书  设  计

第二课，故乡的小屋

认识flashMx工具。

工具的使用

图画的组合和保存。

教后记

   本节的任务很重，要给学生更多的练习时间只能在下一节。

课  时  授  课  计 划

课题

第三课，装扮故乡的小屋

课型

新授

第1教时

教学目的

学习flash中几个常用的绘图工具：

线条工具、椭圆工具

铅笔工具、颜料桶工具、放大镜工具

练习自己绘制图画。

重点

难点

铅笔工具的使用和颜料桶的使用

教学方法

探究法，任务驱动法

教具

无

学具

无

教学步骤

教师活动

学生活动

导入

学习：

装扮故乡的小屋

椭圆工具的使用和“混色器”

做一做：

按照课本上的步骤一步一步地将家乡的小屋打扮一番。

教师讲解操作步骤

步骤1：

启动flashmx，单击新建按纽，在打开的对话框中找到上节课保存的文件“乡村的小屋.fsa”把它打开。

步骤2、在工具箱中选择椭圆工具，设置边框为无色，填充色为黑色。

步骤3：

拖动鼠标在烟筒上方画一个扁扁的椭圆。

步骤4：

选择窗口菜单中的“混色器”命令，打开“混色器”面板，将Alpha值调为64%。

步骤5：

拖动鼠标再画一个椭圆。

看，椭圆颜色变浅了。

学生练习使用椭圆工具和“混色器”画出颜色不同的图画。

修改，组合命令的使用。

铅笔工具的使用

颜料桶的使用。

步骤6：

现在我们来画小树。

选中椭圆工具，设置好颜色后，在小屋的右边画一个椭圆。

再选择椭圆工具画树干。

步骤7：

拖动鼠标框选小树。

执行“修改”菜单中的“组合”命令，再复制出一棵小树。

步骤8：

画太阳

步骤9：

画白云。

铅笔工具的样式。

在工具箱中的最下方的“选项”栏中，单击弧线按纽，选择铅笔模式为“墨水”

步骤10、选定一朵白云，选择工具栏的“缩放”按纽，调整白云的大小。

步骤11、将画好的白云执行“修改”菜单中的“组合”命令。

学生练习，教师巡视指导。

指导学生交流学习经验。

学生自己练习画太阳和白云。

复制一朵白云。

学生练习。

在flash中选用合适的工具画出下面的图画，以“大海.fla”保存。

学生交流学习经验，评一评。

板  书  设  计

第三课，装扮故乡的小屋

椭圆工具的使用

混色器的使用

铅笔工具、颜料桶工具的使用

图画的缩放和组合。

教后记

   混色器的使用和图画的缩放还存在一定的操作难度，应加强练习。

课  时  授  课  计  划

课题

第四课，文字的录入与修饰

课型

新授

第1教时

教学目的

学习使用文字工具在flashMx中输入文字

学习使用墨水瓶工具、放大镜工具编辑文字。

学会使用“分离”命令将文字打散。

重点

难点

墨水瓶工具的使用，文字的分离。

教学方法

无

教具

无

学具

教学步骤

教师活动

学生活动

认识文本工具

输入文字

教师导入新课后，指导学生认识文本工具。

教师讲解：

单击工具箱中的文本工具，flashMx窗口下方会出现文字属性面板，在这里可以设置文字的字体、大小和颜色等属性。

教师讲解操作步骤

步骤１：

打开文件“乡村小屋”选择文本工具，在舞台的适当位置单击鼠标，出现一个文字框。

步骤２：

启动输入法，输入文字“故乡”

（注意）在输入文字的时候，按回车键可以换行。

美化文字（打散文字）

步骤１：

用箭头工具选定文字。

做一做：

在flash文件“乡村小屋中”输入文字“故乡”。

学生练习深入文字。

学生根据教师的讲解进行操作。

美化文字

为文字描边。

步骤２：

执行“修改”菜单中的“分离”命令，连续执行两次，文字就打散后

注意：

要对文字进行美化、修饰和各种动画处理，必须先将文字打散，使之变成图形。

步骤１：

单击工具箱中的墨水瓶工具flash窗口下方的属性面板变成可以选择颜色和字号的面板。

步骤２：

设置好“墨水瓶”的属性后，光标变成一个形状，将光标靠近文字的边缘，依次单击，为“故乡”两个字描边。

步骤３：

将美化后的flash作品保存起来。

学生练习把文字打散。

练习为文字描边。

练一练：

打开上节课完成的Flash作品“大海.fla”，输入下面的文字并对文字进行美化。

评一评：

在FlashMX中输入和美化文字的方法你学会了吗？

板  书  设  计

第四课，文字的录入与修饰

输入文字，认识文本工具

美化文字，文字的打散

为文字描边

教后记

   要把学习的重点放在文字的美化和描边上。

课  时  授  课  计  划

课题

第五课，秘密通道

课型

新授

第1教时

教学目的

学习在flashmx中导入图片

学习在flashmx中编辑图片

重点

难点

flashmx图片的编辑

教学方法

任务驱动法

教具

无

学具

无

教学步骤

教师活动

学生活动

神秘的通道

做一做：

在“乡村小屋”中导入一副小鸟的图片。

图片的编辑

学生提出问题：

在flashmx中画画觉得不容易，可以怎么办？

教师讲解操作步骤：

步骤1：

打开文件“乡村小屋.flash”单击“文件”菜单中的“导入”命令

步骤2：

弹出“导入”对话框，

教师提问：

导入的图片大小、位置不合适，还带有背景色，怎样才能让它更漂亮呢？

让我们来学习吧。

步骤1：

选择工具箱中的自由转换工具，单击小鸟，小鸟周围出现尺寸控点。

学生讨论可以怎么办？

根据自己的知识进行回答。

学生根据教师的讲解进行操作，小组交流学习经验。

继续学习图片的编辑

学习“分离”

学习“魔术棒”的使用

组织练一练、评一评。

步骤2：

用鼠标拖动一个尺寸控点到适合的位置，然后释放鼠标，小鸟变小了。

步骤3：

将光标移到选定框的边缘，光标变成一个形状，此时拖动鼠标就可改变图片的位置。

步骤4：

现在我们要去除小鸟后面的背景色。

选中图片，执行“修改”命令菜单中的“分离”命令，将图片打散。

步骤5：

选择工具箱中的套索工具，然后选取工具箱下方“选项”栏中的“魔术棒”。

步骤6：

用魔术棒点击小鸟后的兰色背景，将兰色背景选中，按一下键盘上的delete键，背景就被删除了。

保存你做的修改。

学生说一说，这步操作与以前学习的有什么关系？

讨论：

为什么要将图片打散？

（联系前面学到的文字的打散）

还有什么方法可以使图片“分离：

？

学生练习：

将一副小鸟的图片导入“大海.fla”中。

评一评：

导入图片除了可以节省你制作动画的时间，还能丰富你的作品。

讨论：

你这节课都学到了那些知识，你对那些知识最感兴趣。

板  书  设  计

第五课，秘密通道

导入图片

图片的编辑

打散—分离—魔术棒—套索

背景的删除

教后记

   魔术棒和套索的使用要重点讲解，否则学生难以掌握。

图片应先保存在一定的位置。

课  时  授  课  计  划

课题

第六课，揭开动画的面纱

课型

新授

第1教时

教学目的

了解动画的3种基本类型：

移动动画、变形动画、逐帧动画。

认识时间轴，了解什么是帧，什么是关键帧。

重点

难点

关键帧和帧的概念。

教学方法

研究法，小组合作法

教具

无

学具

无

教学步骤

教师活动

学生活动

导入新课

flash动画的3种基本类型

Flash是动画，怎么样才能是我们画出的画动起来呢？

教师讲解：

flash动画主要分三种类型：

移动动画、变形动画、逐帧动画。

1、移动动画

舞台上的对象不断地移动形成的动画就是移动动画，像汽车前进、太阳升起等。

2、变形动画

也即使形状改变的动画。

把一个圆形变成方形，文字变成图形等都是变形动画。

学生交流自己熟悉的动画，提高学习的兴趣。

学生跟着老师学习移动动画、变形动画，逐帧动画的概念。

帧的概念的认识。

关键帧的概和应用。

填一填

3、逐帧动画

跟制作动画片和电影一样，一副一副地画，然后按照顺序连续播放形成的动画就是逐帧动画。

帧的概念：

传统动画的制作需要把每一个关键动作一副一副地画出来，然后把画出的每一副画有顺序地排列起来连续播放，就形成了动画。

每一副画就称作一帧。

逐帧动画跟传统动画很相似，它也包括许多许多的帧，这些帧也是有顺序的排列着，他们都被放在flashmx的时间轴上。

教师讲解插入“关键帧”

在时间轴的小方格内单击鼠标右键，在弹出的快捷菜单中，选择“插入关键帧”，这样就插入了一个关键帧

1、flashmx动画的三种基本类型是什么？

教师讲评，组织学生练习。

让学生对照时间轴，观察帧，看帧是什么样子？

自己在每一帧上所对应的“舞台”上添加图形、文字、声音等，就可以完成flash动画了。

学生学习插入关键帧。

让学生观察，舞台上有关键帧的内容是什么样子。

没有内容的关键帧是什么样子？

练一练

在时间轴上插入一个关键帧。

在它对应的“舞台”上添上自己喜欢的内容。

板  书  设  计

第六课，揭开动画的面纱

flash动画的三种基本类型

帧与关键帧的认识

插入关键帧

教后记

   在认识帧的基础上，重点认识关键帧有什么作用。

课  时  授  课  计  划

课题

第七课，做一个简单的动画

课型

新授

第1教时

教学目的

认识flash元件，学习制作元件。

学会制作小球移动的动画。

学会测试和预览动画。

重点

难点

制作元件。

教学方法

任务驱动法

教具

无

学具

无

教学步骤

教师活动

学生活动

导入新课

创建文件。

制作元件

今天，我们一起来学习制作小球移动的动画，让小球动起来。

做一做：

创建一个文件，要求大小为500×200像素。

启动flashmx，在文档属性面板中设置大小为500×200像素。

做一做：

制作元件。

制作小球移动的动画，首先要绘制小球。

步骤1：

选择工具箱中的椭圆工具。

设置边框色为无，填充色为绿色的球状渐变。

步骤2：

按住shift键，在“舞台”左侧拖动鼠标，画出一个有立体感的圆球。

步骤3：

选取工具箱中的箭头工具，从小球左上角向右下角拖动鼠标框选小球。

步骤4：

单击“插入”菜单中的“转化为元件”命令，弹出对话框。

步骤5：

在名称框中输入“小球”，在行为

插入关键帧

创建动画

调试作品

栏中，选择“图象”单击确定。

步骤6：

此时，元件对象的周围出现一个蓝色方框，中心还有一个带+的小圆。

步骤7：

在“图层1”的第20个小方格中单击鼠标右键，在弹出的快捷菜单中选择“插入关键帧”命令。

步骤8：

看一看现在的时间轴有什么变化。

步骤9：

选中小球后把它拖到“舞台”的右侧，注意当前帧。

步骤10：

在第一个关键帧上单击右键，在弹出的快捷菜单中选择“创建动画动作”命令。

步骤11：

看，在第一帧和最后一帧之间出现了一根带箭头的直线，说明动画创建成功了。

步骤12：

按ctrl+enter组合键，预览动画作品，然后保存你的作品。

教师小结：

1：

制作移动动画的步骤是：

建立元件—插入关键帧——生成动画。

2：

在移动动画的过程中，前后两个关键帧之间移动的元件必须是同一个元件。

练一练：

制作一个小球上小运动的动画。

评一评：

你的第一个动画做成功了吗？

板  书  设  计

第七课，做一个简单的动画

创建文件

制作元件

插入关键帧

生成动画。

教后记

   上下移动的小球，注意学生引到和讨论，研究。

课  时  授  课  计  划

课题

第八课，太阳出来了

课型

新授

第1教时

教学目的

认识flashMx中的图层，学会创建图层。

学习通过增加帧调整动画的播放速度

重点

难点

学会创建图层

教学方法

任务驱动法，小组合作探究法

教具

无

学具

无

教学步骤

教师活动

学生活动

导入；

认识图层

1、填加图层

太阳出来了。

教师讲解：

flashmx中的图层就好象公路上的车道一样，你可以让不同图层中的不同对象完成各自的动作而互相之间不影响。

比如，你可以让太阳在图层1中升起来，白云在图层3中慢慢地飘着，而小屋和树木在图层2中静静地不动。

单击图层面板上的“插入图层”按纽，就可以增加一个新图层。

2、给图层起名。

分别双击“图层1”“图层2”输入文字，就可以改变图层的名称。

做一做：

了解图层的概念，做太阳升起来的动画。

步骤1：

打开“乡村小屋.fla”，选取工具箱中的箭头工具，从太阳的左上角

学生学习认识图层和增加图层。

让学生讨论：

给图层起名字的时候，为什么选择和该层内容相符的名字。

（为了一目了然，编辑起来比较方便）

学生练习，调整动画速度

评一评

拖拉，选中太阳，按ctrl+x组合键将太阳剪切掉。

步骤2：

在背景图层上新建一个图层，重命名为“太阳”，选中太阳图层的第一帧。

步骤3：

选择“编辑菜单中的“粘贴到当前位置”命令。

步骤4：

现在，在“太阳”图层里就只有太阳一个对象。

步骤5：

保持太阳的选定状态，执行“插入”菜单中的“转换为元件”命令，把太阳转换成元件。

步骤6：

按住太阳拖动，将它拖出“舞台”，表示在第一帧开始时，太阳还没有升起来。

步骤7：

在“太阳”图层的第30帧插入一个关键帧。

步骤8：

在第30帧把“太阳”拖进“舞台”，调整太阳在“舞台”中的位置。

步骤9：

在“太阳”图层的第一帧上单击右键，在弹出的快捷菜单中选择“创建动画动作“命令，在第一帧到第３０帧之间出现一条带箭头的直线，动画创建成功了。

教师组织学生评议，练习

讨论：

还可以运用什么工具来进行剪切（单击工具栏上的剪切按纽进行）

调整动画速度

步骤１：

选择工具箱中的箭头工具，单击“太阳”图层中的第３０帧，将它选中。

步骤2：

按住鼠标左键将此关键帧拖动到第60帧，松开鼠标。

步骤3：

“太阳”图层变成另外一种样子。

步骤4：

用同样的方法增加“背景”图层。

步骤5：

测试作品。

讨论：

如何增加帧

练习：

打开你以前保存的“大海.fla”，将它改变为一只小鸟从海这边飞到海那边的动画。

板书设  计

第八课，太阳出来了

认识图层、增加图层、给图层起名

增加关键帧

调整动画速度

教后记

   加强对学生增加关键帧的指导和练习

课  时  授  课  计  划

课题

第九课，多边的云

课型

新授

第1教时

教学目的

学会在帧属性面板中设置变形动画

掌握将对象先打散再变形的方法

能运用快捷键crl+shift+v进行原位粘贴

重点

难点

设置变形动画

教学方法

任务驱动法

教具

无

学具

无

教学步骤

教师活动

学生活动

导入

学习飘动的云

教师讲解步骤

步骤1：

打开上节课制作的动画“乡村小屋.fla”，新建一个图层，命名为“白云”

步骤2：

切换到“背景”图层，用选定工具选中一朵白云，单击右键，在弹出的快捷菜单中选择“剪切”命令

步骤3：

切换到“白云”图层，将剪切的白云用上节课学的方法“粘贴大当前的位置”

步骤4：

在“白云”图层的第40帧插入一个关键帧，把这朵白云移到新位置。

步骤5：

用变形工具，将白云变小。

步骤6：

选定“白云”图层的第一帧，单击属性面板上的“中间”下拉列表，

学生自己猜想心目中的动画效果，然后，去自己动手创作动画。

学一学

填一填：

变动动画设置好后，在土层的第一帧到第40帧之间以     色显示。

想一想：

如果窗口中没有显示属性面板该怎么办？

变“云”成字。

讨论并练一练

在其中选择“形状”，变形动画就建立起来了。

步骤7：

按一下组合键，欣赏一下白云是怎样变小的吧。

做一做：

一朵白云真的可以变成一个“云”字吗？

让我们一起试一试。

步骤1：

在“白云”图层的第60帧插入一个关键帧。

步骤2：

删掉一朵白云，用文字工具输入“云”字，并调整文字的字体及颜色。

步骤3：

按照前面讲解的方法创建变形动画。

步骤4：

选中“白云”，使用快捷键将其打散。

测试动画。

学生练习，教师巡视指导。

教师组织学生讨论本节的收获。

练一练：

使用变形动画让“背景”土层中的另一朵白云也动起来，要求一边运动一边变大，并且产生一定的旋转。

让学生观察：

“白云”图层上会出现什么现象？

（一定要将创建动画的对象打散）

练一练：

1、创建变形动画的方法你学会了吗？

请你利用变形动画把另一朵白云变成“的”字。

2、为了下一课教学的需要，请同学明年将“乡村小屋”个图层的最后一个关键帧拖到第80帧的位置。

板  书  设  计

第九课，多变的云

飘动的云

变云为字