《多媒体课件设计与制作》实验指导书

多媒体课件设计与制作》实验指导书

 

课程编号:

课程名称:多媒体课件设计与制作/ Design and Production of multimedia Courseware

实验学时:24

适应专业:教育技术学

承担实验室:文法学院实验中心

 

一、实验目的和任务

1实验教学的目的

本实验的目的是锻炼和提高学生进行多媒体课件设计与制作的能力。掌握多媒体课件设计的一般流程,熟悉多媒体创作软件——Flash的技术特点与应用,能够独立进行多媒体课件的设计与开发。

2实验教学的要求

基于在案例分析基础上,把握Flash软件的技术要点,重点是基础动画的创作方法和技术实现,兼顾课件分析、设计、制作、合成以及测试的全过程。

二、实验项目及学时分配 

 

序号

实 验 项 目 名 称

实验学时

实验类型

开出要求

1

flash绘图

4

验证

必做

2

Flash动画制作

8

验证

必做

3

单场景课件制作

4

验证

必做

4

多场景课件制作

4

验证

必做

5

ActionScript和组件的应用

4

验证

选做

 

三、参考资料

教材及参考书:

方其桂,Flash多媒体课件制作实例教程(第2版),清华大学出版社,2015

实验指导书:

自编《多媒体课件设计与制作》实验指导书。

 

四、单项实验的内容和要求

 

实验一  Flash绘图

1.实验目的与意义

掌握Flash绘图的基本规则和技术要领,为后续动画课件制作打下基础

2.基本原理和方法

利用直线工具、选择工具、基本图形工具等绘图,利用颜料桶填充和编辑颜色,以及过渡色的编辑、任意变形工具的应用。

3.主要仪器设备及耗材

软件平台:软件工具

硬件平台:PC

4实验方案或技术路线

1)预习Flash软件的基本功能及使用方法。

2)根据课堂提供的具体案例,完成“画草”、“房间“等场景绘图。

5.实验内容及步骤

1)花草的绘制

直线工具:拖动绘制直线。按住Shift键,可以绘制水平直线、垂直直线和45度的斜线。

绘制直线时,一条线段的端点连接到另一条线段的端点时,鼠标指针会变为圆形,两条直线自动连接在一起,这是由于“视图/贴紧/贴紧至对象”命令被设置为默认值。

设置直线的样式:

 

 

 

 

 

 

 


铅笔工具与直线工具的区别是:可以绘制曲线,而直线工具不可以。

铅笔模式

直线化:适用于绘制矩形、椭圆等规则图形。当绘制的图形接近一个矩形时,将自动转换为一个矩形。

平滑:适用于绘制平滑图形。绘制的图形会自动去掉棱角,使图像尽量趋于平滑。

墨水:适用于手绘效果,即绘制的图形轨迹就是最终效果。

渐变变形工具

混色器:编辑颜色,包括渐变色。

颜料桶:填充编辑好的颜色。如果对填充的渐变色不满意,可以使用渐变变形工具编辑。

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 


最终完成花草的绘制,同学们可在此基础修改、完善、创新。

 

2)基本图形的绘制

使用基本矩形工具和基本椭圆工具,合并绘制模式和对象绘制模式等方法,完成下面基本图形的绘制。

 

 

 

 

 

 

 


3)立体透视图形的绘制

根据一点透视的原理和画法,完成如下房间的绘制,并在完成勾边,填色。

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 


实验二  Flash基础动画

1.实验目的与意义

掌握Flash五种基础动画的技术要领,为后续动画课件制作打下基础

2.基本原理和方法

逐帧动画:在“连续的关键帧”中分解动画动作,也就是在时间轴的每帧上逐帧绘制不同的内容,使其连续播放而成动画。

补间动画:在前后两个关键帧中插入内容,前后两个关键帧之间的插补帧是由计算机自动运算而得到的。分为运动补间和形状补间。

引导线动画:使补间动画沿着绘制的曲线运动。

遮罩动画:利用色块遮住部分内容,通过色块的运动、变形等形成动画。

3.主要仪器设备及耗材

软件平台:软件工具

硬件平台:PC

4实验方案或技术路线

1)预习Flash基础动画的基本规则。

2)根据课堂提供的具体案例,完成“化合反应的微观现象”、“内吞”、“台风”、“光的衍射”等动画制作。

5.实验内容及步骤

1)化合反应的微观现象

首先创建文档和课件所需元件,然后需要规划图层并布局课件背景和标题

 

 

 

 

 

 


定义动画

选中“背景”图层第60帧,按F6键插入关键帧。选择“窗口”|“动作”命令,或按F9键打开“动作”面板。

在“动作”工具箱窗口中,依次展开“全局函数”|“时间轴控制”,双击stop选项,定义该帧动作为“stop();”。

在“背景”图层的最后一帧,出现一个a标志,表示该帧已经定义了动作脚本。

 

 

 

 

 

 

 

 

2)内吞

本例是中学生物“内吞”动画模拟演示课件,它通过形状补间动画演示了液体吞入细胞的过程。充分显现出Flash课件在展示生物微观现象时的优势,学生通过观看形象的内吞动画演示过程,对形成科学、规范的概念将大有裨益。

布局图层、规划元件

从元件编辑场景返回到主场景,插入3个图层,重新命名图层。

选择“背景”图层,在舞台上输入课件标题,添加滤镜效果。接着使用绘图工具绘制细长形装饰条。

将“库”面板中的“图标”影片剪辑元件拖放到场景中,调整好大小和位置。

 

 

创建内吞过程补间动画:

 

 

 

 

 

 

 


3)台风

创建台风沿路径移动的动画。

 

 

 

 

 

 

 

用“自定义缓入/缓出”调整台风的速度。

 

 

 

 

 

 

 

 

4)光的衍射

波是无形的,这个课件通过Flash动画将无形的知识直观地展示在学生面前,使学生的学习过程变得轻松,学习的内容变得形象直观。课件运行时,画面左边出现两个控制按钮,分别单击这两个按钮可以控制不同演示动画的播放。单击上面的按钮可以演示障碍物或孔的尺寸大于波长时,波的衍射现象不明显的动画效果。单击下面的按钮时,可以演示障碍物或孔的尺寸小于波长时,衍射现象比较明显的动画效果。

运用形状补间动画创建“圆”影片剪辑元件,然后,运用多图层创建“波”影片剪辑元件。

 

 

 

 

 

 

 


运用遮罩动画实现衍射动画效果。

 

 

 

 

 

 

 

 

 

 

 

 

 

 

实验三  单场景交互课件制作

1.实验目的与意义

练习简单动作脚本的使用方法,能利用ActionScript制作单场景交互课件

2.基本原理和方法

按钮动作和脚本语言结合,ActionScript 2.0基本语法。

3.主要仪器设备及耗材

软件平台:软件工具

硬件平台:PC

4实验方案或技术路线

1)预习按钮动作和ActionScript 2.0基本语法。

2)根据课堂提供的具体案例,完成“认识图形”、“正方体界面”等单场景课件的制作。

5.实验内容及步骤

1)认识图形

课件以幻灯片的形式展示一些生活中的实物图片,让小学生从自己的身边认识几何图形。学生们在轻松自然的浏览图片过程中,学习了知识,激发了想象。课件播放时,先显示一个课件封面,单击画面右下角的“播放”按钮,可以播放课件的下一个页面。在课件的图形展示页面上有两个按钮,左下角的按钮控制课件向前播放,右下角的按钮控制课件向后播放。这样可以任意控制课件的跳转播放。

布局图形和按钮元件:

 

 

 

 

 


定义帧动作和按钮动作实现交互。

下一页按钮:

on (press) {

      nextFrame();

}

上一页按钮:

on (press) {

      prevFrame();

}

 

2)正方体截面

这个课件通过导航交互控制,逐一演示正方体各种截面的形成过程,学生通过反复地播放课件进行学习,能够启发想象、掌握知识。当用鼠标指针指向画面上的正方体图形或者文字时,正方体图形会旋转以展示其空间形状。单击画面上的正方体或者文字,课件将转到交互的导航界面。 在交互导航界面上,左边放置了6个控制交互播放的导航按钮,单击这些按钮,可以分别演示各种正方体截面的形成过程。

制作动态按钮:

在课件封面上,用鼠标指针指向正方体图形或者下边文字时,正方体图形将会旋转,单击图形就会转到另一个界面。之所以产生这种效果,是因为封面上的这个正方体图形是一个动态按钮。

动态按钮同时具备影片剪辑和按钮两种特性,既可以用来实现影片的控制,又不失特殊的效果。制作中只要在按钮元件中加入影片剪辑元件,运用嵌套功能就可以使按钮具有动态效果。

 

 

 

 

 


制作截面影片剪辑元件:

按截面分割正方体,创建演示截面形成过程的动画效果。

 

 

 

 

 

 

 

 

 

 

 


布局场景和实现交互导航控制:

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 


实验四  多场景导航课件制作

1.实验目的与意义

掌握Flash场景的管理和应用,练习结构化、模块化课件的设计方法。

2.基本原理和方法

Flash多场景的设置方法,LoaMovieNum()函数实现SWF影片的互相调用。

3.主要仪器设备及耗材

软件平台:软件工具

硬件平台:PC

4实验方案或技术路线

1)复习课程内容,理解Flash多场景的设置方法,LoaMovieNum()函数

2)根据课堂提供的具体案例,完成“变阻器”、“金属的物理性质”等多场景导航课件的制作。

5.实验内容及步骤

1)变阻器

整体规划多场景课件的模块结构:

通过分析,本课件分为5个模块,1个主控导航模块和4个功能模块。主控导航模块在单独的场景中实现,其余4个功能模块“变阻器的结构原理”、“变阻器的工作原理”、“变阻器的接线方法”、“变阻器的使用方法”也分别在4个单独的场景中实现。

可以在主控导航场景中单击不同的按钮进入相应的场景,在每个场景中也定义一个按钮以返回到主控导航场景。主场景中的按钮和各个功能场景中的返回按钮动作脚本一般以下面的形式来实现:

on(press) {

          gotoAndPlay("场景名", 1);

}

 

制作分场景动画:

制作“主控界面”场景,制作“结构原理”功能模块场景,制作其他功能模块场景。

 

 

 

 

 

 

 


定义动作脚本实现多场景导航:

on(press) {

      gotoAndPlay("工作原理", 1);

}

//单击按钮,跳转到"工作原理"场景的第1帧开始播放

 

on(press) {

      gotoAndPlay("主控界面", 1);

}

//单击按钮,跳转到"主控界面"场景的第1帧开始播放

 

2)金属的物理性质

这个课件共包括6个模块,分别是1个课件片头、1个主控导航模块、4个功能模块。其中4个功能模块包括金属的内部结构、金属的导热性、金属的导电性、金属的延展性。课件运行时,先播放一个课件片头,播完以后,影片将自动跳转到课件的主控导航界面,下边有4个导航按钮,单击它们可以分别调用独立的影片文件,以打开相应的课件功能模块进行播放。

6个课件模块对应的SWF影片文件名为:

课件片头模块——片头.swf

主控导航模块——主控界面.swf

功能模块1(金属的内部结构)——内部结构.swf

功能模块2(金属的导热性)——导热性.swf

功能模块3(金属的导电性)——导电性.swf

功能模块4(金属的延展性)——延展性.swf

需要特别提醒注意的是6SWF影片文件必须放在同一个文件夹下。

 


制作主控导航影片:

 

 

 

 

 

 

 


制作其他4个功能模块影片:

 

 

 

 

 

利用加载函数完成调用:

loadMovieNum()函数的一般形式为:

loadMovieNum(影片或图片,级别)

loadMovie()使用的一般形式为:

loadMovie(影片或图片,目标路径)

实验四  ActionScript和组件的应用

1.实验目的与意义

掌握ActionScript和组件的应用方法,实现课件的测试题操作

2.基本原理和方法

ActionScript基本语法,组件的应用

3.主要仪器设备及耗材

软件平台:软件工具

硬件平台:PC

4实验方案或技术路线

1)复习课程内容,理解ActionScript基本语法和组件。

2)根据课堂提供的具体案例,完成“弹簧振子”、“判断题”、“多选题”等课件的制作。

5.实验内容及步骤

1)弹簧振子

规划图层和元件,完成页面布局:

 

 

定义实例名称:在舞台上定义,弹簧为th,小球为b1,固定端为b2

完成脚本语言,控制小球运动。

onEnterFrame = function ()

{

      x1 = b1._x + _root.b1.ball._x;

      y1 = b1._y + _root.b1.ball._y;

      x2 = b2._x;

      y2 = b2._y;

      dx = x2 - x1;

      dy = y2 - y1;

      l = Math.sqrt(dx * dx + dy * dy);

      th._x = x2;

      th._y = y2;

      th._xscale = l;

};

 

2)判断题

规划图层和元件,完成页面布局:

 

 

 

 

 

 

 

 

 


插入RadioButton组建,并完成设置。

 

 

定义脚本语言:

//分别在两个单选按钮实例上注册MouseEvent.CLICK事件侦听函数

noRb.addEventListener(MouseEvent.CLICK, clickHandler);

yesRb.addEventListener(MouseEvent.CLICK, clickHandler);

//下面定义clickHandler函数

function clickHandler(event:MouseEvent):void {

      //如果选择的单选按钮实例的value值为0

      if (event.target.value==0) {

             //调用主场景上的一个名字叫panduan的影片剪辑实例

             panduan.gotoAndStop("cuo");

                    //执行这个元件中标签为cuo的帧,并停止在这个帧上

                   

            

      } else { //否则

            

             panduan.gotoAndStop("dui");

                    //执行这个元件中标签为dui的帧,并停止在这个帧上

                   

            

      }

}

2)多选题

规划图层和元件,完成页面布局:

 

 

 

 

 

 

插入ChexBox组建,并完成设置:

 

定义脚本语言:

//Rbut是查看结果按钮的实例名,下面将其注册到侦听函数clickHandler

Rbut.addEventListener(MouseEvent.CLICK, clickHandler);

//下面定义clickHandler函数

function clickHandler(e:MouseEvent):void {

      if (cbox1.selected == 1 && cbox2.selected == 0 && cbox3.selected == 0 && cbox4.selected == 1 && cbox5.selected == 0) {

             //如果选择了第1和第4个复选框

             Dtext.text = "答对了!";

             //动态文本显示答对了!

             shengyin1.gotoAndPlay(2);

             //调用名字为shengyin1的影片剪辑元件,执行这个元件的第2

      } else {

             //否则

             Dtext.text = "答错了!";

             //动态文本显示答错了!

             shengyin2.gotoAndPlay(2);

             //调用名字为shengyin2的影片剪辑元件,执行这个元件的第2

      }

}