洪水镇长堰小学六年级信息技术下册教案.doc

长堰小学六年级第二学期信息技术教案渗透法制教育教案设计扉页渗透节次序号科目课题渗透内容撰写在第几页2信息熟悉FLASH8.0的工作环境渗透知识产权保护法5认识Flash动画教学设计执教：汤政道教学目标认识Flash,了解它的应用领域以及使用界面；掌握Flash的基础知识重点难点教学重点：了解Flash8.0的使用界面并掌握有关它的基础知识教学难点：矢量图形与位图图像的区别。教学准备授课时数 一课时教 学 过 程1、新课引入Flash是Macromedia公司推出的一种非常优秀的矢量动画制作软件，它不仅动画制作功能强大，另外还支持声音控制和丰富的交互功能。由于它制作出的动画文件大小远远小于其它软件制作的动画文件的大小，并且采用了网络流式播放技术，这样使得在较慢的网络上也能快速地播放。本课开始，我们来学习制作简单的Flash。2、讲授新课（1）教师提问：我们都听过Flash这个名称，那么究竟什么是Flash呢，同学们怎么认识？（2）学生活动：讨论并回答教师的问题，各抒己见。（3）教师讲解：什么是Flash。Flash是一种优秀的矢量动画制作软件，利用该软件制作的动画，文件大小比位图动画（如GIF动画片）要小很多，而且采用了网络流式媒体播放技术，可以在网络上快速地播放。另外，Flash还具备了强大的交互功能，可以制作出复杂的动画效果，如多媒体教学软件、游戏等。（4）教师讲解：举例说明Flash作品的四大应用领域。网页设计、多媒体教学、游戏、影视动画。要求学生知道网页制作三剑客的概念（Flash矢量动画制作软件、Dreamweaver网页制作软件、Firework网页图像处理软件的并称）。（5）Flash制作的动画，主要有矢量图形组成，但也可以导入 位图图像。正确理解这两种不同格式图像之间的差异，能够更有效地设计、创建动画。（6）教师讲解：矢量图形和位图图像的区别。1矢量图形是用直线或曲线来描绘图像的，它还包括颜色和位置的属性。当编辑矢量图形时，实际上是修改描述图形形状的直线和曲线的属性。对矢量图形的各种修改都不会影响矢量图形的画质。矢量图形和分辨率无关，即图形在不同分辨率的显示器上显示，画质都不会有任何损失。常用的矢量图形文件格式有AI、EPS、WMF等。2位图图像又称为点阵图形，它是用带颜色的小点（称之为“像素”）来描绘图像的，当编辑位图图像时，修改的是像素，并且会影响其画质。位图图像和分辨率有关，当放大位图时，会使图像边缘产生锯齿，影响图像的画质；而缩小位图时，同样会导致图像画质的降低。常用的畏途图像的文件格式有BMP、JPG、GIF、PNG等。（7）教师讲解：Flash的工作流程，首先是绘制或导入 图形图像，然后将其放置在场景中。最后是在时间轴中产生动画。（8）教师讲解演示：与实例结合讲解如何播放用Flash做好的动画，让学生在乐中学。3、课后小结本课是Flash的入门知识篇，有些概念非常的重要，而且还要为今后学生的进一步学习打下良好的开端，所以课堂上与动画作品的欣赏结合在一起，边讲解边欣赏，让学生在乐中学。熟悉FLASH8.0的工作环境教学设计执教：汤政道教学目标、学会启动和关闭FLASH8.0，了解的各个窗口的组成与作用。、了解FLASH8.0的工作环境，了解lash8.0的“面板”的概念与作用。3、渗透知识产权保护法重点难点教学重点：了解FLASH8.0的各个窗口的组成与作用。教学难点：了解lash8.0的“面板”的概念与作用。教学准备课件授课时数 第一课时教 学 过 程一、FLASH8.0的启动，导入新课： 、了解FLASH8.0的第一步必须学习如何启动FLASH8.0，使用鼠标双击桌面FLASH8.0的图标，稍稍等一会就可以启动FLASH8.0了。、认识FLASH8.0工作界面启动后会出现漂亮的欢迎屏幕界面，我们单击“FLASH8.0文档”就可以创建一个新的FLASH8.0文档了,FLASH8.0的操作内容主要针对一个文档,因此打开或新建了一个FLASH8.0文档,也就进入了FLASH8.0的工作界面。FLASH8.0的工作窗口由“标题栏”、“菜单栏”、“文档选项卡”、“编辑栏”、“时间轴”、“工作区”、“舞台”、“工具箱”以及各种面板组成。如图：二、重点介绍工作区。FLASH8.0界面的中间主体部分就是工作区了，在FLASH8.0的工作界面中，用于放置动画内容的整个区域称为工作区，它是对影片中各对象进行编辑、修改的场所。舞台时间轴、舞台工作区中间的白色矩形就是舞台，舞台是播放FLASH8.0时显示其内容的矩形区域，舞台之外的灰色区域中的对象不会在动画中显示的。也就是说只有舞台中的内容才能在动画播放的过程中显示。、时间轴屏幕中间上方区域是时间轴，是对动画内容进行组织与控制的工具。时间轴是Flash8.0的一大特点，在以往的动画制作中，通常是要绘制作出每一帧的图像，或是通过程序来制作，而Flash8.0使用关键帧技术，通过对时间轴上的关键帧的制作，Flash8.0会自动生成运动中的动画帧，节省了制作人员的大部份的时间，也提高了效率。、工具箱我们制作动画，首先要把图画画出来，然后才能让他们动起来，屏幕左边区域的工具箱就为我们提供了大量的画图工具。我们需要工具箱中的哪个工具，只需要把鼠标的指针指向那个工具单击就可以了。我们试一下“椭圆工具”，椭圆工具的颜色有两种颜色，一种是笔触颜色，就是边框的颜色；一种是填充色，就是边框内部的填充色，我们可以根据需要选择这两种颜色，如果我们还需要更改其他有关椭圆工具的属性，我们可以展开屏幕下方区域中的属性面板，大家注意，这时属性面板的名称是椭圆工具，这说明我们现在是在编辑椭圆工具的属性，我们在属性面板中也能修改笔触颜色和填充色，还有笔触高度，就是边框的宽度，还笔触的样式，我们可以根据自己的需要修改，其他部分我们使用默认值就可以了。工具箱中其他的工具我们会在以后的教程中讲解。三、面板及其基本操作屏幕中间下方区域分别是动作面板、帮助面板和属性面板，我们可以通过单击“小箭头”展开面板，再次单击“小箭头”就可以折叠起来了。屏幕的右边的区域被称为面板组，里面有很多控制面板；我们同样也可以通过单击“小箭头”展开和折叠面板；有人会问，为什么都是同样都是面板，有些放在工作区下面，有些却放在面板组里面？其实是您可以根据您的需要移动面板位置的，把鼠标移动到面板“小箭头”的前面，您会发现光标变成了十字标，这时您就可以按下鼠标左键拖动鼠标，面板的位置就会随着您的拖动而改变位置。大家看，我可以拖动任何一个面板将它移动。同样，也可以根据您的需要隐藏和显示任何一个面板。首先怎样隐藏面板呢？把光标移动到你要隐藏的面板名称上面点击鼠标右键，弹出快捷菜单，再用鼠标左键单击“关闭面板”面板就能隐藏起来了，如果需要显示已经隐藏的面板，可以点击“窗口”菜单，在菜单中选择您需要的面板，被隐藏的面板就会出现了。大家也已试试。很多初学者在练习面板操作的过程中，把面板摆放的位置弄得很乱，而且找不到你隐藏的面板，可以用单击“窗口”菜单中的“面板设置”子菜单中的默认布局选项就可以回到刚才启动flash8.0时的主界面了。四、FLASH8.0的关闭当需要退出时，点击窗口标题上的关闭按钮即可退出FLASH8.0了，注意关闭前记得要将所做的工作保存，以免自己辛勤劳动的成果化为乌有。五、渗透知识产权保护法1、同学们，你们知道这课的内容与我们国家的什么法律有关吗？2、谁来说说具体的内容？3、你们打算如何来遵守这个法律？六、小结我们这节课介绍了一下flash8.0的工作环境，下节课我们就一起来试试怎么样使用flash8.0中工具画画。使用lash8.0的绘图工具来画画教学设计执教：汤政道教学目标1熟练掌握各种绘图工具的功能与使用方法。2了解“库”与“元件”的作用与关系。重点难点教学重点：熟练掌握各种绘图工具的功能与使用方法。教学难点：熟练掌握各种绘图工具的功能与使用方法。教学准备课件授课时数 一课时教 学 过 程第一课时一、教师导入：在动画的制作过程中需使用各种素材，其中有很大一部分麦杆是需要自己绘制的。因此，在学习动画之前，先要学会如何使用Flash的绘图工具来画画。二、教学。（一）、Flash绘图的特点矢量图形是由一个个单独的点构成的，每一个点都有其各自的属性，如位置、颜色等。因此，矢量图与分辨率无关，对矢量图进行缩放时，图形对象仍保持原有的清晰度和光滑度，不会发生任何偏差，如图3-1所示是放大了16倍的矢量图效果。图3-1 矢量图放大到16倍时依然清晰位图图像是由象素点构成的，象素点的多少将决定位图图像的显示质量和文件大小，位图图像的分辨率越高，其显示越清晰，文件所占的空间也就越大。因此，位图图像的清晰度与分辨率有关。对位图图像进行放大时，放大的只是象素点，位图图像的四周会出现锯齿状。如图3-2所示是放大了16倍的位图效果。图3-2 位图放大16倍时模糊不清在Flash动画制作过程中，会大量的运用到矢量图形。虽然有一系列的功能强大的专门矢量图制作软件，如Corel公司的CorelDRAW 软件、Macromedia公司的FreeHand软件和 Adobe公司的 Illustrator软件等，而运用Flash自身的矢量绘图功能将会更方便，更快捷。在这一章里，我们将通过FLASH基本绘图工具的学习，绘制出一些简单的矢量图。另外，Flash也具备一定的位图处理能力，虽然比不上专业的位图处理软件，但是对于制作动画过程中需要对位图的一些简单除了，它还是能够胜任的。（二）、基本绘图工具Flash 提供了各种工具来绘制自由形状或准确的线条、形状和路径，并可用来对填充对象涂色，如图所示是Flash工具箱。 图 绘图工具面板我们将分两节课来学习这些工具的使用方法。在本节里，我们学习线条工具、滴管工具、墨水瓶工具、箭头工具、刷子工具、任意变形工具、颜料桶等工具的基本用法。1绘制和处理线条 【线条工具】是Flash中最简单的工具。现在我们就来画一条直线。鼠标单击【线条工具】，移动鼠标指针到舞台上，在你希望直线开始的地方按住鼠标拖动，到结束点松开鼠标，一条直线就画好了。【线条工具】能画出许多风格各异的线条来。打开【属性】面板，在其中，我们可以定义直线的颜色、粗细和样式，如图34所示。图3-4 直线【属性】面板在图34所示的【属性】面板中，单击其中的【笔触颜色】按钮，会出现一个调色板对话框，同时光标变成滴管状。用滴管直接拾取颜色或者在文本框里直接输入颜色的16进制数值。颜色以#开头，如#99FF33，如图35所示。图35 笔触调色板现在来画出各种不同的直线。单击【属性】面板中的【自定义】按钮，会弹出一个【笔触样式】对话框，如图36所示。图36 【笔触样式】对话框 为了方便观察，我们把粗细定为3象素（pts），选择不同的线型和颜色，来看看我们画出的线条，如图37所示。图37 不同类型的线条试一试改变它的各项参数，会对你的绘图有很大帮助。【滴管工具】和【墨水瓶工具】可以很快地将一条直线的颜色样式套用到别的线条上。用【滴管工具】单击上面的直线，看看【属性】面板，它显示的就是该直线的属性，而且工具也自动变成了【墨水瓶工具】，如图8所示。 图38 使用【滴管工具】选取线条属性使用【墨水瓶工具】单击其它线条，看看什么结果：所有线条的属性都变成了和滴管工具选中的直线一样了。如果你需要更改这条直线的方向和长短，Flash也为我们提供了一个很便捷的工具：【箭头工具】。【箭头工具】的作用是选择对象、移动对象、改变线条或对象轮廓的形状。单击选择【箭头工具】，然后移动鼠标指针到直线的端点处，指针右下角变成直角状，这时拖动鼠标可以改变直线的方向和长短，如图39所示。 图39 鼠标移到端点处如果鼠标指针移动到线条中任意处，指针右下角会变成弧线状，拖动鼠标，可以将直线变成曲线。这是一个很有用处的功能，在我们鼠标绘图还不能随心所欲时，它可以帮助我们画出所需要的曲线，如图310所示。 图310 鼠标移到线条中间三实例演练画一片树叶现在我们就来实践一下，练习画一片树叶。打开FALSH软件，系统会自动建立一个FLASH文档，在这里我们不改变文档的属性，直接使用其默认值。（1）新建图形元件执行【插入】|【新建元件】命令，或者按快捷键CTRL+F8，弹出创建新元件对话框，在【名称】文本对话框中输入元件名称“树叶”，【行为】选择“图形”，单击【确定】按钮，如图312所示。图312 创建图形元件这时工作区变为“树枝”元件的编辑状态，如图313所示。图313 “树叶”图形元件编辑场景说明：图形元件是Flash的基本元素，有关它的详细内容请参阅第4章的有关内容。（2）绘制树叶图形在“树叶”图形元件编辑场景中，首先用【线条工具】画一条直线，【笔触颜色】设置为深绿色，如图2-1-11所示。图314 画直线然后用【箭头工具】将它拉成曲线，如图315所示。图315 拉成曲线再用【线条工具】绘制一个直线，用这条直线连接曲线的两端点，如图316所示。图316 连接两端用【箭头工具】将这条直线也拉成曲线，如图317所示。图317 拉成曲线一片树叶的基本形状已经出来了，现在我们画叶脉，在两端点间画直线，然后拉成曲线，如图318所示。 图318再画旁边的细小叶脉，可以全用直线，也可以略加弯曲，这样，一片简单的树叶就画好了，如图319所示。图319 完成效果图（3）编辑和修改树叶如果在画树叶的时候出现错误，比如说，画出的叶脉不是你所希望的样子，你可以执行【编辑】|【撤销】命令撤销前面一步的操作，也可以选择下面更简单的方法：用【箭头工具】单击你想要删除的直线，这条直线变成网点状，说明它已经被选取，你可以对它进行各种修改，如图320所示。图320 被选取状态要移动它，就按住鼠标拖动，要删除它，就直接按DEL键。按住SHIFT键连续单击线条，可以同时选取多个对象。如果要选取全部的线条，是否得按住SHIFT键挨个点击呢？不需要，我们用黑色箭头工具拉出一个选取框来，就可以将其全部选中了，如图321所示。图321 框选对象说明：在一条直线上双击，也可以将和这条直线相连并且颜色、粗细、样式相同的整个线条范围全部选取。 （4）给树叶上色接下来我们要给这片树叶填上颜色。在工具箱中看到这个【颜色】选项了吗？如图322所示。图322 【颜色】选项单击【填充颜色】按钮，会出现一个调色板，同时光标变成吸管状，如图323所示。图323 调色板说明：你除了可以选择调色板中的颜色外，还可以点选屏幕上任何地方吸取你所需要的颜色。 如果你觉得调色板的颜色太少不够选，单击一下调色板右上角的【颜色选择器】按钮，会弹出一个【颜色】对话框，其中有更多的颜色选项，在这里，你能把选到的颜色添加到自定义颜色中，如图324所示。图324 【颜色】对话框在【自定义颜色】选项下单击一个自定义色块，该色块会被虚线包围，在【颜色】对话框右边的【调色板】中单击你喜欢的颜色，上下拖动右边颜色条上的箭头，移到你需要的深浅度上，单击【添加到自定义颜色】按钮，这个色块就被你收藏起来了。下一次要使用时，打开这个【颜色】面板，在自定义色中可以方便的选取你中意的颜色。好了，现在我们在调色板里选取绿色，单击工具箱里【颜料桶工具】，在画好的叶子上单击一下，看看什么效果，如图325所示。图325填充颜色只有一小块颜色？原来，这个颜料桶只能在一个封闭的空间里填色。取消刚刚的填色，现在我们用【橡皮工具】将线条擦出一个缺口，再看效果，如图所示。图填充色在封闭空间内你看，残缺线条的两边都填上了颜色。好，我们还是一块一块的填上颜色吧。但是在填充颜色前，你一定要将树叶图形恢复到使用【橡皮工具】擦除操作前的模样哦。这时，你可能会想，如果我们刚才先填充颜色再画叶脉就省事多了。是的，你想得一点没错！没关系，随着操作的增加，我们的经验会越来越丰富的。最后填充完的效果如图2-1-25所示。图326 颜色填充后效果至此，一个树叶图形就绘制好了。请你执行【窗口】|【库】命令，打开【库】面板，你将发现【库】面板中出现一个“树叶”图形元件，如图327所示。图327【库】面板中的“树叶“图形元件说明：【库】面板是存储Flash元件的场所，我们所创建的元件对象以及从外部导入的图像、声音等对象都保存在这里，这里的元件可以拖放到场景中重复使用。有关【库】面板的详细内容请你参阅第4章的相关内容。（5）【颜料桶工具】选项单击【颜料桶工具】后，在工具箱下边的【选项】里有四个选项，可以根据自己的需要来确定，读者可以自己试一下，如图329所示。图329 颜料桶工具选项说明：【颜料桶工具】是对某一区域进行单色、渐变色或位图进行填充，注意不能作用于线条。选择【颜料桶工具】后，在【工具箱】下边的【选项】中单击【空隙大小】按钮,会弹出四个选项，如图1-2-11所示。其中，【不封闭空隙】表示要填充的区域必须在完全封闭的状态下才能进行填充；【封闭小空隙】表示要填充的区域在小缺口的状态下可以进行填充；【封闭中等空隙】表示要填充的区域在中等大小缺口状态下进行填充；【封闭大空隙】表示要填充的区域在较大缺口状态下也能填充。但在Flash中，即使中大缺口，值也是很小的，所在要对大的不封闭区域填充颜色，一般用笔刷。 三、课后练习。完在35练一练。学画小树枝教学设计执教：汤政道教学目标1掌握“刷子工具”和“任意变形工具”的功能与使用方法2利用绘图工具绘制一幅简单的图画。重点难点教学重点：掌握“刷子工具”和“任意变形工具”的功能与使用方法。教学难点：利用绘图工具绘制一幅简单的图画。授课时数 两课时教 学 过 程一、【刷子工具】的用法【刷子工具】可以随意地画色块。当你单击工具箱中的【刷子工具】后，工具箱下边就会显示它的【选项】，我们先看看它的【选项】，如图41所示。图41刷子工具选项 在这里，我们可以选定画笔的大小和样式以及它的填色模式。读者可以自己选取不同的大小和样式练习练习，先找一找感觉。下面我们利用刚刚画成的树叶来详细讲解它的填色模式。在图41所示的【选项】下单击【填充模式】按钮，则弹出填充模式下拉列表，如图42所示。图42 刷子的填色模式（1）标准绘画选择【刷子工具】，并将【填充颜色】设置为黄色，当然也可以是其它色。先选择【标准绘画】模式，移动笔刷（当选择了【刷子工具】后，鼠标指针就变为刷子形状）到舞台的树叶图形上，拖动鼠标在叶子上乱抹几下，观察一下效果，如图43所示。图43标准绘画模式你能发现，不管是线条还是填色范围，只要是画笔经过的地方，都变成了画笔的颜色。（2）颜料填充选择【颜料填充】模式，它只影响了填色的内容，不会遮盖住线条，如图44所示。图44 颜料填充模式（3）后面绘画选择【后面绘画】模式，无论你怎么画，它都在图像的后方，不会影响前景图像，如图45所示。图45后面绘画模式（4）颜料选择选择【颜料选择】模式，你先用画笔抹几下，好象丝毫不起作用。这是因为我们没有选择范围。用【箭头工具】选中叶片的一块，再使用画笔，你看，颜色就上去了，如图46所示。图46 颜料选择模式（5）内部绘画选择【内部绘画】模式，在绘画时，画笔的起点必须是在轮廓线以内，而且画笔的范围也只作用在轮廓线以内，如图47所示。图47 内部绘画模式二、使用“任意变形工具”现在我们要把这孤零零的一片树叶组合成树枝。你想一想，如果用这么一模一样的树叶，要把它组成树枝，是不是很难看呢？Flash为我们提供了一个很好的工具：【任意变形工具】。利用【任意变形工具】我们可以将前面绘制的那个树叶改变成需要的形状。【任意变形工具】可以旋转缩放元件，也可以对图形对象进行扭曲、封套变形。当你在工具箱中选择【任意变形工具】后，工具箱的下边就会出现相应的【选项】，如图48所示。图48 任意变形工具选项说明：【任意变形工具】的【选项】中共包括5个按钮，从上向下依次是：【对齐对象】、【旋转与倾斜】、【缩放】、【扭曲】和【封套】。你可以用鼠标指向这些按钮，相应的按钮功能就会显示出来。另外，当你选择了【任意变形工具】后，【选项】中的按钮并不是马上都被激活，除了【对齐对象】按钮，其他按钮都是灰色显示，只有你在场景中选择了具体的对象以后，其他4个按钮才变成可用状态。（1）旋转树叶选择【任意变形工具】后，单击舞台上的树叶，这时树叶被一个方框包围着，中间有一个小圆圈，这就是变形点，当我们进行缩放旋转时，就以它为中心，如图49所示。图49 变形点这个点是可以移动的。将光标移近它，光标下面会多了一个圆圈，按住鼠标拖动，将它拖到叶柄处，我们需要它绕叶柄旋转，如图410所示。 图410再把鼠标指针移到方框的右上角，鼠标变成状圆弧状，表示这时就可以进行旋转了。向下拖动鼠标，叶子绕控制点旋转，到合适位置松开鼠标，效果如图411所示。 图411旋转后的树叶（2）复制树叶用【箭头工具】单击舞台上的树叶图形，执行【编辑】|【复制】命令，然后再执行【编辑】|【粘贴】命令，这样就复制得到一个同样的树叶，如图412所示。图412 复制树叶（3）变形树叶将粘帖好的树叶拖到旁边，再用【任意变形工具】进行旋转。使用【任意变形工具】时，也可以象使用【箭头工具】一样移动树叶的位置。拖动任一角上的缩放手柄，可以将对象放大或缩小。拖动中间的手柄，可以在垂直和水平方向上放大缩小，甚至翻转对象。请你将树叶适当变形，如图413所示。图413 缩放对象说明：【任意变形工具】的各项功能也可以使用菜单栏中【修改】|【变形】命令来实现，如图414所示。图414 变形命令（4）创建“三片树叶”图形元件再复制一张树叶出来，我们用【任意变形工具】将三片树叶调整成如图415所示形状。在调整过程中请注意，当调整效果不满意时，也许你的树叶已经不在选取状态，有时要重新选取整片树叶范围很困难，这就需要多使用编辑撤销，以恢复选取状态。图415 树叶组合如图415所示的三片树叶图形创建好以后，将它们全部选中，然后执行【修改】|【转换为元件】命令，将它们转换为名字为“三片树叶”的图形元件。三、绘制树枝（1）、请注意，以上的绘图操作我们都是在“树叶”编辑场景完成的，现在我们返回到主场景【场景1】。请你单击时间轴右上角的【场景1】按钮，如图417所示。图417切换到【场景1】（2）、单击【刷子工具】，选择【画笔形状】为圆形，大小自定，选择【后面绘画】模式，移动鼠标指针到场景中，画出树枝形状，如图418所示。图418 画出树枝（3）、组合树叶和树枝执行【窗口】|【库】命令，或者使用快捷键CTRL+L，打开【库】面板，你可以看到，【库】面板中出现两个图形元件，这两个图形元件就是我们前面绘制的“树叶”图形元件和“三片树叶”图形元件，如图419所示。图419 元件库单击“树叶”图形元件，将其拖放到场景的树枝图形上，用【任意变形工具】进行调整。元件【库】里的元件可以重复使用，你只要改变它的长短大小方向就能表现出纷繁复杂的效果来，完成效果如图420所示。图420完成后的树枝效果制作动画“草地上的毛毛虫” 教学设计执教：汤政道课目信息技术年级六课序第五课课题制作动画“草地上的毛毛虫”教学时间两课时教学目标1、了解逐帧动画的基本知识。2、能制作简单的逐帧动画。教学重难点1、了解逐帧动画的基本知识。2、能制作简单的逐帧动画。教学过程第一课时教师谈话导入新课：从今天起，我们要开始学习Flash 8.0的动画制作了，我们先从“逐帧动画”学起，“逐帧动画（Frame By Frame）”是一种常见的动画手法，它的原理是在“连续的关键帧”中分解动画动作。也就是说，在逐帧动画中，每一帧中的内容都是不同的，将这些帧连续播放后就形成了动画。教学新课：一、了解逐帧动画的概念在时间帧上逐帧绘制帧内容称为逐帧动画。由于逐帧动画的帧序列内容不一样，这不仅增加了制作负担，而且最终输出的文件也很大。但是，它的优势也很明显：因为是一帧一帧的画，与电影的播放模式相似，所以逐帧动画具有非常大的灵活性，几乎可以表现任何想表现的内容，如3D效果、人物或动物急剧转身等等很细腻的动画效果。逐帧动画在时间帧表现为连续出现的关键帧，每个关键帧中都有一个独立的动画信息（如图51所示）二、创建逐帧动画的几种方法1、用导入的静态图片建立逐帧动画将JPC、PNG等格式的静态图片连续导入Flash中，这样就能建立一段逐帧动画。2、绘制矢量逐帧动画使用鼠标或者电子画板在场景中一帧帧地画出每帧所需的内容。3、文字逐帧动画用文字作帧中的元件，实现文字跳跃、旋转等特效。4、导入序列图像可以导入GIF序列图像、SWF动画文件或者利用第三方软件（如SwishSwift 3D）产生的动画序列。三、绘图纸功能绘图纸是一个帮助定位和编辑动画的辅助功能，这个功能对制作逐帧动画特别有用。通常情况下，Flash在舞台上一次只能显示动画序列的单个帧，而通过使用绘图纸功能，就可以在舞台中一次查看两个或多个帧。当创建好一个动画后，我们可以用鼠标左键单击时间轴下方的“绘图纸外观”按钮，这样就可以切换到“绘画纸外观”（如图52所示）。图52所示的是使用绘图纸功能后的场景。可以看出，在当前帧中内容用全彩色显示，其他帧的内容以半透明示时，看起来好像所有帧的内容都画在一张半透明的绘图纸上，这些内容相互层叠在一起。使用绘图纸功能有助于我们观察动画中的每一帧的情况，发现问题并及时进行修改。当然，即使在绘图纸模式下也只能编辑当前帧的内容。第二课时一、动手制作逐帧动画教师：学习了逐帧动画的特点和创建方法后，现在就让我们来动手制作逐帧动画，以加深对逐帧动画的认识。一条毛毛虫在一片绿色的草地上快速前行，这是一个利用导入连续位图而创建的逐帧动画（如图54所示）。在下面的逐帧动画制作过程中，我们会用到一张包含有动画序列的GIF图和一张作为背景的JPG图处。同学们在开始制作逐帧动画以前可以到互联网上搜索自己喜欢的动画图片和背景图片，虽然图片的内容各不相同，但是制作逐帧动画的方法与过程是相同的。教师演示操作步骤：步骤1：执行“文件”“新建”命令，在弹出的“新建文档”对话框中选择“常规”选项卡中的“Flash文档”选项，点击“确定”按钮，新建一个影片文档。步骤2：将“图层1”重命名为“草地”，用鼠标单击选中时间轴上的第一帧，然后执行“文件”“导入”“导入到舞台”命令，将名为“草地.jog”的图片导入到场景中，使用“任意变形工具”将图片的大小调整到与舞台尺寸相同（如图55所示）。步骤3：新建一个图层并命名为“毛毛虫”，选择第一帧，执行“文件”“导入”“导入到舞台”命令，将名为“毛毛虫.gif”的图片导入，Flash 8.0会自动把GIF图片序列按序以逐帧形式导入舞台（如图56所示）。GIF图处序列被Flash导入后，它们就被Flash自动分配在关键帧中，有多少个图片序列就会创建多少个关键帧。通过预览我们会发现，被导入的图片序列的位置不是我们需要摆放的地方，默认状况下，被导入的对象都被放在场景坐标中“0,0”处，必须通过调整使他们移动到合适的位置上（如图58所示）。（学生按照教师的操作方法，自主进行练习。教师检查学生完成情况。）二、我们可以一帧一帧地调整位置，完成一幅图片后记下其坐标值，再把其他图片设置成相同坐标值。不过这样做太耗费时间了，好在Flash 8.0为我们提供了更方面的功能“多帧编辑”。教师讲解操作步骤步骤1：先把“草地”图层加锁，然后按下时间轴面板下方的“编辑多个帧”按钮，再单击“个改绘图纸标记”按钮，在弹出的菜单中选择“绘制全部”选项（如图59所示）。步骤2：执行“编辑”“全选”命令，此时我们可以看到，时间轴中的全部帧和场景中的全部元件都被选中了（如图510所示）。步骤3：用“选择工具”对们于场景上方的毛毛虫进行拖动，就可以一次把所有帧中的图片全部移动到场景中的指定位置了（如图511所示）。步骤4：新建一个图层并命名为“标题”，单击工具箱中的“文本工具”按钮，在“属性”在板中进行设置，其参数如下：文本类型“静态文本”，字体为“黑体”，字体大小为“45”，颜色为“深绿色（#006600）”（如图512所示）。步骤5：在文本框输入“草地上的毛毛虫”几个字，然后将其移动到合适的位置。三、小结教师：此时，“草地上的毛毛虫”已经基本制作完毕，不过还有一点小问题，当使用播放头浏览动画过程的时候会发现，“草地”背景只在第一帧出现。那是因为我们没有给“草地”背景添加过渡帧。首先应给“草地”层解锁，然后在第20帧的位置点击鼠标左键选中该帧，按下键盘上的【F5】键插入一帧，程序会自动添加过渡帧使帧内容延续（如图513所示）。还有两种方法可以插入帧：一种是在“时间轴”上要插入帧的地方点击鼠标右键，在弹出的快捷菜单中选择“插入帧”命令；另外还可以通过执行“插入”“时间轴”“帧”命令来完成插入帧的操作。思考：为什么要到最后才给“草地”层添加过渡帧呢？（因为我们首先创建了“草地”层，但当时并不知道整个动画的长度，所以要等动画制作完成后才添加。而“标题”层是最后创建的，所以自动添加了过渡帧。现在3个图层的帧数是20，这样就能保证动画的完整了）（如图514所示）。四、测试存盘教师：动画制作完成了，应该先预览一下。执行“控制”“测试影片”命令，这时会弹出一个动画播放窗口。仔细观察动画有无问题，如果满意，就将它保存起来。执行“文件”“保存”命令，随后会弹出一个“另存为”对话框。在这里我们可以设置文件存放的路径和文件名，我们将文件命名为“草地上的毛毛虫”，以“FLA”的文件格式存盘。FLA的文件格式是Flash的播放文件，就要使用Flash的“发布设置”功能了。要发布Flash文档，请首先选择发布文件格式，执行“文件”“发布设置”命令后就会弹出“发布设置”对话框，在“发布设置”对话框中可以设置要发布的文件模式、文件名称、保存目录等，设置完毕后单击“发布”按钮就可以导出Flash的播放文件（如图515所示）。四、课后拓展：想一想1、既然完成“毛毛虫”层的制作后再添加图层可以自然添加过渡帧，那为什么我们要先制作“草地”层呢？2、为什么使用“绘图外观”功能时只有当前帧中的内容用全彩色显示，而其他帧的内容却是半透明的呢？学生练习练一练1、结合所学内容制作一个简单的逐帧动画。2、使用“发布设置”功能尝试发布各种不同的文件。灯笼变文字教学设计执教：汤政道课目信息技术年级六课序第六课课题灯笼变文字教学时间两课时教学目标1、了解形状间动画的基本知识。2、掌握形状补间动画的制作方法。教学重难点掌握形状补间动画的制作方法。教学过程第一课教师谈话导入新课：上一节，我们利用“逐帧动画”制作会动的毛毛虫，这节课我们将运用形状补间动画，可以设置元件的内容、形状、颜色等种种属性，配合别的手法，甚至能做出令人称奇的仿3D交果来。这一课我们要学习形状补间动画的特点及创建方法。一、介绍什么是形状补间动画教师：形状补间动画是Flash中最常用的动画效果之一。所谓“补间动画”又叫做“中间帧动画”、“渐变动画”。只要建立起始和结束的画面，中间部门由软件自动生成，省去了中间动画制作的复杂过程，这也正是Flash的迷人之处。运用它，可以变幻出各种奇妙的、不可思议的变形效果。1、形状补间动画在一个关键帧中绘制一个形状，然后另一个关键帧中更改该形状或绘制另一个形状，Flash根据二者之间的帧的值或形状来创建的动画被称为“形状补间动画”。2、构成形状补间动画的元素形状补间动画可以实现两个图形之间颜色、形状、大小、位置的相互变化，其变形的灵活性介一逐帧动画和动作补间动画二者之间，使用的元素多为绘制的形状，如果使用图形元件、按钮、文字，则必须先执行“分离”操作后才能创建变形动画。3、形状补间动画在时间帧面板上的表现形状补间动画建好后，时间帧面板的背景色变为淡绿色，在起始帧和结束帧之间有一个长长的箭头（如图61所示）。4、创建形状补间动画的方法教师：为了便于同学们理解，我们先来制作一个简单的形状补间动画。教师演示操作步骤：步骤1：在第一帧中使用“椭圆工具”绘制一个正圆形，填弃色设为黄色。步骤2：在第20帧的地方插入一个关键帧，使用“矩形工具”绘制一个正方形，填充色设为红色，正方形要覆盖整个正圆形，可以略大一点。步骤3：单击开始帧，然后单击“属性”面板上“补间”旁边的小三角，在弹出的下拉菜单中选择“形状”。这样，一个简单的形状补间动画就制作完毕了，我们可以拖动播放头观看形状补间动画的效果（如图62所示）。（学生按老师的操作方法，自主进行练习。）二、认识形状补间动画的属性面板教师：当我们建立了一个形状补间动画后，单击帧就会出现形状补间动画的“属性”面板（如图63所示）。其实，形状补间动画的“属性”面板上只有两个参数：“缓动”和“混合”。1、“缓动”选项单击“缓动”右边的按钮，会弹出滑动杆，拖动上面的滑块可以调节参数值，当然也可以在文本框中直接输入具体的数值。设置后，形状补间动画会随之发生相应的变化：在-1到-100的负值之间，动画运动的速度从慢到快，朝运动结束的方向加速度补间。在1到100的正值之间，动画运动的速度从快到慢，朝运动结束的方向减慢补间。默认情况下的值是“0”，也就是补间帧之间的变化速率是不变的。2、“混合”选项“混合”选项中有两项选择。“角形”选项：创建的动画中形状会保留有明显的角和值线，适合于具有锐化转角和直线的混合形状。“分布式”先项：创建的动画中间形状比较平滑和不规则。三、使用形状提示教师：形状补间动画看似简单，实则不然。Flash在“计算”两个关键帧中图形的差异时，远不如我们想象中的“聪明”，尤其是当前后图形差异较大时，变形结果会显得乱七八糟。这时，使用“形状提示”功能可以大大改善这一情况。1、形状提示的作用在“起始形状”和“结束形状”中添加相对应的“参考点”，使Flash在计算变形过渡时依一定的规则进行，从而较有效地控制变形过程。2、添加形状提示的方法先在形状补间动画的开始帧上单击一下，再执行“修改”“形状”“添加形状提示”命令，该帧的形状上就会增加一个带字母的红色圆圈（如图64所示）。相应的，在结束帧的形状中也会出现一个“提示圆圈”，开始帧和结束帧的“提示圆圈”要分别进行设置。用鼠标左键单击并按住“提示圆圈”，拖放到适当的位置，安放成功后开始帧上的“提示圆圈”变为黄色，结束帧上的“提示圆圈”变为绿色（如图65所示）；安放不成功或不在一条曲线上时，“提示圆圈”颜色不变。（小知识：在制作复杂的变形动画时，“形状提示”的添加和拖放要多方位尝试，“形状提示”可以连续添加，最多能添加26个。每添加一个“形状提示”，最好播放一下变形效果，然后再对变形提示的位置做进一步的调整。另外，将变形提示从形状的左上角开始按逆时针顺序摆放，将使变形提示工作得列有效。）3、添加形状提示的技巧“形状提示”摆放的位置也要符合逻辑顺序。例如，起点关键帧和终点关键帧上各有一个三角形，我们使用3个“形状提示”；如果它们在开始帧的三角形上的顺序为abc，那么在结束帧的三角形上的顺序也必须是abc。“形状提示”要在形状的边缘才能起作用。在调整“形状提示”位置前，要让“选项”下面的“贴紧至对象”按钮处于被按下状态，这样，程序会自动把“形状提示”吸附到边缘上。如果发觉“形状提示”仍然无效，则可以用“缩放工具”，将形状放大后再进行调整，以确保“形状提示”位于图形边缘上。另外，如果要删除所有的“形状提示”，可执行“修改”“形状”“删除所有提示”命令，删除单个“形状提示”，可用鼠标右键单击它，在弹出的菜单中选择“删除提示”。4、添加形状提示练习、为了更深入地学习“形状提示”，我们来制作一个使用“形状提示”的动画实例。在场景中制作两个由数字“1”变形为数字“2”的动画，让它们同时变形，一个加“形状提示”，一个不加“形状提示”，看看这两个变形有什么不同。教师演示操作步骤：步骤1：执行“文件”“新建”命令，新建一个影片文档，舞台尺寸“300200像素”，设背景为“蓝色（#0000FF）”。步骤2：在“图层1”的左上部分输入数字“1”，在“属性”面板上设置文本格式为“静态文本”，字体为“宋体”，字号为“100”，颜色为“白色”；再新建“图层2”，在场景右上部分输入数字“1”，参数同上，此层是添加“形状提示”层。然后在两个图层的第40帧处添加关键帧，将这帧中的数字“1”删除，在相同的位置输入数字“2”。在第60帧处添加晋通帧，使变形后的文字稍作停留（如图66所示）。步骤3：逐一选取“图层1”与“图层2”的第1帧和第40帧，选中其中的数字“1”和“2”，执行“修改”“分离”命令，把数字打散，转为形状（如图67所示）。步骤4：先中“图层1”的第1帧，单击“属性”面板上“补间”旁边的小三角，在弹出的下拉菜单中选择“形状”，建立形状补间动画。“图层2”也要执行相同的操作以建立形状补间动画。步骤5：先中“图层2”的第1帧，然后执行“修改”“形状”“添加形状提示”命令两次，添加两个“提示圆圈”。确认工具箱中的“贴紧至对象”按扭处于被按下状态。调整第1帧和第40帧处的形状提示，将一个“提示圆圈”放在数字的顶端，另一个放在数字的底部（如图68所示）。步骤6：新建一个图层，在两个渐变体的下面分别写上“未加形状提示”、“已加形状提示”的说明（如图69所示）。（学生按老师的操作方法，自主进行练习。教师辅导学生完成上述操作。生相互检查完成情况。）至此，这个形状补间动画实例就制作完成了，测试一下，看看效果。怎么样？体会到添加“形状提示”的巧妙之处了吗？第二课时一、制作形状补间动画新春愉快教师：上面学习了许多与形状补间动画相关的知识，现在我们就来动手制作一个形状补间动画新春愉快。学生根据操作步骤，自主进行操作，教师边检查，边辅导。步骤1：执行“文件”“新建”命令，在弹出的对话框中选择“常规”选项卡中的“Flash文档”后，单击“确定”按钮，新建一个影片文档。在“属性”面板上设置文件大小为“640500像素”，背景为“白色”（如图610所示）。步骤2：将“图层1”重命名为“背景”，执行“文件”“导入”“导入到舞台”命令，将名为“春节.jpg”的图片导入到场景中。使用“任意变形工具”将图片的大小调整到与舞台尺寸相同。选择第80帧，按下键盘上的【F5】键，增加一个普通帧（如图611所示）。步骤3：我们先来画灯笼。新建一个元件并命名为“灯笼”，打开“混色器”面板，设置填弃类型为“放射状”，左边色块设为白色，右边色块设为红色（如图612所示）。步骤4：选择“椭圆工具”，设置“笔触颜色”为无，在场景中绘制出一个椭圆做灯笼的主体（如图613所示）。步骤5：接着我们来画灯笼的上、下边。新建一个图层，打开“混色器”面板，设置深黄色到浅黄色的“线性”渐变填充，从左到右三个填充色块的颜色值分别为：“#FF9900”、“#FFFF00”、“#FFCC00”（如图614所示）。步骤6：选择“矩形工具”，设置“笔触颜色”为无，绘制出一个矩形，作为灯笼上面的提手（如图615所示）。步骤7：用“线条工具”在灯笼的下面画几条黄色线条做灯笼穗，一个漂亮的灯笼就画好了。为了能清楚地显示灯笼，可暂时将背景色改为蓝色（如图616所示）。步骤8：回到“场景1”，新建4个图层，分别命名为“灯笼1”至“