资源简介

利用Flash 8 制作单场景交互式体育课件的方法及实例
交互性是多媒体课件的一个重要特性。具备交互性的课件可以使教师的教学过程更容易控制，能使学生的学习更加主动。Flash 8具备很强的交互设计功能，利用它能轻易地制作出交互性的课件，对于内容和结构比较简单的交互性课件，在Flash 8中利用一个场景便能完成。
单场景课件具体制作方法是：把课件内容分成几个板块，把每个板块都制作成影片剪辑，最后把它们都从库中拖放到主场景上。把按钮元件也拖放到主场景上，有多少个影片剪辑就拖多少个按钮元件，并在上面输入与影片剪辑相应的文字，让每一个按钮元件对应相应的影片剪辑，在播放时单击任意一个按钮就可进入到相应的影片剪辑界面进行播放。
下面以单场景交互课件——原地双手向前投掷实心球为范例讲解制作单场景交互课件的方法。
本范例是初中体育“原地双手向前投掷实心球”的单场景交互课件，这个课件共包括7个板块的内容：教学目标、教学重、难点、动作要领、完整动作示范、分解动作示范、易犯错误及纠正方法、辅助练习。
课件运行时，先显示主界面（如图1），在课件主界左边有7个导航按钮，单击任意一个按钮可进入到相应的影片剪辑进行播放，（如图2）所示是“易犯错误及纠正方法” 影片剪辑中的一个画面。

下面讲解本课件具体的制作过程：
一、启动Flash 8软件，设置文档的属性
运行Flash 8,新建一个文档，文档的属性可保持默认（大小为550×400像素，背景为白色，帧频为12），也可修改文档的属性（大小为700×450像素，背景为绿色，帧频为6）。
二、制作课件所需的元件：
（一）、制作图形元件：
1、制作实心球元件：单击“插入”菜单下的“新建元件”，在弹出的对话框名称栏内键入“实心球”，在类型选项下选择图形，点击确定后就进入了“实心球”元件的制作舞台。选择椭圆工具同时按住shift键，绘制一个笔触色为无、填充色为黑色的正圆图形。
2、制作投掷实心球的预备姿势图形元件：单击“插入”菜单下的“新建元件”，在弹出的对话框名称栏内键入“预备姿势”，在类型选项下选择图形，点击确定后就进入了“预备姿势”元件的制作舞台。利用刷子工具绘制预备姿势的图形（如图1）。打开库面板，把实心球元件拖放到预备姿势上，调整好位置既可（如图2）。

3、制作投掷实心球的开始投掷动作图形元件和最后出手动作图形元件：用上述同样的方法制作这两个图形元件（如图3、4）。注意在绘制投掷实心球的三个图形时，在大小、形状上尽量相同。否则，会让人看着不舒服。具体的绘制方法也可参照《中国学校体育》2011年第1期，胡献钊老师写的《Flash轻松制作体育绘图》这篇文章。如果绘画功底差，可用数码相机把图片拍下来，再用photoshop软件处理或用Word软件里的图片工具栏处理也行。

4、制作投掷区元件：单击“插入”菜单下的“新建元件”，在弹出的对话框名称栏内键入“投掷区”，在类型选项下选择图形，点击确定后就进入了“投掷区”元件的制作舞台。利用椭圆工具、直线工具、文字工具和
选择工具绘制投掷区的图形（如图5）。
（二）、制作按钮元件：
1、单击“插入”菜单下的“新建元件”，
在弹出的对话框名称栏内键入“按钮”，在
类型选项下选择按钮，点击确定后就进入了
“按钮”元件的制作舞台（所图6）。

2、单击“矩形工具”，选择笔触色为“无”，填空色为“浅篮色”，在“弹起”帧内绘制一个填充色为浅篮色的无边矩形，将矩形移到舞台的中心处（如图7）。
3、将鼠标放在“按下”帧内右击，在弹出的快捷菜单中选择“插入关键帧”，将矩形的颜色设为深蓝色（如图8）。在此按钮上不要输入文字，以便反复使用。元件在Flash里反复使用，可减少占用空间，使文件运行速度加快。

（三）、制作影片剪辑元件：将课件内容分为7个部分，并且针对每个部分创建一个影片剪辑元件。这7个部分的影片剪辑元件的具体制作方法：以原地双手向前投掷实心球的“完整的动作演示”为例：
1、单击“插入”菜单下的“新建元件”，在弹出的对话框名称栏内键入“完整的动作演示”，在类型选项下选择影片剪辑，点击确定后就进入了“影片剪辑”元件的制作舞台。
2、打开“库”面板，把库中投掷区元件拖入图层1的第1帧上，调整好位置。在15帧上右击，选择插入帧。
3、单击“插入图层”按钮，添加层2，把库中的“预备姿势”的图形元件拖入舞台，放在该层的第1帧上，调整好位置。在层2的第2帧上右击，选择插入空白关键帧，把库中的“开始投掷”的图形元件拖入舞台，放在该帧上。点击时间轴下面的“绘图纸的外观轮廓”按钮，就能看到前后多帧的图形轮廓，以便调整“预备姿势”与“开始投掷”图形的位置，让两个图形该重叠的重叠（如图9）。用同样的方法把“最后出手” 的图形元件拖入到该层的第3帧上，并调整其位置（如图10）。



4、单击“插入图层”按钮添加层3。在该层的第3帧上右击，选择插入空白关键帧，把库中的实心球元件拖入到该帧上，把实心球元件与“最后出手”中的实心球重合，以便准确地确定实心球开始运动的位置。然后单击层3上第3帧，选择编辑菜单上的剪切命令，把第3帧上的实心球剪切掉。接着再把“最后出手”的元件分离，删除其中的实心球元件。然后单击层3的第3帧，选择编辑菜单上的“粘贴到当前位置”命令，再把实心球粘帖到原来的位置。在层3的第15帧上右击，选择插入关键帧，把实心球拖动到落地区，并在两关键帧之间右击，选择创建补间动画。
5、单击“添加运动引导层”按钮，在层3上添加引导层。在引导层的第3帧上右击，选择插入空白关键帧，利用直线工具绘制直线，然后用选择工具进行微调，制作实心球的运动路径图。在第15帧上右击，选择插入帧。然后把层3的第3帧上的实心球与引导层上的运动路径的左端中心重合（如图11），接着再把层3的第15帧上的实心球与运动路径上的右端末尾中心重合（如图12），使实心球能够按照运动路径的方向运动。做完后测试一下效果，再进一步的调试。

6、在引导层上建层5，选中该层的第15帧右击，选择“插入空白关键帧”，分别在第1帧和第15帧上定义动作脚本：stop()；具体的定义动作脚本的方法，何平老师在2008年第5期的《中国学校体育》杂志上发表的文章“为动画教材的影片剪辑安装文字开关”已经讲解的很详细，在此我就不再详谈。
7、在层5上建层6，把库中的按钮元件拖入该层的第1帧上，共拖两次，分别在上面输入文字“播放”、“停止”。分别选择这两个按钮，在【动作】面板中定义它们的动作脚本。（“完整的动作演示”图层结构图和制作舞台如图13、14）。具体的操作如下：点击“停止”按钮，然后点击舞台下的动作选项，打开“动作—按钮”面板。点击“全局函数”(“影片剪辑”(在“on”上双击(在“release”上双击，在右侧栏内会出现“on（release）｛ ｝”,将光标定在｛ ｝里，点击“时间轴控制”(在“stop”上双击，在右侧输入栏内会出现“on（release）｛stop（）；｝” （如图15—16），在影片影片播放中随时可以“停止”播放的按钮就设置好了。 “播放”按钮动作脚本的设置方法与它雷同。我就不再重复。“播放”按钮上的动作脚本为：“on (release) { play( )；}”。然后选中第15帧右击，选择插入帧。



三、返回主场景中组合课件的内容
1、在“场景1”中，新建3个图层，并将所有图层
重新命名，从下向上依次是“背景”、“交互按钮”、“影片
剪辑”、“动作脚本”（如图17）。
2、在“背景”图层的第1帧上，把库中的“完整动
作演示”影片剪辑拖到该帧上，在该帧上输入课件的题目
“原地双手向前投掷实心球”，在第8帧上右击，选择插入帧。
3、在“交互按钮”图层的第1帧上，把库中的按钮元件拖入该帧上，共拖7次。把它们移动到主场景的左侧对齐，并在其上依次分别输入“教学目标”、“教学重、难点”、“动作要领”、“完整动作示范”、“分解动作示范”、“易犯错误及纠正方法”、“辅助练习”。这些按钮是用来控制课件各个影片剪辑的交互跳转。在第2帧上右击，选择插入空白关键帧，把库中的按钮元件拖到该帧上，放在舞台的右下方，共拖两次，并分别在其上输入“继续”、“返回”文字。然后从第3帧到第8帧分别按F6键添加关键帧。
4、在“影片剪辑”图层上，从第2帧到第8帧分别按F7键添加空白关键帧。从“库”面板中把“教学目标”影片剪辑拖放到第2空白关键帧上；把“教学重、难点”影片剪辑拖放到第3空白关键帧上；把“动作要领”影片剪辑拖放到第4空白关键帧上；把“完整动作演示”影片剪辑拖放到第5空白关键帧上；把“分解动作演示”影片剪辑拖放到第6空白关键帧上；把“易犯错误及纠正方法”影片剪辑拖放到第7空白关键帧上；把“辅助练习”影片剪辑拖放到第8空白关键帧上。
5、在“动作脚本”图层上，从第2帧到第8帧上分别按F7键添加空白关键帧，然后分别在1～8空白关键帧上定义动作脚本：stop()；
6、定义9个按钮上的动作脚本。分别选择“交互按钮”图层上的按钮，在【动作】面板中定义它们的动作脚本。具体的定义动作脚本的方法，依然可参照何平老师在2008年第5期的《中国学校体育》杂志上，发表的 “为动画教材的影片剪辑安装文字开关”这篇文章中的相关内容。下面我以定义“教学目标”按钮上的动作脚本为例作以详细的说明：点击“教学目标”按钮，然后点击舞台下的动作选项，打开“动作—按钮”面板。点击“全局函数”(“影片剪辑”(在“on”上双击(在“release”上双击，在右侧栏内会出现“on（release）｛ ｝”,将光标定在｛ ｝里，点击“时间轴控制”(在“gotoAndStop”上双击，在右侧输入栏内会出现“on（release）｛gotoAndStop（）；｝”，将光标定在“（）”里输入“2”就可以了（如图18）。在课件播放中随时可以跳转的“教学目标”的按钮就设置好了。其余按钮的动作脚本设置方法与它雷同，在此我就不再一一详谈。其余按钮上的动作脚本如下所示：“教学重、难点”按钮上的动作脚本为：on (release){gotoAndStop(3)；}。“动作要领”按钮上的动作脚本为：on (release){gotoAndStop(4)；}。“完整动作演示”按钮上的动作脚本为：on (release){gotoAndStop(5)；}。“分解动作演示”按钮上的动作脚本为：
on (release){gotoAndStop(6)；}。“易犯错误及纠正方法”按钮上的动作脚本为：on(release){gotoAndStop(7)；}。“辅助练习”按钮上的动作脚本为：on (release)
{ gotoAndStop(8)；}。“继续”按钮上的动作脚本为：on (release) { nextFrame();}。
“返回”按钮上的动作脚本为：on (release){ gotoAndStop(1)；}。课件完成以后主场景图层结构（如图19）。
四、测试并调试影片，输出可执行文件
点击“控制”下的“测试影片”，观看“原地双手向前投掷实心球”的制作效果，
如果有欠缺，再进行微调。调整文字开关、影片剪辑播放的准确性，直到满意为止。当确信动画课件没有什么问题时，就可以输出文件了。点击“文件”>“导出”>“导出影片”，在弹出的对话框的“文件名”内输入文件名称，点击“保存”，在新弹出的对话框里点击“确定”就可以了。

展开更多......

收起↑