现代教育技术――第4章 多媒体计算机课件设计与制作.ppt

第4章多媒体计算机课件设计与制作 4.1多媒体计算机课件设计与制作概述4.1.1多媒体计算机课件的概念及特点1.多媒体计算机课件的概念（1）课件。课件（Courseware）是根据教学大纲的要求，经过教学目标确定，教学内容和任务分析，教学活动结构及界面设计等环节，而加以制作的课程软件。（2）多媒体计算机课件。根据教学大纲的要求，经过教学目标确定，教学内容和任务分析，教学活动结构及界面设计等环节，把需要表述的教学内容通过计算机多媒体（文本、图形、图像、动画、音频、视频）等加以呈现的教学软件。它可以生动、形象地描述各种教学问题，增加课堂教学气氛，提高学生的学习兴趣，拓宽学生的知识视野，是现代教学发展与应用的必然趋势。 图4-1给出了多媒体的类型及文件格式。 2.多媒体计算机课件的特点（1）教学性。（2）媒体多样性。（3）交互性。（4）超链接性。（5）诊断性。 4.1.2多媒体计算机课件的分类1.课堂演示型2.学生自主学习型3.实验型4.训练与练习型5.教学游戏型6.资料工具型 4.1.3多媒体计算机课件的设计原则1.教学性原则2.科学性原则3.集成性原则4.实用性原则5.个别化原则6.经济性原则7.艺术性原则 4.1.4多媒体计算机课件的设计与开发流程目标分析确定选题系统设计脚本编写选定工具和准备素材制作调试评价修改需求分析对象分析教学设计软件结构设计 1.目标分析目标分析包括课件设计需求分析、课件使用对象分析等内容，明确课件总的教学目标以及学习者的知识水平和学习风格等。2.确定选题确定选题是指对课件开发所涉及的物质条件进行分析。可以分为人力、物力和财力三个方面。3.系统设计系统设计的目标是决定如何构造应用系统结构。课件开发和系统设计工作可以分为教学设计、软件结构设计等环节。4.脚本编写脚本是多媒体课件开发与设计的直接依据，规范的多媒体课件脚本对提高课件质量，提高课件开发效率具有积极的作用，包括文字脚本和制作脚本两部分。 5.选定工具和制作准备（1）选定工具。对于初级用户性质的教师，一般可选择制作较为简单的幻灯片序列PowerPoint作为课件开发工具，对于有一定程序应用能力的教师可以选择交互性较强、并且有良好动画表现能力的基于时间轴的Flash作为课件开发工具，而几何画板对于初中数学等学科的教学课件开发常被使用。（2）准备素材。多媒体课件中的媒体包括文本、图形、图像、音频、动画、视频六类，需要通过不同的方式和途径加以获取和处理。6.制作课件的制作过程就是根据课件的目的和要求，选择合适的课件开发工具，根据课件结构，将课件中呈现的各种多媒体，按照一定的组织原则，结合方式将媒体素材库中的素材结合起来，使课件呈现稳定、连续、平滑，符合学习规律的过程。 7.课件的调试课件制作基本完成后，观察系统编辑后的效果，并可随时中断系统运行，返回编辑状态，对不同的参数选项进行设置，观察课件运行情况。通过课件的调试，使课件达到能正常运行的状态。8.课件的修改修改的方面会涉及到系统设计、脚本编写、媒体素材准备、制作和调试等各个方面，大的修改可能对软件结构进行调整，小的方面可能对字体、背景画面等根据需要进行修改。 4.1.5多媒体课件开发工具1.基于页面的开发工具PowerPoint 基于页面的开发工具可以是一个前景和一个背景的组合，“页”中可以包含文本、图形、图像、声音、动画、视频以及系统对象等，并且可以实现一定效果的自定义动画、页面可以实现自由跳转及切换效果及超链接的应用，PowerPoint的2010版本实现丰富的图像修饰效果、支持多种格式的视频文件，优点是简单易学，适合初级用户制作简单的多媒体课件，但由于不具备变量和函数的应用，不宜制作高质量的交互性课件。 2.基于图标的开发工具Authorware 基于图标的多媒体课件开发工具也称为图标式（Icon----Based）创作软件。它通过流程图将各种文本、图形、图像、声音、动画、视频等信息用形象的图标方式依次连接起来，从而实现一个完整的多媒体课件，优点是它能通过图标的性质及控制实现各种功能，支持变量和函数的应用，可以开发质量较高的交互性课件，缺点是其动画生成能力较弱 3.基于时间轴的开发工具Flash Flash是平面矢量二维动画制作软件，Flash做课件动感更好、文件更小、传输更快、不易出错，可以方便直接导入MPG、AVI等视频格式的文件。Flash赋予制作者极大的想象空间，凡能设计出，Flash几乎都能制作出，这使Flash课件灵活多变，交互性极强，非常适合于制作课件，用于课堂教学。对图像、声音的压缩率很高，可以多次插入多种格式声音，容纳多种格式多张图片，而最终生成的播放SWF文件并不太大。因此，Flash课件小巧玲珑，便于携带、交流和应用。 4.2演示型课件PowerPoint2010的设计与制作我们将以“落花生”演示型多媒体课件的制作为例，从母版、多媒体、自定义动画几个方面展开深入的学习。“落花生”课件所需的素材已收集处理好，并已制作了简单的PPT文稿，如图4-8a所示。通过本节内容的学习，对“落花生”课件进行修改和设置，最终效果如图4-8b所示。 4.2.1幻灯片母版的设计PowerPoint2010包含三个母版：幻灯片母版、讲义母版和备注母版。讲义母版是为制作讲义而准备的，备注母版主要用来设置幻灯片的备注格式，通常是用来打印输出的。幻灯片母版，用以规定幻灯片的设计风格（主题、背景等）、共同内容以及每类元素（标题、文本内容、图片等）的格式。使用幻灯片母版，可以将设置好的母版格式快速应用在每张需要的幻灯片上，使文稿幻灯片具有统一的外观风格。 1.幻灯片母版视图的进入与退出（1）进入幻灯片母版视图单击“视图”选项卡→“母版视图”组→“幻灯片母版视图”按钮，进入幻灯片母版视图。（2）退出幻灯片母版视图有以下两种方法：①在“幻灯片母版”选项卡单击“关闭”组中的“关闭母版视图”按钮；②选择“视图”选项卡“演示文稿视图”组中的“普通视图”按钮。 2.母版的管理“落花生”课件需要应用多个主题。操作步骤：打开演示文稿，选中封面幻灯片和结束幻灯片，单击“设计”选项卡→“主题”组→“其他”按钮，在“内置”中选择“行云流水”主题样式；选中第2至第6张幻灯片，使用相同方法应用“质朴”主题。用户可以对幻灯片母版进行添加、删除、重命名等管理操作，可通过“编辑母版”组中的各命令完成。 3.母版的编辑（1）母版的主题编辑选中“行云流水主题”母版，单击“编辑主题”组→“颜色”按钮→“跋涉”主题颜色；选中“质朴主题”母版，单击“编辑主题”组→“颜色”按钮→“市镇”主题颜色。（2）母版的背景编辑操作步骤：选中“质朴主题”母版，单击“背景”组右下角的扩展按钮，在弹出的“背景”格式对话框中，选择“填充”→“纯色填充”效果，然后单击“颜色”按钮，在下拉菜单中选择“其他颜色”命令。在弹出的“颜色”对话框中选择“自定义”选项卡，分别在红色、绿色、蓝色的数值框中输入数值：249、240、231。单击确定按钮，返回到“设置背景格式”对话框，点击“关闭”按钮，结束背景颜色设置。质朴主题母版被设置了淡粉色的背景，如图4-11所示。 （3）母版的占位符设置①删除母版占位符：选中“质朴主题”母版，选择日期占位符，按Delete键删除。②设置母版占位符格式选择“质朴主题”母版，选中编号框和页脚框，设置字体“幼圆”，字号10磅；段落居中对齐；对齐文本：中部对齐；适当修改大小和位置。选择内容占位符，修改形状为“剪去单角的矩形”；形状轮廓，颜色：“褐色强调文字颜色4”；粗细：1.5磅；虚线：圆点。一级文本格式，字体：楷体_GB2312。效果如图4-12所示。 ③设置某一版式占位符格式选中“行云流水主题”母版中的“标题幻灯片”版式，设置标题格式，72磅，加粗；文字方向：竖排；应用第6行第3列艺术字样式；文本效果，阴影：无阴影；副标题格式为，楷体_GB2312，加粗，文字方向：竖排。 4）插入对象在幻灯片母版视图中，可以插入文本、表格、各种图形图像、音频、视频等多种媒体对象，还可以创建超链接等导航对象。单击“插入”选项卡→“图像”组→“图片”命令，在弹出的“插入图片”对话框中选择“落花生1.jpg”文件，单击“确定”按钮完成图片的插入 （5）页眉、页脚的设置与显示操作步骤：在普通视图中，单击“插入”选项卡→“文本”组→“页眉和页脚”命令，在弹出的“页眉和页脚”对话框中完成如图4-17所示的设置。 至此，幻灯片整体外观设计完毕，用户可单独对每张幻灯片中的对象大小、位置等进行调整，得到如图4-18所示的演示文稿效果。 4.2.2插入多媒体素材1.创建SmartArt图形SmartArt图形是PowerPoint2007及其以上版本的智能化的图形功能。系统提供了列表、流程、循环、层次结构、关系、矩阵、棱锥图、图片等8种SmartArt图形，使用它们能更生动形象地表述各事物之间的联系。（1）转换生成SmartArt图形选择第2张幻灯片的内容框（或文字），点击“开始”选项卡→“段落”组→“转换为SmartArt”命令，在子菜单中选择“连续块状流程”，系统根据文字框中的段落文字生成一个SmartArt图形。 （2）编辑SmartArt图形SmartArt图形一般有两种编辑方法。第一种方法，选中生成的SmartArt图形，在图形左侧出现“在此处键入文字”框，它以大纲的形式编辑SmartArt图形的内容，包括修改文字，添加、删除段落等。第二种方法，直接在图形上借助“SmartArt工具”→“设计”选项卡→“创建图形”组中的命令或右键快捷菜单中的命令，实现SmartArt图形的编辑。第一种方法更方便快捷，第二种方法则更为直观，可根据实际需要灵活选择。 （3）SmartArt图形的格式设计选择“SmartArt工具”→“设计”选项卡→“SmartArt样式”组中的“更改颜色”按钮，在弹出的下拉菜单中选择“彩色”中的第5列“彩色范围强调文字颜色5至6”样式；点击“SmartArt样式”组中的“其他”按钮，选择“细微效果”样式。设计后的“主要内容”页效果如图4-20所示。 2.添加视频1）插入视频PowerPoint2010将视频文件分为以下三种。文件中的视频，是本地计算机或网络邻居计算机中保存的视频文件；来自网站的视频，是已上载到网站的视频文件链接，需从该网站复制嵌入代码，完成视频插入；剪贴画视频，是从剪辑管理器中插入的动画，一般为GIF格式。其插入方法与剪贴画插入方法一致。选择第4张幻灯片，单击“插入”选项卡→“媒体”组→“视频”按钮→“文件中的视频”，在“插入视频文件”对话框中选择素材文件夹下的“落花生课文朗读视频.WMV”文件，单击“插入”按钮。 （2）视频播放设置①剪裁视频选中视频，单击“视频工具｜播放”选项卡→“编辑”组→“剪裁视频”按钮，在弹出的“剪裁视频”对话框中，设置视频播放的开始时间和结束时间，单击“确定”按钮。如图4-21所示。②淡入淡出效果：在“编辑”组的“淡入”和“淡出”效果输入框中设置淡入、淡出的时间值，淡入01.00，淡出01.00。③视频选项设置：在“视频选项”组中，勾选“全屏播放”和“播完返回开头”两项，实现视频在播放时全屏显示，播放完成自动退出全屏，并显示视频第1帧画面的效果。 （3）视频格式设置①调整大小位置：设置视频高6.72厘米，宽8.4厘米，适当调整视频位置。②添加标牌框架点击“调整”组中的“标牌框架”按钮，选择“文件中的图像”命令，在弹出的选择图像对话框中选择“落花生标牌框架.jpg”图片，单击“插入”按钮。③设置视频样式：选择“视频样式”中的“居中矩形阴影”样式。④设置视频形状：单击“视频样式”组中“视频形状”按钮，在其中选择视频需要的形状。 3.添加Flash影片在PowerPoint2010中，有两种插入Flash影片的方法，一种是以视频的方式插入，另一种是以插件的形式插入。新建空白版式幻灯片，准备插入Flash影片。选择第5张幻灯片，单击“开始”选项卡“幻灯片”组→“新建幻灯片”按钮→“空白”，在第5张幻灯片后新建空白版式的幻灯片。（1）以视频的方式插入Flash影片选择第6张空白版式幻灯片，单击“插入”选项卡→“媒体”组→“视频”按钮→“文件中的视频”，在“插入视频文件”对话框中选择“文件类型”为“AdobeFlashMedia”，在素材文件夹中找到“落花生Flash动画.swf”文件，点击“插入”按钮。（2）以插件的方式插入Flash影片本例中的Flash影片使用插件的方式添加。①调出“开发工具”选项卡：选择“文件”→“选项”，“PowerPoint选项”左侧类别栏中选择“自定义功能区”，右侧空格的右侧“主选项卡”中勾选“开发工具”，单击“确定”按钮。③设置控件属性选择“控件”，单击“控件”组中“属性”按钮，弹出“属性”对话框。对话框中内容分两列显示，左侧一列为控件属性，右侧一列为属性值。一般需要设置控件的两个属性。 简单调整Flash影片大小位置，设置幻灯片背景色为浅灰色，效果如图4-23所示。图4-23Flash属性设置及页面效果 4.2.3自定义动画1.添加动画通过使用“动画”选项卡，可以为选定对象添加动画效果。具体操作如下。（1）标题页动画。选择第1张幻灯片的标题和副标题，单击“动画”选项卡→“动画”组→“擦除”按钮，为标题和副标题添加“擦除”进入效果动画。（2）“主要内容”页动画。选择第2张幻灯片中的SmartArt图，添加“擦除”进入效果动画。（3）“思考问题”页动画。①选择第5张幻灯片中的标题，添加“淡出”进入效果动画；②内容框添加“擦除”进入效果动画；③使用鼠标框选表格区单击“动画”组→“其他”按钮，下拉菜单中选择“更多退出效果”命令，弹出对话框中选择“基本型”中的“切出”退出效果动画；④选择矩形框，添加“切入”进入效果动画。 （4）“作业布置”页动画。选择内容文本框，添加“字体颜色”强调效果动画；再使用“高级动画”组中的“添加动画”按钮继续添加“加粗展示”强调效果动画。（5）封底页动画。选中标题框（再见），单击“动画”组→“其他”按钮，在列表中选择“动画路径”中“自定义路径”，鼠标呈现十字架状态，在幻灯片上画出一条曲线后，双击鼠标，退出自定义状态。如图4-25所示。 2.动画设置选择某一动画效果，点击“动画”选项卡“动画”组的右下角的扩展按钮，弹出动画效果设置框，可以详细设置动画的各种选项。点击“高级动画”组中的“动画窗格”按钮，在窗口右侧出现“动画窗格”，里面列出当前幻灯片的所有动画。图4-26动画效果设置框和动画窗格 4.2.4幻灯片跳转1.创建超链接选择“编辑超链接”命令，则打开“插入超链接”对话框进行重新编辑；选择“取消超链接”命令，则删除对象的超链接；选择“打开超链接”命令，则快速浏览链接效果。 2.添加动作动作是PowerPoint特有的设置超链接的方法，不仅能正常设置超链接、运行程序和宏，还能播放声音，以及创建鼠标移动时的操作动作。操作步骤：选择SmartArt图中“思考问题”形状，单击“插入”选项卡→“链接”组→“动作”按钮，弹出“动作设置”对话框。选择对话框中默认的“单击鼠标”选项卡，单击“超级链接到”选项，打开超链接选项下拉菜单，选择“幻灯片…”命令，弹出“超链接到幻灯片”对话框，其中给出当前演示文稿中的所有幻灯片编号和标题的列表，选择“5.思考问题”，然后单击“确定”按钮。在“动作设置”对话框中继续勾选“播放声音”选项，在下拉列表中选择“风铃”。同样添加“作业布置”形状的动作，将其链接到第7张幻灯片。 3.创建动作按钮PowerPoint中内置了一些制作好的动作按钮，简化了用户的超链接设置，方便制作课件导航。进入幻灯片母版视图，选择“质朴主题”母版中的“标题和内容”版式，删除右下角的日期占位符，选择“插入”选项卡→“插图”组→“形状”命令，子菜单中选择“动作按钮”中的“开始”按钮，在幻灯片中拖划，插入“开始”按钮，同时弹出“动作设置”对话框。对话框中默认选择“超链接到”单选按钮，在其下的下拉菜单中选择“幻灯片…”命令，弹出“超链接到幻灯片”对话框，选择“2.主要内容”，点击“确定”再“确定”，完成“开始”按钮的动作设置。继续插入“后退”、“前进”、“结束”动作按钮，使用默认的动作设置。 4.2.5幻灯片的放映与打包1.幻灯片放映（1）简单放映方法1：单击“幻灯片放映”选项卡→“开始放映幻灯片”组→“从头开始”或“从当前幻灯片开始”命令。方法2：单击状态栏右区域的“幻灯片放映”按钮。本方法默认的从当前幻灯片开始播放演示文稿内容。（2）排练计时单击“幻灯片放映”选项卡→“设置”组→“排练计时”按钮，进入演示文稿播放状态，同时出现如图4-32a所示的“录制”浮动工具栏，显示当前幻灯片的放映时间和总放映时间。 （3）幻灯片放映设置单击“幻灯片放映”选项卡→“设置”组→“设置幻灯片放映”按钮，在弹出的“设置放映方式”对话框中进行需要的设置。 2.幻灯片打包点击“文件”→“保存并发送”→“将文件打包成CD”→“打包成CD”，弹出“打包成CD”对话框。点击“添加”按钮可以继续添加多媒体课件相关文件，点击“选项…”可设置要复制的链接文件和嵌入的TrueType字体文件等。点击“复制到文件夹…”按钮，设置打包后的文件夹存放位置和名称，点击确定后，系统开始打包。 4.3Flash课件的设计与制作4.3.1Flash窗口界面和工具说明1.窗口界面说明Flash做课件动感更好、文件更小、传输更快、不易出错。FlashMX推出后，Flash可以方便制作出交互性很强的多媒体课件。它的窗口工作界面如图4-35所示，包括菜单栏、工具箱、工具栏、时间轴、编辑区和可展开的脚本设置和属性对话窗等部分。 图4-35Flash界面窗口 2.工具使用说明（1）箭头工具。将鼠标放在该工具上并停留片刻，系统会显示并提示该工具的名称，箭头工具的主要作用是：①应用箭头工具，画一个方框将编辑窗口中的一个元件或对象选中，选中编辑窗口中的一个元件或对象后使其整体移动位置，②将一个填充图形部分选中，当移动时，填充图形会被分割成两个或多个部分，③当将鼠标放在填充图形的边界并推动鼠标时，填充图形会发生形变。（2）贝兹工具。该工具可以将其称为节点工具，Flash是基于矢量的平面动画设计软件，当选中贝兹工具，在编辑窗口中用鼠标进行填充图形点击操作时，编辑窗口中的填充图形外围边线会出现一些白色的节点，对于不同的填充图形会有不同数量的节点，通过对节点的拉伸和旋转，可以使得填充图形的形状发生变化（3）直线工具。直线工具作用是做各种直线，直线的颜色为笔触中的颜色。（4）套索工具。套索工具的作用是灵活选取一个图形的部分，并将其进行改变。在编辑窗口作一个图形，将套索工具打开，围绕着需要选取的部分对图形进行操作，当在图形选取的部分形成一个封闭的图形后，该部分会被选中并作为一个新的图形，这时就可以对其进行操作，如移动、变形等操作。 2.工具使用说明（5）钢笔工具。主要是做任意形状的曲线，选中钢笔工具，在编辑窗口可以看到第一个起点，拖动鼠标到新的位置并按下将出现第二个节点，依次做出多个节点就可以得到一条曲线，并且在制作的过程中可以改变线条的弧度。（6）文本工具。主要是做不同字型和字号的文本。有静态文本和动态文本之分，当选中文本工具后，在编辑窗口会出现一个方框，此方框为文本输入框，在该框中输入文本即可。（7）椭圆工具。椭圆工具的作用主要是作椭圆和圆形。选中椭圆工具，在编辑窗口做一个任意大小的椭圆，对于Flash而言，其所做的椭圆分为两个部分，中间的部分为填充图形部分，其颜色为油漆桶中的颜色，外围边界的颜色为线条的颜色，且线型为线条中设置的线型。按下Shift的同时，再画出的就是圆形。（8）矩形工具。矩形工具的作用主要是做长方形和正方形，选中矩形工具，在编辑窗口做一个任意大小的矩形，对于Flash，其所做的矩形分为两个部分，中间的部分为填充图形部分，其颜色为油漆桶中的颜色，外围边界的颜色为线条的颜色，且线型为线条中设置的线型。 2.工具使用说明（9）铅笔工具。铅笔工具的作用主要是做任意形状的线条，类似于用铅笔在纸上画线条，与钢笔工具相近，对线条的各种改变方式同直线，在属性窗口进行改变，适合于自由构造图形。（10）画笔工具。画笔工具线条较粗，像笔刷作图一样，该工具的作用主要是作任意形状的画笔填充图形，选中画笔工具，打开其选项设置，可以设置画笔的粗细和形状，在编辑窗口做出不同样式的图形。（11）自由转换工具。自由转换工具的作用主要是对编辑窗口中的图形进行任意形状的转换。在编辑窗口做一个图形，该物体可以是一个方形，也可以是一个圆形，或是任意形状经过处理的图形，用自由转换工具作用在此图形上，进行变换，这时在图形四周会出现调整节点，可以进行长度、高度和斜切的变化。（12）填充转换工具。填充转换工具的作用主要是对已有图形进行填充颜色的转换。使图形颜色的填充与着色方式在图形上重新分布。 4.3.2时间轴与帧Flash是矢量动画制作软件，从动画制作原理上讲，是通过对帧的控制加以实现的。Flash每秒种动画的帧数是12--30之间，因其为矢量构图方式，图形的过渡比较平滑，每秒12帧时，动画就可以正常演示。Flash中的帧在时间轴上加以显示，并且Flash中的帧具有了多种表现形式。1.时间轴Flash的时间轴由图层、帧和播放头三部分组成。时间轴是以时间为基础的线性进度的安排表，用户能够以时间的进度为基础，一步一步安排每一个动作。图4-37为时间轴。 2.帧Flash时间轴上的每一个格代表着一帧，所有的动画效果需要在帧上体现并最终形成。Flash因其为矢量构图方式，图形的过渡比较平滑，每秒12帧时，动画就可以正常演示。Flash中的帧如图4-38所示。（1）帧的分类。Flash时间轴上帧通常可分为白色关键帧、关键帧和普通帧三类。（2）帧的修改。帧的修改主要完成帧的删减和普通帧与关键帧的转换等操作。在图层中的任意一帧中点击鼠标右键，可以弹出一个帧的快捷菜单如图4-39，可以对帧进行多种方式的操作。 4.3.3动画的制作Flash动画是将事先做好的帧逐帧播放，利用人眼的“视觉暂留”效应的特性而产生动态效果的。Flash中制作动画的方式主要有三种：运动动画、变形动画、逐帧动画。1.运动动画运动动画是Flash中制作动画的重要方式，其基本特点是通过关键帧中元件的大小、位置、旋转及透明度的变化来实现动画的制作。（1）新建一个Flash空白文档。在菜单中选择【修改】项，进入【影片】命令，在打开的影片属性窗口中设置影片尺寸为800×640，帧为每秒24，背景颜色为浅灰。（2）新建元件。在菜单中选择【插入】项，进入【新建元件】命令，在打开的创建新元件窗口，取名称为烧杯，所做元件类形为图形，进入烧杯元件编辑窗口。（3）元件编辑。进入元件编辑窗口后，会看到屏幕的中心有一个十字中心标记“十”。其为将来所做元件的旋转中心，“十”本身不可移动，需要移动元件的位置来调整元件与“十”的相对位置，从而形成元件旋转中心的变化。（4）制作动画。运动动画帧设置如图4-41。 3.变形动画变形动画在Flash中的制作原理是在两个变化的填充图形之间形成动画效果。有三种情形可以实现变形动画的表现。图形对图形的变形动画、图形对文本的变形动画、文本对文本的变形动画。下面以图形对图形的变形动画的过程加以介绍。（1）新建一个Flash空白文档。在菜单中选择【修改】项，进入【影片】命令，在打开的影片属性窗口中设置影片尺寸为800×640，帧为每秒24，背景颜色为浅灰。（2）制作图形。变形动画的制作不需要制作元件，在场景编辑窗口图层1的第1帧画一个圆形，在第30帧增加关键帧，将第30帧中的圆选中，用贝兹工具将园上的节点删去，剩下四个对称的节点，使图形变成一个正方形，在第60帧增加关键帧，将第60帧中的圆选中，利用贝兹工具将圆上的节点进行移动，形成新的图形。（3）建立动画。将该图层选中，打开属性窗口，在运动设计中，选择形状，这时时间轴上将出现一条带箭头的从左至右的指示线，并且图层的底色为浅绿色，变形动画制作完成。 4.逐帧动画逐帧动画是制作传统动画的基本方式。（1）新建一个Flash空白文档。在菜单中选择【修改】项，进入【影片】命令，在打开的影片属性窗口中设置影片尺寸为800×640，帧为每秒12，背景颜色为浅灰。（2）制作文字。在图层1的第1白色关键帧用文本工具输入文本1，形成第1个关键帧，在第2帧加入关键帧，第2关键帧与第1关键帧同为文字1，选中文字1，将其重新利用文本工具输入文字2，依此类推，在第3到第10关键帧分别制作文字3、4、5、6、7、8、9、0。这样10个关键帧中将分别有不同的十个数字。当影片播放时，帧为每秒12，动画时长接近1秒。如果将关键帧分别设置在1、3、5、7、9、11、13、15、17、19，同样的在各关键帧放置1、2、3、4、5、6、7、8、9、0。动画的时长将延长一倍。动画的演示效果为从1到0的不停的数字闪动。 4.3.4动画片断的制作与应用1.三种方式的动画片断制作（1）逐帧动画形式的动画片断。操作方法是在新建立的空白文档中，进入【插入】菜单，点击【插入元件】命令，选择按钮【影片剪辑】，按下确定，就可以进入动画片断的编辑窗口。在动画片断的编辑窗口，其对应的时间轴和层以及工具箱中的工具均是可用的，此时就可以制作一个逐帧动画，制作逐帧动画的方法同逐帧动画中介绍和分析的原理。（2）变形形式的动画片断。操作方法是进入【插入】菜单，点击【插入元件】命令，选择按钮【影片剪辑】，按下确定，就可以进入动画片断的编辑窗口。在动画片断的编辑窗口，此时就可以制作一个变形动画，制作变形动画的技术同变形动画中介绍和分析的原理。（3）运动形式的动画片断。运动动画片断的制作与上述两种略有不同，它的制作过程是首先要制作图形元件，在制作好图形元件后，进入到动画片断的编辑窗口，然后在执行上述逐帧动画的命令。 2.动画片断的应用（1）制作车轮图形。首先进入元件编辑窗口，在打开的创建元件窗口，制作一个单帧的车轮图形，取名为“车轮”，图形中车轮的中心点与屏幕“十”字中心重合，目的主要是能使车轮绕中心旋转。（2）制作运动车轮动画片断。进入元件编辑窗口，在打开的创建元件窗口，选择影片剪辑并取名“运动车轮”，在进入动画片断编辑窗口后。将库打开，此时将图形元件“车轮”加入，增加30帧，制作一个在原地旋转的动画。打开帧属性窗口，设置运动方式为移动，旋转方式为顺时针，周数为1。（3）制作旗动画片断。进入元件编辑窗口，在打开的创建元件窗口，选择影片剪辑并取名“旗”，在进入动画片断编辑窗口后。设置两层，一层为旗杆，做一倾斜的矩形即可，另一层为旗面，分别增加1、3、5三个关键帧，对三个关键帧的旗面进行调整，形成逐帧动画，演示效果为旗面的摆动效果。 （4）制作坦克动画片断。“坦克”动画片断分为三层，第1层取名为车身，用直线等画笔工具画一车身；第2层取名为为车轮，将“运动车轮”动画片断从库中插入四个，并呈水平等距排列；第3层取名为旗，将“旗”动画片断从库中插入。分别调整三层各图形的关系，使其比例关系合适。制作坦克动画片断的各层元件及坦克动画片断如下图所示：图4-45a动画片断“旗”，图4-45b动画片断“运动车轮”，图4-45c车身，图4-45d动画片断“坦克”。（5）场景中动画的设置。回到主场景，建立4个图层，从上到下为引导线层、坦克层、山层和地面层。引导线层为一条平滑的弧线，坦克层加入动画片断“坦克”，并使得二者建立引导线形式的从左至右的运动动画，山层为线条工具所绘制的山背景，地面层为将引导线复制到地成面层后进行封闭并填充所做的填充图形。 4.3.5声音和按扭1.声音的应用Flash中声音能导入的格式主要为MP3和WAV两种，同时声音是Flash作品的重要组成部分，对声音的控制主要有两种，流式声音和事件声音。（1）新建立一个空白文档后，其第1帧为白色关键帧，此时打开文件菜单，选择导入命令，选择一个声音文件（MP3或WAV格式）。（2）如果声音可以导入，有一个导入画面，当声音导入后，选择第1帧，打开帧属性，在属性的窗口中选择刚才导入的声音，效果选择无，同步选择资料流，此时可以看到第1帧的位置上有导入的声音。（3）在后面的任意一帧增加关键帧，此时可以看到部分导入的声音，将最后一帧的帧进行向右的拖动，一直到整个声音被全被加入到图层中，其以波形的形式呈现在时间轴上。 2.按钮按钮的主要作用是提供可操作的交互性，按钮上设置一些鼠标事件来触发动作脚本的执行，就能通过鼠标控制动画的播放进程，实现动画的交互控制。常见的鼠标事件如下：（1）Press。在按钮上按下鼠标键即可产生触发，事件发生后，开始执行“On（Press）{}”之内的语句，直到“}”结束。（2）Release。在按钮上按下鼠标键后释放鼠标键即可产生触发，事件发生后，开始执行“On（Release）{}”之内的语句，直到“}”结束。（3）ReleaseOutside。在按钮上按下鼠标键后并在按钮外释放鼠标键即可产生触发，事件发生后，开始执行“On（ReleaseOutside）{}”之内的语句，直到“}”结束。（4）RollOver。当鼠标悬停在按钮上即可产生触发，事件发生后，开始执行“On（RollOver）{}”之内的语句，直到“}”结束。 （5）DragOver。按钮的DragOver事件发生比较复杂，它包括下面三个步骤：首先鼠标点击按钮，并按住鼠标不放，然后拖动鼠标指针到按钮之外，继续按住并按住鼠标不放，最后将鼠标指针放到按钮上，此时，该事件发生。事件发生后，开始执行“On（DragOver）{}”之内的语句，直到“}”结束。（6）RollOut。当鼠标指针滑动到按钮上，然后离开按钮即可产生触发，事件发生后，开始执行“On（RollOut）{}”之内的语句，直到“}”结束。（7）DragOut。当鼠标指针点击按钮后拖动并滑出按钮的时候可产生触发，事件发生后，开始执行“On（DragOut）{}”之内的语句，直到“}”结束。（8）KeyPress。该选项选中后，可以与参数窗口设置的键盘按钮一起，定义一个由键盘按钮产生的事件，该事件的发生是由是否按下定义键决定的。 4.3.6课件实例及输出1.“圆的面积”课件制作小学数学“圆的面积”Flash课件分别是界面场景、复习旧知场景、学习新知场景、例题解析场景、随堂练习场景。课件画面如图4-47所示。图4-47课件界面图4-48复习旧知 （1）界面场景的制作。此场景共1个背景层、4个导向按钮层、4个基本图层、1个音乐按钮层和1个音乐图层，共215帧。4个基本按钮层分别为复习旧知层交互fx场景、学习新知层交互xx场景、例题解析层交互lt场景和随堂练习层交互st场景。此4个按钮设计为当按下按钮时字体往下往右动一下且字体从白色变为黑色。4个基本图层是4个热气球上面的自分别是圆的面积4个字。音乐图层上加入音乐“阳光的温度”的截取段，为了让音乐长循环播放在音乐层上加入了动作脚本：mysong=newSound();mysong.attachSound("ygwd");mysong.start();mysong.onSoundComplete=function(){mysong.start();}i=0;sk="停止";其中sk为音乐按钮，为了使音乐能够稳定的停止与播放在音乐按钮上加入动作脚本：on(release){if(i%2==0){mysong.stop();sk="播放"}else{mysong.start();sk="停止"}i=i+1;}在此后的音乐按钮均为此按钮。 （2）复习旧知场景的制作。图4-48为复习旧知的画面。此场景有3个图层分别为元件层、返回按钮层和音乐按钮层，共1帧。进入“复习”动画片断层有4个图层，分别为标题层，问题层，答案层，按钮层。其中按钮层设计为当指针经过时颜色从褐色变为红色，并在答案图层上显示出正确答案。为了方便交互，在返回按钮中省去场景1界面的渐进显示动画，所以在返回按钮中加入动作脚本：on(release){gotoAndPlay("场景1",120)｝;此后的返回按钮均为此按钮音乐按钮层为场景1的音乐按钮的复件并加入动作脚本stop()； （3）学习新知识场景的制作。此场景有4个图层，分别为背景层、元件层、返回按钮层和音乐按钮层，共1帧。点击进入“xzyp”动画片断层，可以看到4个图层文件夹和1个按钮层，4个图层文件夹分别为“4份”、“8份”、“16份”、“新知文字”而按钮层和文件夹层同步共263帧。首先来看把圆分成4份儿的图层文件夹，如图4-49a，“4份”图层文件夹共5个图层，从图层1到图层4加一个动作层，而其中4个图层分别是圆的4份。从图4-49b图4-49c最后到图4-49d的动画变化用了59帧，并在动作层的第1帧，第39帧和第59帧加入动作脚本stop（）； 其次，把圆分成8份儿的图层文件夹，如图4-50a,“8份”图层文件夹共9个图层，从图层49到图层56加一个动作层，而其中8个图层分别是圆的8份。从图4-50b到图4-50c最后到图4-50d的动画变化用了69帧，并在动作层的第60帧，第99帧和第129帧加入动作脚本stop（）； 最后，如图4-52c为“新知文字”图层文件夹共6个图层，图4-52a是图4-49d、图4-50d、图4-51d合并图，图4-52b为解释并得出结论，从图层13到图层14动画变化用了69帧，并在动作层的第200帧，239帧，240帧，259帧，260帧，261帧，262帧中加入动作脚本stop（）; （4）例题解析场景的制作。此场景所要达到的主要是文本的渐出效果，场景共2个图层，分别为动作层和元件层，元件层又插入2个动画片断，第一个动画片断取名为“线圆”，是一条直线变形为一个圆，最后在圆中出现一条直径并且显示出4CM，此动画片断共1层35帧，另一个动画片断名为“例题”4个图层，分别为1个背景层，3个文本层，共1帧。此动画片断共2层，分别为动作层和文本层，在动作层的第1帧加入动作脚本：TextBuffer=TypeField;TypeField="";TextLen=2;第二帧中加入动作脚本：if(Number(TextLen)<=Number(length(TextBuffer))&&Number(TextLen)!=0){TextLen=Number(TextLen)+2;TypeField=substring(TextBuffer,1,TextLen);}else{TextLen=0;} 第3帧中加入动作脚本：gotoAndPlay(2)；由此实现文字打字效果。例题讲解如图4-53。 （5）随堂练习场景的制作。此场景所达到的效果是淡入。场景为3个图层分别为元件层，背景层和范围按钮层。首先进入动画片断“老牛吃草”层，此元件共有9个图层35帧，其中2个按钮层和1个动作层，图层2为动画片断是牛不停地移动吃草的效果。第1帧到第10帧，牛吃草和答案按钮的出现呈现淡出，在第10帧加入动作脚本stop()显示答案按钮的动作脚本为on(release){a="解：由题意可知R=1米，面积=Π*R*R=3.14*1*1=3.14（平方米）即那头牛能吃到3.14平方米的草。";}使牛停下来吃草并同时显示牛吃草轨迹按钮的动作脚本为on(release){gotoAndPlay(11);}图4-54为随堂练习画面效果。 2.测试及输出课件制作过程中及课件制作完成后，需要进行各种形式的测试，以检测各场景中的动画效果及脚本语句的应用是否合理，测试及输出有以下几种基本形式：（1）按下回车键的测试。按下回车键的测试主要是观察场景中各图层动画的整体运动效果。（2）场景的测试。按下“Ctrl+Alt+Enter”，将进行场景的测试，将会对本场景内的各图层帧、按钮、动作脚本语句进行测试。（3）影片的测试。按下“Ctrl+Enter”，将进行影片各场景的测试，将会对影片中各场景进行测试。（4）输出。制作完成的影片，在【文件】菜单中，选择【输出影片】，可以输出成SWF格式，AVI视频格式及动态GIF等格式，也可以输出静态的JPG图片。