资源简介

(共49张PPT)
项目五 制作简单交互课件
任务五 制作加载性导航课件
——测量小灯泡的电功率
下面通过制作“测量小灯泡的电功率”课件，为读者介绍利用loadMovieNum()函数调用外部swf文件的方法。
“测量小灯泡的电功率”课件
（一）制作导航页
首先制作认识立方体截面课件的封面以及切割截面的动画，具体操作如下：
导入图像素材
1.新建一个Flash文档，将场景大小设为800 600像素，然后将“封面.jpg”图像素材导入到舞台中，并将其“x”和“y”坐标都设为“0”。
新建并重命名图层
创建“标题”图形元件
2.在“图层1”上方新建3个图层，并将图层分别命名为“底图”、“标题”、“按钮”和“代码”。
3.选择“文本工具” ，在“属性”面板中将“系列”设为“微软雅黑”，将“大小”设为“60”，将“颜色”设为白色，然后在“标题”图层的舞台中输入标题文本，再为其添加“投影”滤镜，并将其转换为名为“标题”的图形元件。
创建渐显动画
创建“说明”按钮元件
4.在所有图层的第35帧插入普通帧，在“标题”图层的第15帧插入关键
帧，然后在“标题”图层第1~15帧之间创建传统补间动画，并将第1帧中的“标题”元件实例向下移动，并将其“Alpha”值设为“0%”。
5.在“按钮”图层的第20帧插入关键帧，然后选择“文本工具” ，在“属性”面板中将“大小”改为“40”，然后在舞台中输入“实验说明”文本，并将其转换为名为“说明”的按钮元件。
编辑“说明”按钮中的文本
创建下划线
6.双击舞台中的“说明”按钮元件实例，进入其编辑状态，在指针划过帧、按下帧和点击帧插入关键帧，然后将指针划过帧中的文本改为橙黄色（#FFCC00），再在点击帧的舞台中创建一个覆盖整个文本的矩形。
7.在“图层1”上方新建一个图层，并依次将图层重命名为“文本”和“下划线”，在“下划线”图层的指针经过帧插入关键帧，使用“线条工具” 在舞台中创建一条“笔触高度”为“3”，“笔触颜色”为橙黄色（#FFCC00）的水平线段作为下划线。
创建“按钮”图形元件
8.返回主场景，参照步骤5~7的操作创建“要求”和“内容”按钮元件，然后为所有按钮元件实例添加“投影”滤镜，再选中“按钮”图层第20帧中的所有按钮，将其转换为名为“按钮”的图形元件。
创建渐显动画
9.在“按钮”图层的第35帧插入关键帧，然后在“按钮”图层第20~35帧之间创建传统补间动画，再将第20帧中的“按钮”元件实例的“Alpha”值设为“0%”。
10.保存文档并按快捷键【Ctrl+Enter】测试课件效果，生成swf文件。
（二）制作实验说明
下面制作“实验说明.fla”文件 ，具体操作如下：
创建“标题”图形元件
1.新建一个Flash文档，将场景大小设为800 600像素，然后将“底图.jpg”图像素材导入到舞台中，并将其“x”和“y”坐标都设为“0”。
2.在“图层1”上方新建8个图层，并分别将图层命名为“底图”、“标题”、“文本1”、“文本2”、“文本3”、“电路图”、“遮罩”、“按钮”和“代码”，然后在“标题”图层中输入标题文本，并为其添加“投影”滤镜，再将其转换为名为“标题”的图形元件。
创建标题的渐显动画
创建“文本1”图形元件
3.在所有图层的第65帧插入普通帧，在“标题”图层的第15帧插入关键帧，然后在“标题”图层第1~15帧之间创建传统补间动画，再将第1帧中的“标题”元件实例缩小，并将其“Alpha”值设为“0%”。
4.在“文本1”图层的第15帧插入关键帧，然后使用“文本工具” 和“椭圆工具” 创建文本和正圆形（文本的字体是“微软雅黑”，大小是“30”，冒号前的文本是红色（#FF0000），冒号后的文本是白色，正圆的颜色是橙黄色（#FFCC00））。
创建“文字1”的渐显动画
创建“文字2”和“文字3”的渐显动画
5.在“文本1”图层的第30帧插入关键帧，然后在“文本1”图层第15~30帧之间创建传统补间动画，并将第15帧中的“文本1”元件实例向右水平移动，并将其“Alpha”值设为“0%”。
6.在“文本2”和“文本3”图层中创建“文本2”和“文本3”图形元件，并在“文本2”图层第20~35帧之间，以及“文本3”图层第25~40帧之间创建传统补间动画。
创建“绘图”按钮元件
编辑“绘图”按钮元件
7.在“按钮”图层的第40帧插入关键帧，然后使用“矩形工具” 和“线条工具” 绘制按钮的轮廓，并为其填充由浅蓝色（#00CCFF）到深蓝色（# 000066）的线性渐变，再将其转换为名为“绘图”的按钮元件。
8.双击“绘图”按钮元件实例进入其编辑状态，在“图层1”上方新建“图层2”，然后在“图层2”的弹起帧输入文本，在所有图层的指针经过帧、按下帧和点击帧插入关键帧，然后放大指针经过帧中的按钮图形和文本，再将指针经过帧中按钮图形的填充色改为由黄色（#FFFF00）到橘黄色（#FF6600）的线性渐变。
创建按钮的渐显动画
创建“电路图”图形元件
9.返回主场景，在“按钮”图层的第50帧插入关键帧，然后在“按钮”图层第40与第50帧之间创建传统补间动画，并将第40帧中“绘图”按钮元件实例的“Alpha”值设为“0%”。
10.在“按钮”图层的第51帧插入空白关键帧，在“电路图”图层的第51帧插入关键帧，然后将“底图”图层中“背景.jpg”图像素材原位复制到“电路图”图层的51帧中，再导入“电路图.png”图像素材，并输入标题文本，接着将“电路图”图层第51帧中的所有对象转换为名为“电路图”的图形元件。
创建“遮罩”图形元件
制作垂直移动动画
11.在“遮罩”图层的第51帧插入关键帧，然后创建一个覆盖整个舞台的矩形，并将其转换为名为“遮罩”的图形元件。
12.在“遮罩”图层的第65帧插入关键帧，然后在第51与65帧之间创建传统补间动画，并将第51帧中的“遮罩”元件实例向上垂直移动。
创建遮罩动画
创建按钮
13.在“遮罩”图层上右击，在弹出的快捷菜单中选择“遮罩层”菜单，创
建遮罩动画。
14.在“按钮”图层的第65帧插入关键帧，然后参照任务二的操作，创建一个“上一页”按钮和一个“返回”按钮。
15.保存Flash文档，并按快捷键【Ctrl+Enter】预览课件，并生成swf文件。
（三）制作实验要求
下面制作“实验要求.fla”文件 ，具体操作如下：
1.新建一个Flash文档，将场景大小设为800 600像素，然后将“底图.jpg”图像素材导入到舞台中，并将其“x”和“y”坐标都设为“0”。
创建“标题”图形元件
2.在“图层1”上方新建5个图层，并分别将图层命名为“底图”、“标题”、“文本”、“遮罩”、“按钮”和“代码”，在“标题”图层中输入标题文本，并为其添加“投影”滤镜，再将其转换为名为“标题”的图形元件。
创建标题的渐显动画
3.在所有图层的第30帧插入普通帧，再在“标题”图层的第15帧插入关键帧，然后在“标题”图层第1~15帧之间创建传统补间动画，再将第1帧中的“标题”元件实例缩小，并将其“Alpha”值设为“0%”。
4.在“文本”图层的第15帧插入关键帧，然后使用“文本工具” 输入文本，并为其添加“投影”滤镜。
输入文本并添加”投影”滤镜
创建缩放动画
5.在“遮罩”图层的第15帧插入关键帧，然后在舞台中创建一个覆盖整个舞台的任意颜色的矩形，并将其转换为名为“遮罩”的图形元件。
6.在“遮罩”图层的第30帧插入关键帧，然后在“遮罩”图层第15帧和30帧之间创建传统补间动画，并使用“任意变形工具” 调整第15帧中的“遮罩”元件实例的宽度。
添加“返回”按钮
7.在“遮罩”图层上右击，在弹出的快捷菜单中选择“遮罩层”菜单，创建遮罩动画。
8.在“按钮”图层的第30帧插入关键帧，然后创建或从“实验说明.fla”文档中复制一个“返回”按钮。
9.保存Flash文档，并按快捷键【Ctrl+Enter】预览课件，并生成swf文件。
（四）制作实验内容
下面制作“实验要求.fla”文件 ，具体操作如下：
新建并重命名图层
1.打开 “实验素材.fla”文档，然后在“图层1”上方新建4个图层，并分别将图层命名为“底图”、“标题”、“仪器”、“按钮”和“代码”。
输入标题文本
将实验仪器拖入舞台
2.将“库”面板中的“底图.jpg”图像素材拖至“底图”图层的舞台中，并在“属性”面板中将其“x”和“y”坐标都设为“0”，再在“标题”图层的舞台中输入标题文本，并为其添加“投影”滤镜。
3.将“库”面板>“器材”组中的“电阻器”影片剪辑、“电键”影片剪辑、“电池”图形元件、“灯泡”影片剪辑、“电压表”影片剪辑、“电流表”影片剪辑和“导线”图形元件拖至“仪器”图层的舞台中。
添加“透明”按钮
5.将“库”面板中的“透明”按钮元件拖入“按钮”图层的舞台中，使其完全覆盖“电键”影片剪辑实例。
4.双击舞台中的各个影片剪辑实例，会发现每个影片剪辑中都包含着一段动画。
6.在所有图层的第5帧插入普通帧，在“按钮”图层的第2帧插入关键帧，然后将“库”面板中的“透明”按钮拖至“按钮”图层第2帧的舞台中，并对其进行缩放操作，使其覆盖“电阻器”影片剪辑实例。
删除“透明”按钮并添加“上一页”和“返回”按钮
7.在“按钮”图层的第3、4、5帧插入关键帧，然后将“库”面板中的“上一页”和“返回”按钮元件拖至“按钮”图层第5帧的舞台右下方，并将“电阻器”影片剪辑实例上方的“透明”按钮删除。
（五）添加ActionScript 2.0代码
课件所需素材都准备好了，下面通过添加ActionScript 2.0代码实现加载和互动效果，具体步骤如下：
为“说明”按钮添加代码
2.双击舞台中的“按钮”元件实例，进入其编辑状态，选中“说明”按钮，为其添加代码。
1.打开“导航页.fla”文档，在“代码”图层的第35帧插入关键帧，并为其添加“stop”语句。
为“要求”按钮添加代码
3.选中“要求”按钮，为其添加代码。
为“内容”按钮添加代码
为“绘图”按钮添加代码
4.选中“内容”按钮，为其添加代码；然后保存文档并按快捷键【Ctrl+Enter】预览课件，并生成swf文件。
6.选中“按钮”图层第50帧舞台中的“绘图”按钮，然后为其添加代码。
5.打开“实验说明.fla”文档，在“代码”图层的第50帧和第65帧插入关键帧，并为这两个关键帧添加“stop”语句。
为“上一页”按钮添加代码 为“返回”按钮添加代码
7.选中“按钮”图层第65帧中的“上一页”按钮，为其添加左图所示的代码；再为第65帧中的“返回”按钮添加右图所示的代码；然后保存文档并按快捷键【Ctrl+Enter】预览课件，并生成swf文件。
8.打开“实验要求.fla”文档，在“代码”图层的第30帧插入关键帧，并为其添加“stop”语句。
9.选中“按钮”图层第30帧中的“返回”按钮，并为其添加右图所示的代码，然后保存文档并按快捷键【Ctrl+Enter】预览课件，并生成swf文件。
10.打开“实验内容.fla”文档，在“代码”图层的第2、3、4、5帧插入关键帧，并为第1~5帧添加“stop”语句。
11.将舞台中“电阻器”影片剪辑实例的“实例名称”设为“dz”，将“电键”影片剪辑实例的“实例名称”设为“dj”，将“灯泡”影片剪辑实例的“实例名称”设为“dp”，将“电压表”影片剪辑实例的“实例名称”设为“dy”，将“电流表”影片剪辑实例的“实例名称”设为“dl”。
12.双击舞台中的“电阻器”影片剪辑实例，进入其编辑状态，为“代码”图层的第1、2、6、11和17帧添加“stop”语句。
13.双击“库”面板>“器材”组中的“电键”影片剪辑，进入其编辑状态，为“代码”图层的第1和第5帧添加“stop”语句。
14.双击“库”面板>“器材”组中的“灯泡”影片剪辑，为“代码”图层的第1~5帧添加“stop”语句。
15.双击“库”面板>“器材”组中的“电压表”影片剪辑，为“代码”图层的第1、5、10和15帧添加“stop”语句，再对“电流表”影片剪辑进行相同的操作。
16.返回主场景，单击选中“按钮”图层第1帧中“电键”影片剪辑上方的“透明”按钮，并为其添加代码。
为第1帧中的“透明”按钮添加代码
为第2帧中的“透明”按钮添加代码
17.单击选中“按钮”图层第2帧中“电键”影片剪辑上方的“透明”按钮，并为其添加右图所示的代码。
18.为“按钮”图层第3、4、5帧中“电键”影片剪辑上方的“透明”按钮添加右图所示的代码。
为“电阻器”影片剪辑实力上方的“透明”按钮添加代码
19.为“按钮”图层第2帧中“电阻器”影片剪辑实例上方的“透明”按钮添加左图所示的代码；为“按钮”图层第3帧中“电阻器”影片剪辑实例上方的“透明”按钮添加中图所示的代码；为“按钮”图层第4帧中“电阻器”影片剪辑实例上方的“透明”按钮添加右图所示的代码。
为“上一页”按钮添加代码
为“返回”按钮添加代码
20.为“按钮”图层第5帧中的“上一页”按钮添加代码。
21.为“按钮”图层第5帧中的“返回”按钮添加代码。最后保存文档，并按快捷键【Ctrl+Enter】预览课件效果，并生成swf文件。
（六）补充学习
——常用浏览器/网络函数详讲
1．loadMovieNum ()和unloadmovieNum()函数
利用loadMovieNum()函数可以将外部的swf文件和JPEG图像加载到Flash Player中的特定级别。其格式为：
loadMovieNum(影片或图片,级别);
其中影片和图片必须同该Flash文件生成的swf文件在同一个文件夹中，文件名前不能有盘符或路径；级别用一个整数表示，代表影片的层次，级别越高，影片所在层次越靠上。
利用loadMovieNum()函数加载的对象，可以用unloadmovieNum()函数卸载，例如：
unloadMovieNum(3);
表示卸载第3级别上的内容。
2．loadMovie ()和unloadmovie()函数
利用loadMovie()函数可以将外部的影片或图片加载到一个目标路径中，例如加载到某个影片剪辑中。其格式为：
loadMovie(影片或图片,目标路径);
同loadMovieNum()函数一样，要使用loadMovie()函数影片和图片必须同该Flash文件生成的swf文件在同一个文件夹中，文件名前不能有盘符或路径。例如：
loadMovie(“杠杆原理.swf”，mc);
表示将“杠杆原理.swf”文件加载到实例名称为“mc”的影片剪辑实例中。
利用unloadmovie()函数可以卸载用loadMovie()函数加载的对象，其格式为：
unloadMovie(目标路径);
3．getURL ()函数
getURL ()函数可为按钮或其他事件添加网页网址，也可以用于向其他应用程序传递变量，格式为：
getURL("网址","窗口","变量");
网址：在其中输入要链接的网址，必须在网址前面加上http://，否则无法链接。
窗口（可选参数）：选择以什么方式打开链接，其中“_self”表示在当前浏览器窗口中打开链接；“_blank”表示在新窗口打开链接；“_parent”表示在当前位置的上一级浏览器窗口打开链接；“_top”表示在当前浏览器的上方新开一个链接。
变量（可选参数）：用于规定参数的传输方式，其中“用GET方式发送”表示将参数列表直接添加到url之后，与之一起提交，一般适用于参数较少且简单的情况；“用POST方式发送”表示将参数列表单独提交，在速度上会慢一些，但不容易丢失数据，适用于参数较多较复杂的情况。
例如为某个按钮添加如下代码：
on (release) {
getURL("http://", "_blank", "GET");
}
这段代码的意思是释放该按钮后，在新窗口中打开百度网站，并使用GET方式发送参数。
4．fscommand()函数
fscommand()函数主要用于控制动画播放窗口，其格式为：
fscommand(命令, 参数);
fscommand命令相关参数
fscommand命令语句可以用在关键帧、影片剪辑或按钮实例上。例如要实现让课件以全屏播放、按Esc键无法取消全屏、鼠标右击不显示相关命令、单击“退出”按钮退出动画的效果，可以执行以下操作实现。
步骤1 在课件主场景第1帧输入如下代码。
Fscommand ("fullscreen","true");
Fscommand ("trapallkeys ","true");
Fscommand ("showmenu","false");
步骤2 在课件中放置一个“退出”按钮，并为其添加如下代码。
on(release) {
fscommand ("quit");
}
任务六 使用模板制作课件
——中外建筑
下面将通过制作“中外建筑”课件，使读者掌握利用“高级演示文稿”模板创建Flash课件的方法。
“中外建筑”课件
（一）创建文档并准备素材
首先利用模板创建Flash文档，并导入课件所需素材，具体操作如下：
利用“高级演示文稿”模板创建Flash文档
1.选择“文件”>“新建”菜单，或者按快捷键【Ctrl+N】，在打开的“新建文档”对话框中单击“模板”选项卡，然后在左侧的“类别”列表中选择“演示文稿”选项，再在右侧的“模板”列表中选择“高级演示文稿”选项，并单击“确定”按钮。
文档中的说明文字
2.利用“高级演示文稿”模板创建Flash文档后，可以看到“时间轴”面板中包含4个图层，其中“说明”引导层中为用户简单介绍了修改Flash 课件的方法。
关键帧中包含的代码
3.单击选中“动作”图层的第1帧，然后打开“动作”面板，可以看到Flash已经为该关键帧添加了代码（使用的是ActionScript3.0语言）。这段代码可以实现通过按键盘上的方向键或单击按钮，来控制幻灯片的播放。
将图像素材导入到“库”面板中
4.选择“文件”>“导入”>“导入到库”菜单，将“建筑素材”文件夹中的所有图像素材导入到“库”面板中。
（二）设置课件封面
下面设置课件的封面，具体操作如下：
隐藏和解锁图层
改变页眉和页脚的填充色
1.单击“幻灯片”图层名称右侧眼睛图标下的小黑点，将其隐藏，再单击“背景”图层名称右侧的小锁图标将其解锁。
2.使用“颜料桶工具” 为“背景”图层舞台上方的页眉由上向下填充由“深蓝色（#0033FF）”到“蓝色（0066FF）”的线性渐变，为舞台下方的页脚填充“浅蓝色（#0099FF）”。
设置课件封面
3.将“幻灯片”图层第4帧中除标题文本外的其他对象删除，然后将“库”面板中的“金字塔.jpg”图像素材拖至舞台中，并调整其大小和位置，再在舞台中创建图形和文本。
（三）设置课件内容
下面通过修改“Slides MovieClip”影片剪辑的内容，制作课件内容，具体步骤如下：
设置第2张幻灯片
1.选择“幻灯片”图层的第2帧，然后删除舞台中除了标题文本外的其他对象，再将“库”面板中的“故宫.jpg”图像素材拖至舞台中，并调整其大小和位置，接着使用“矩形工具” 和“文本工具” 在舞台中创建图形和文本。
设置第3张幻灯片
设置第4张幻灯片
2. “幻灯片”图层第3帧中除标题文本外的其他对象删除，然后将“库”面板中的“神庙.jpg”图像素材拖至舞台中，并调整其大小和位置，再在舞台中创建图形和文本。
3.将“幻灯片”图层第4帧中除标题文本外的其他对象删除，然后将“库”面板中的“金字塔.jpg”图像素材拖至舞台中，并调整其大小和位置，再在舞台中创建图形和文本。
设置第5张幻灯片
4.在“幻灯片”图层的第5帧处插入空白关键帧，在“辅助线”引导层插入普通帧，然后将“库”面板中的“民居.jpg”图像素材拖至舞台中，并调整其大小和位置，再在舞台中创建图形和文本。
5.最后返回主场景，并保存文档，至此实例就完成了。

展开更多......

收起↑