《杉中公子──银杉》课件制作实例精讲
硬件周刊
Flash已经成为制作多媒体电子课件的急先锋。它简单易用、功能强大,稍加学习,即可制作出图文并茂并具有交互功能的精美课件,有利于促进教师与学生的双向教流,提高教学水平与学习兴趣。
虽然Flash在动画制作和交互功能方面表现优异,但图形处理功能稍嫌不足。如果使用已收集的图形作为素材,就需要与Photoshop、CorelDRAW等专业的设计软件相配合。
我们以初中生物课本中的《杉中公子—银杉》为例,详细讲述多媒体电子课件的制作方法。本例基本涵盖了Flash多媒体电子课件制作中最常见的技术、最简单的脚本与最实用的方法,并使用Photoshop与CorelDraw作为辅助,即使没有受过系统美术训练,根据本文的讲述,也可以举一反三,制作出精美课件。
本课件主要采用分场景制作的方式,可以解决如下问题:
如何搜集素材并对素材适当处理?
如何制作实用的精美课件?
如何用简单的脚本实现课件的交互?
如何添加音乐音效?
如何对课件作后期处理?
一、如何搜集素材
在制作课件前,一般都需要搜集大量的素材。合适的素材可以大大缩短制作时间,简化制作步骤。在制作中,可能会遇到两种情况:
一是课本篇幅较长,需要对授课内容作详细分析,确定讲述的重点难点,理出清晰脉络。而这些重点难点,通常就是课件的内容;而脉络就是标题,有时候一个大标题就是一个界面。在搜集素材时,就要根据确立的重点,充实相关内容,比如添加图片、视频等,从各个方面拓宽学生的知识面。如果单单用课本知识制作电子课件,内容较窄,不足以形成联想记忆,课件的制作意义就不强。
二是因课本上内容较少,不足以形成一个完整的课件,需要补充知识,联系前后章节,增强学生认知。这时候,素材的搜集工作更是犹为重要。
我们需要的素材主要包括4类:文字、图片、视频和音频。其中,图片的使用量最大。
如何获取需要的素材?可以从面的途径来搜集:
1.利用现成资料或自己制作拍摄
如果文字资料较多,打字录入无疑是个笨办法。有一个很简便的方法,就是利用扫描仪将文字扫描进电脑,并用OCR文字识别软件转换获得。操作方法也很简单,现在一般的扫描仪都具备这种功能。具体方法请见相关介绍。
至于图片,我们可以最大限度的利用各种图书出版物(如科普读物、教科书、杂志封面、摄影集和摄影杂志等)从中获取精美的图片,也可以使用自己拍摄和积累的照片资料。将所需图片用扫描仪扫描下来,经过加工后,整合进课件中。现在的扫描仪,一般都有彩色扫描功能。
扫描前,需要考虑图片是否将被放大。如果不需放大,72dpi就够了。否则就需要选择适当的分辨率。比如,一张3cm×2cm的图片,因制作构图需要希望放大2倍,这时,可将分辨率提高到150即可。
视频可以通过摄像机录入,Flash允许嵌入MPEG与AVI的视频。
音频可以通过Windows自带的“录音机”录入,当然需要安装麦克风。
2.从CD-ROM中获取
在市面上,有许多关于动、植物的素材碟(如《观赏植物》、《宠物世界》),我们可以直接利用这些素材。
许多生物教学软件(如美国的《Biology》、《ENCARTA2000》,英国的《自然大百科》、《Human Body》,中国的《鹏博士》系列)也提供了大量的精美图片。
如果图片并不以现成文件形式存在于CD-ROM中,但我们仍旧可以利用屏幕抓取的方式或抓图工具软件(如:Hypersnap)来获得。
方法很简单:先在电脑上运行软件到有该图片的屏幕画面,再按下键盘上的Print Screen键,然后打开画板或Photoshop等图形处理软件,粘贴,图片就被抓取下来了。
3.从Internet上获取
互联网已经成为资源的最佳获取途径:方便快捷,资源丰富,而且大部分都是免费的。可以利用搜索引擎,如百度(http://www.baidu.com)、高洁(http://www.google.com)、搜狐(http://www.sohu.com)、雅虎(http://www.Yahoo.com)等,来查找我们所需的资料。例如,要从网上获取一幅“银杉”的图片,怎么办?非常简单,登陆Internet后,打开一个搜索引擎,键入“银杉”字样,单击“搜索”按钮,一会儿就显示出搜索结果。通过鼠标点击进入被搜索到的各个网站,找到所需的资料,下载到自己的文件夹中就可以了。
还有一些专门提供素材的网站,如闪吧(http://www.flash8.net)、闪客天空(http://www.cnflash.net)、闪客俱乐部(http://www.flasherclub.com)等。一般到这些网站,是为了寻找音乐音效。
通过以上途径获取的素材,不一定完全适合要求。素材的搜集与整理,一般由多到少,由粗到精。例如,为制作本课件,笔者共搜集了约35项素材,边制作边筛选。除一个视频是从光盘上获取外,其他所有素材均是从互联网上搜索得到的。
另外,在整理素材时,一定要进行适当筛选,切忌喧宾夺主,扩充的知识面不宜过大,以免学生难以接受。
二、制作分析
素材收集得差不多了,该进入课件的制作部分了。先让我们理清头绪,方便后面的制作。
1.制作思路
《杉中公子—银杉》是生物课件,经过思路整理,共分5部分,按课件中的编号分别是:
* P1 银杉真面目
* P2 惊人大发现
* P3 追根溯源
* P4 如何保护银杉
* P5 课后小答
这5部分逐渐深入,形成一个完整的链路。
在制作的时候,5部分分别对应一个场景,并由一个菜单导航。
2.构图分析
本课件只有一个基本界面,我们采用了最常用的构图方式,就是把整个界面分成上、中、下三部分。最上面是标题栏,中间是内容,最下面是导航栏。
3.配色说明
本课件采用了绿色为主色调,与“银杉”这一珍稀资源的颜色一致,与主题很好的结合了起来。
三、制作基本界面
1.界面规划
我们先根据上面的构图分析规划基本界面。
①双击Flash MX 2004应用程序图标,打开Flash MX 2004应用程序窗口。
②在“创建新项目”栏单击“Flash文档”按钮,创建一个新的Flash文档。
③在“属性面板”中,更改“尺寸”为640px×380px,其余参数默认。
④选择菜单“窗口→设计面板→场景”调出“场景面板”,双击“场景1”更改场景名为“P1”。
⑤按下“CtrL+Shift+Alt+R”键调出标尺,拉出4条辅助线,2条水平,2条垂直,分别与舞台边缘贴齐;再拉出另2条水平辅助线,划分出标题区与导航栏。
⑥单击“矩形工具”,填充色为#005341,笔触色为无,沿辅助线画出上面的矩形;再更改填充色#015F4F,画出下面的矩形,如图1所示。
⑦单击“选择工具”选定上面的矩形,在“属性面板”中,可以看到其长与宽为640px×45px。记住这个尺寸,因为后面我们要根据这个尺寸制作标题条的背景图片。
⑧按下“Ctrl+S”键,保存文件为“杉中公子.fla”。
2.制作基本界面
在制作标题条的时候,我们需要对图片略作加工,使用的软件是Photoshop和Corel Draw。
注意:如果不熟悉这两种软件,可直接使用上面制作的颜色条,或者挑一张素材图片,裁切成标题条大小也可以。
(1)用Photoshop制作标题条
①双击Photoshop应用程序图标,打开Photoshop应用程序窗口。
②选择菜单“文件→新建”,新建一个文件,长与宽为640px×45px,分辨率为72dpi。
③单击“前景色”,弹出的“拾色器”对话框。在左下角带有“#”的输入框中输入“005341”,确定。
④按下“Alt+Del”键,用前景色填充图层。
⑤按下“Ctrl+S”键,保存文件为“标题条.psd”。
⑥打开我们原来在素材中收集的一张银杉图片,如图2所示。
⑦单击“移动工具”,将素材图拖到新建的文件中,该图片被自动放置在“图层1”上。
⑧选择菜单“编辑→变换→水平翻转”,然后移动并放置图片,如图3所示。
⑨单击“图层”面板上的“添加图层蒙版”按钮(左边第2个),此时“图层1”的“图层缩览图”右边会出现一个“图层蒙版缩览图”。
⑩单击“图层蒙版缩览图”,再选定“渐变工具”,从右到左拉一条水平线渐变线出来,可以看到,图片的左边模糊了,已经融入了背景中。
注意:如果对图层蒙版不熟悉,可以直接使用“橡皮擦”工具,将笔刷设到300,用软笔刷擦拭左边,也可以使图片融入背景。只是这种操作会擦去部分原图(使用前最好将原图复制一层),而使用蒙版则对原图不造成损害,可通过多次编辑蒙版来改变原图融入效果,删除蒙版即可恢复原图。
单击“背景”层,选择“加深工具”,画笔大小约为80,在左边随意稍加拖动,使部分颜色加深,与周围颜色形成渐变过渡。
下面,要新增1层,在图片层上面绘制白色方格线以增加朦胧的感觉。笔者是用CorelDRAW制作的,不熟悉CorelDRAW的读者也可以用Photoshop中的“直线工具”直接绘制,只是较为麻烦。因白色方格线较明显,我们需要将它们隐入背景中。在该层的“设置图层的混合模式”下拉列表中,选择“叠加”项,效果如图4所示。
合并所有图层(快键:Ctrl+Shift+E),另存文件为“1.jpg”。关闭文件。标题条制作完成。
(2)用Flash制作基本界面
基本界面直接影响课件的整体视觉效果。本课件的所有界面都是用基本界面作为框架,再添加各自内容。
①打开“杉中公子.fla”文件,进入“P1”场景。
②双击“图层1”,重命名为“背景条”。
③选择菜单“文件→导入→导入到舞台”,将1.jpg文件导入,放置在标题条的位置。原标题条下作为构图分割的颜色条可以删除。
④在右边的“混色器”面板中,设定“填充样式”为“线性”,单击左边小蜡笔头,设置为白色,Alpha为0%;单击右边小蜡笔头,设置为黑色,Alpha为50%。
⑤单击“矩形工具”,设置“笔触颜色”为无,在图片下方绘制长条矩形,并用“填充渐变工具”调节成垂直渐变,放置在图片下方作为投影,局部放大后效果如图5。
⑥新增“标题层”。单击“文本工具”,设置“字体”为“黑体”,“文本颜色”为白色,在第1帧中输入文字“杉中公子”(“字号”为20)、“银杉”(“字号”为26)与“<初中生物课件>”(“字号”为8)字样。在“杉中公子”与“银杉”间制作白色小圆点以示分隔。整个基本界面如图6。
下面,需要制作一个大大的黑框,把场景外的全部图像遮住。这样做的目的,是在最后的播放文件中,超出场景部分将全部被黑色外框所遮盖,不会被浏览者看到。
⑦在“背景条”层上面新建1层,重命名为“遮色框”。
⑧单击“缩放工具”,选择“缩小”,在舞台中连续单击,使舞台缩放到最小。
⑨单击“矩形工具”,设置“填充色”为黑色,“笔触颜色”为无,在“遮色框”层第1帧处绘制一个大大的矩形,将整个绘制区域全部充满。
⑩单击“遮色框”层的“以轮廓显示”按钮。用“放大镜”放大舞台。单击“矩形工具”,设置“填充色”为任意色,“笔触颜色”为任意色,在“遮色框”层第1帧处绘制一个矩形,大小正好覆盖舞台。
单击“遮色框”的“以轮廓显示”按钮,使图层正常显示。可以看到,大外框中心的运动框部分,被另一矩形覆盖。单击“选择工具”,双击选定中间的矩形,删除。按下“Ctrl+S”键保存文件。
一般而言,“遮色框”层位于所有其他图层上方。
基本界面制作完成。
四、制作课件界面
基本界面制作完毕,就可以以此为蓝本制作本课件的各界面了。
1.制作“P1 银杉真面目”界面
本界面使用了一张图片,是用两张素材图合在一起的,一张是银杉图,一张是银杉球果的放大图,另存成“1.jpg”备用。具体请参见图7。
(1)先安排素材
①在“杉中公子.fla”文件的“P1”场景中,新增1层,双击重命名为“图片”。
②选择菜单“文件→导入→导入到舞台”,将处理好的“1.jpg”导入到“图片”层第1帧,并将该层拖动到最下层。
③在“背景条”层上新建1层,重命名为“内文”。
④单击“文本工具”,输入以下文字:
小知识:银杉真面目
银杉,属裸子植物,松科。国家一级保护植物。别名衫公子,是一种高十至二十米的常绿乔木。它是我国特产的属于第三纪残遗下来的珍稀植物。分布于广西,湖南,四川,贵州等地海拔一千四百至一千六百米针阔叶混交林、常绿与落叶混交林中,间或在向阳山脊的石隙、石缝中也有它们生长。银杉的树皮为暗灰色,并龟裂成不规则的薄片,恰似一些古朴典雅的图案。深绿色的树叶,象螺旋般呈辐射状伸展,条形中略带镰状大弯曲,一丛丛,一簇簇,十分奇特。每年三、四月间,银杉开花,淡淡的娇黄绿色,好像一般阔叶树刚绽出的娇芽,十分美丽。 银杉是较为古老的树种,对我国植物学研究有很高的科研价值。
另外还有注释:“银杉球果”与“银杉”。
(2)再考虑如何排版
因为图片的形状比较特殊,需要考虑如何排版。
一种是字绕图,另一种就是象图11这样分两栏。因为字绕图需要调整每一行的字数,处理较为麻烦。从美观角度看,偶用感觉很好,但多用就觉繁复。因为后面也用到了这种排版方式,这里为了整齐美观,从全局考虑,采用了后一种。
文字全部是黑体,只是字号有区别。其中“P”为38号字,“1”与标题“银杉真面目”为18号字,内文全部是12号字,注释为8号字,注释旁有小三角形指向对应的图片。
制作完成后,效果如图7所示。
“P1 银杉真面目”界面制作完成。
2.制作“P2 惊人大发现”界面
(1)制作界面
这个界面制作较为简单。
①在“场景面板”中,单击“重制场景”按钮,并双击重制的“P1拷贝”,更名为“P2”。其余场景P3~P5也可以用同样的方法制作,不再赘述。
②单击“图片”层第1帧导入素材图“2.jpg”,删除掉“1.jpg”,将图片右对齐,再将内文换成如下文字:
字号等与P1相同。制作完成后,效果如图8所示。
“P2 惊人大发现”界面制作完成。
(1)控制场景跳转
一般做完所有界面后,才开始添加脚本来控制场景跳转。因为后面界面中又包含翻页控制、视频控制等,不先实现场景控制就无法测试,因此,我们先将这一部分制作出来。
首先来制作控制按钮。
①新增1层,重命名为“action”。单击该层第1帧,按下“F9”键调出“动作面板”,在命令输入框中输入如下命令:
stop();
这样,文件运行到该帧就会停下来,否则将按照场景顺序依次播放。
②选择菜单“插入→新建元件”,创建一个按钮,名称为“btn back”。按钮各帧如图9。
注意:因为按钮用到了白色,与白色背景相同,所以需要更改背景色为其他颜色,制作好后,再改回。后面制作白色按钮时,也遇到了这种情况。
③返回“P2”场景,按下“Ctrl+L”键调出元件库,将“btn back”按钮从库中拖放到场景下方的导航栏上。
④复制一个“btn back”按钮出来,选择菜单“修改→变形→水平翻转”,将复制的按钮翻转并与源按钮并排放置。
⑤选择源按钮,在“动作面板”的命令输入框中输入如下命令:
on (release) {
//释放鼠标时
nextScene();
//播放下1场景
}
⑥选择复制按钮,并添加动作脚本如下:
on (release) {
//释放鼠标时
prevScene ();
//播放上1场景
}
⑦将这两个按钮选中,复制并原位粘贴(快键:Ctrl+Shift+V)到其余各场景中。
⑧再单击“action”层,右击,选择菜单“复制帧”,分别进入其余各场景中,新增1层,粘贴帧。
⑨按下“Ctrl+Enter”键测试整个课件,看按钮能否控制各场景的跳转。
⑩按下“Ctrl+S”键保存文件。
3.制作“P3 追根溯源”界面
P3界面有一个不同之处,就是因为图片的关系,一页放不下所有文字,需要翻页。
(1)制作第1页
①在“场景面板”中,单击“P3”场景,在“图片”层导入素材图“3.jpg”(新生代),放置在左下角。
②在“图片”层上新增“图片2”层,导入“4.jpg”(古生代银杉),放置在右上角。
③在“图片2”层上新增“遮罩”层,单击“椭圆工具”,按住“Shift”键不放,在“4.jpg”上方绘制一个正圆。右击“遮罩”层,在弹出的菜单中选择“遮罩层”项,“4.jpg”就只出现在正圆中。
(4)再将内文换成如下文字:
(2)制作第2页
①在不选定任何1帧的情况下,按下F6键,使所有层插入关键帧,并将“action”层第2帧也加入动作脚本:
stop();
②将第2帧中的内文换成如下文字:
远在新生代第三纪时,银杉就分布于欧亚大陆。经第四纪冰川浩劫,古代欧洲的银
杉均遭绝灭。而我国广西、四川发现的银杉,是世界上仅有的一种,成为植物界的活化石。
银杉的发现,为高等植物的进化理论以及古生物、古气候、古地理与古地质学的研究
提供了极其珍贵的资料,也是我国惟一的活化石。
(3)如何实现翻页浏览
现在,需要制作按钮,使按钮能够点击翻页。
①选择菜单“插入→新建元件”,创建一个按钮,名称为“Next”。按钮各帧如图10。其中,“弹起”帧与“按下”帧相同。
②返回“P3” 场景,将“Next”按钮从元件库中拖出,放置在该场景第1帧中内文的下方。
③单击选定“Next”按钮,按下“F9”键调出动作面板,在命令输入框中输入如下命令:
on (release) {
//释放鼠标时
nextFrame();
//播放下1帧
}
④用同样的方法,再制作“Prev”按钮,放置“P3”场景第2帧内文的下方,并为该按钮添加动作脚本如下:
on (release) {
//释放鼠标时
prevFrame();
//播放上1帧
}
⑤按下“Ctrl+Enter”键测试课件,看按钮能否控制翻页。
⑥按下“Ctrl+S”键保存文件。
“P3 追根溯源”界面制作完成,如图11。
4.制作“P4 如何保护银杉”界面
在这一界面中,我们使用了视频。
Flash最新的MX 2004版本支持导入的视频格式包括:
● QuickTime影片(*.mov)。
● Windows视频(*.avi)。
● MPEG影片(*.mpg; *.mpeg)。
● 数字视频(*.dv; *.dvi)。
● Windows Media(*.asf; *.wmv)。
● Flash视频(*.flv)。
如果您的系统安装了QuickTime 4或更高版本,在Windows和Macintosh平台就可以导入这些格式的视频。
如果您的Windows系统只安装了DirectX 7(或更高版本),而没有安装QuickTime,则只能导入MPEG、AVI和Windows媒体文件(*.wmv和*.asf)文件。
对于导入的视频对象,可以进行缩放、旋转、扭曲和遮罩处理,也可以通过编写脚本来创建视频对象的动画。
如果导入AVI格式的视频流,只能完整导入;如果导入MPEG格式的视频流,则可进行剪辑。大部分的VCD影视光碟都是MPEG格式的。这两种格式也可以通过超级解霸等软件进行转换。下面我们以MPEG格式为例进行讲述。
(1)更换内文
①在“场景面板”中,单击“P4”场景。
②将内文换成如下文字:
(2)如何导入并编辑视频
单击“图片”层,更改图层名为“视频”, 选择菜单“文件→导入→导入到舞台”, 在弹出的“导入”对话窗口中,选择光盘中找到的银杉视频“5.mpg”文件,再 单击“打开”按钮,就弹出了“视频导入”向导。
在剪辑影片前,可以单击“预览剪辑”按钮观看整个影片,以便确定保留什么或删除什么。如果希望导入整个视频,单击“下一步”按钮;如果希望编辑视频,先选择“先编辑视频”单选框,再单击“下一步”按钮。视频编辑界面如图12。
⑴影片剪辑列表区
⑵影片预览区
⑶删除当前选择的设置
⑷将剪辑上移
⑸将剪辑下移
⑹播放头
⑺输入点
⑻输出点
⑼将输入点设为当前位置
⑽后退1帧
⑾从当前位置播放
⑿停止播放
⒀前进1帧
⒁将输出点设为当前位置
向左拖动输入点,确定影片的开头位置; 向右拖动输出点,确定影片的结束位置。然后单击“创建新剪辑”按钮,左边的剪辑列表框中会出现一个剪辑名“5.mpg”。
如果需要的片断是不连续的,可以用同样的方法再创建另一段影片剪辑,还可以改变影片剪辑的顺序──这决定着导入后影片播放的先后。
如果希望多个剪辑导入后作为一个元件,单击下方的“导入后将剪辑列表合并到单一库项目”。然后根据导入向导的提示,一步一步操作即可,简单而实用。
导入后,需要在场景中延长时间轴到视频流的末尾。
(3)如何用播放器控制视频流
如果希望控制视频流到最前、播放、到最后、暂停与停止,就需要制作播放器。最简单的方法就是使用Flash MX2004提供的“行为面板”。
①选定场景中“5.mpeg”视频,在“属性面板”中添加实例名称为“video”,以方便后面调用。
②新建5个按钮,分别对应各自功能,如图13所示。
③将以上按钮从元件库中拖放到场景中视频的下方,排列一列居中放置。
④选择菜单“窗口→开发面板→行为”调出“行为面板”, 单击场景中的“播放”按钮,再在“行为面板”中单击“+”按钮添加行为,依次选择“嵌入的视频→播放”项,如图14所示。
⑤在弹出的“播放视频”对话框中,选择“video”,确定。
⑥“暂停”与“后退”按钮可以用同样的方法添加行为。
⑦“到最前”按钮可以在“动作面板”中添加脚本如下:
on (release) {
gotoAndPlay(1);
}
⑧“到最前”按钮可以在“动作面板”中添加脚本如下:
on (release) {
gotoAndStop(最后1帧的帧数);
}
⑨按下“Ctrl+Enter”键测试课件,看按钮能否控制视频的播放与停止。
⑩按下“Ctrl+S”键保存文件。
“P4 如何保护银杉”界面制作完成,如图15所示。
5.制作“P5 课后小答”界面──利用组件
课后小答包括单项选择题、多项选择题、填空题与论述题。不是测试,不计分,只是就重点难点进行提问,引导学生回顾一节课所讲内容,以加深记忆。这样的话,就需要2帧,第1帧提出问题,第2帧显示答案。
由于Flash的组件功能,这一部分变得十分简单。通过表单,我们甚至完成考试的全电子化测试――当然需要更多的脚本知识。
下面我们来一步步制作。
(1)单项选择题
①在“场景面板”中,单击“P5”场景。
②将“6.jpg”图片导入到“图片”层,放置在场景右侧。
③将标题换成如下文字:
P5 课后小答
④单击“文本工具”,在场景中的“内文”层键入第1个问题“1.银杉是哪种植物?”
⑤选择菜单“窗口→开发面板→组件”,调出“组件面板”。“组件面板”中共包括3大类,我们使用的是“UI Components”类。
⑥找到“UI Components”类中的“RadioButton”(单选按钮)项,拖放4次到问题1下方,排成一列。
⑦选定第一个“RadioButton”,打开“属性面板”,单击“参数”选项卡,更改“Lable”(标签)为“苔藓植物”,确定“Selected”项为“False”。
⑧用同样的方法,依次更改另外3个“RadioButton”的“Lable”分别为“蕨类植物”、“裸子植物”与“被子植物”。
单项选择题制作完成。
(2)多项选择题
①单击“文本工具”,在场景中键入第2个问题“2. 银杉与以下哪几种植物是同一类植物?”
②同样在“组件面板”的“UI Components”类中,找到“CheckBox”(复选框)项,拖放4次到问题2下方,排成一列。
③选定第一个“CheckBox”,在“属性面板”的“参数”选项卡,更改“Lable”为“苏铁”,确定“Selected”项为“False”。
④用同样的方法,依次更改另外3个“CheckBox”的“Lable”分别为“马尾松”、“银杏”与“珙桐”。
多项选择题制作完成。
(3)填空题
①单击“文本工具”,在场景中键入第3个问题“因珍稀银杉被称为___________ 、__________?”
②单击“直线工具”,按住“Shift”键不放,在空白处下方绘制2条下划线。
③单击“文本工具”,在“属性面板”中的“文本类型”中选择“输入文本”,在两条下划线上分别划出两个矩形框,高度为一行,作为答案的接收框。
填充题制作完成。
(4)论述题
①单击“文本工具”,在场景中键入第4个问题“说说如何保护银杉。”。
②单击“文本工具”,在“属性面板”中的“文本类型”中仍旧选择“输入文本”,在“线条类型”中选择“多行”,并点选“在文本周围显示边框”项,在问题下方拉出一个矩形框。
论述题制作完成。
注意:也可以用组件中的ScrollBar(滚动条)制作。
(5)制作答案页
①在不选定任何1帧的情况下,按下F6键,使所有层插入关键帧,并将“action”层第2帧也加入动作脚本:
stop();
②单击选定“裸子植物”单选按钮,在“属性面板”的“参数”选项卡中,更改 “Selected”项为“True”。
③单击选定“苏铁”、“马尾松”与“银杏”复选框,在“属性面板”的“参数”选项卡中,更改 “Selected”项为“True”。
④单击“文本工具”,设置“文本类型”为静态文本,在问题3的下划线上键入答案“活化石、植物界的“熊猫”。
⑤单击“文本工具”,在论述题下方输入:
“(1)禁止或限制采伐。必须采伐时应选择适宜的采伐方式,确保天然更新。
(2) 在原产地建设自然保护区。”
(6)跳转控制
现在,我们要制作一个按钮,单击此按钮,就会跳转到正确答案页。
①选择菜单“插入→新建元件”,创建一个按钮,名称为“正确答案”。按钮各帧如图16。其中,“弹起”帧与“按下”帧相同。
②返回“P5” 场景,将“正确答案”按钮从元件库中拖出,放置在该场景第1帧论述题部分答案框的下方。
③单击选定“正确答案”按钮,在“动作面板”命令输入框中输入如下命令:
on (release) {
//释放鼠标时
nextFrame();
//播放下1帧
}
④按下“Ctrl+Enter”键测试整个课件,看按钮能否控制各帧的跳转。
⑤按下“Ctrl+S”键保存文件。
“P5 课后小答”界面制作完成,如图17。
6.制作导航菜单
现在,我们能实现场景的依次跳转,但如果想在某一界面随意跳转另一界面就不行了。要想实现这一功能,就需要制作导航菜单。这里我们把导航菜单设计成隐藏式的,即单击标识按钮,导航按钮鱼贯而出。不需要的时候,再次单击,即可把导航菜单隐藏起来。
(1)制作导航菜单
先来制作导航标识按钮。
①选择菜单“插入→新建元件”,创建一个按钮,名称为“Menu1”。
②在“Menu1”按钮元件工作区中制作各帧如图18,颜色为白色,Alpha为60%。其中,“弹起”帧与“按下”帧相同。
再来制作导航按钮。
③选择菜单“插入→新建元件”,创建一个按钮,名称为“Menu2”。
④单击“矩形工具”,设置“填充色”为绿色(#026F55),“笔触颜色”为白色,在“Menu1”按钮元件工作区中绘制矩形条。
现在需要把所需按钮放在一个影片剪辑中。
⑤返回“P1”场景,单击“标题条”层第1帧,将“Menu1”按钮从元件库中拖出,放置在导航栏的右侧。
⑥将“Menu1”按钮从元件库中拖出5次,如图19所示放置在导航栏上方的舞台外。
⑦选定“menu1”与“menu1”这6个按钮,按下“F8”键,转换为影片剪辑,名称为“Menu all”。
⑧双击进入“Menu all”影片剪辑工作区中,选定全部按钮,右击,在弹出的菜单中选择“分散”到图层。
我们看到,现在有1个“menu1”层与5个“menu2”层,原先的“图层1”成了空帧。
⑨双击“图层1”重命名为“按钮文字”,并在第1帧中帧输入如下文字:
P5 课后小答
P4 如何保护银杉
P3 追根溯源
P2 惊人大发现
P1 银杉真面目
字体为黑体,除所有阿拉伯数字为6号字外,其余为8号字。单击“属性面板”上的“格式按钮”调整行距,使文字正好对应放置于各按钮上。
⑩单击“椭圆工具”,设置填充色为“#29AB7D”,Alpha值为60%,“笔触颜色”为白色,“笔触高度”为1,按住“Shift”键不放,在文字左边绘制正圆。再在正圆中间制作一个右向的等腰三角形,然后复制该图形到每行文字的左边,如图20。
选定所有文字及其左边的图形,按下“F8”键,转换为图形元件,名称为“menu text”。单击“插入图层文件夹”项新建 “文件夹1”,将所有“menu2”层以及“按钮文字”层拖放入该文件夹管理。
将“文件夹1”中所有层的第5帧处插入关键帧。选定该文件夹中所有层中的对象,按住“Shift”键不放,向左水平移入舞台中,与舞台右对齐,并将所有层第1帧~第5帧处动画补间设为“动作”。
选定第2个“menu2”层的第1帧~第5帧,向右拖动2帧,即原来的第1帧成了第3帧。用同样的方法,将其他“menu2”层从下到上依次向前移动,上一层比下一层多移动2帧。现在,“文件夹1”所有层的时间轴呈阶梯式排列。
将“按钮文字”层的第2个关键帧拖移到第16帧,再将第1个关键帧拖移支第13帧,然后在“属性面板”中,将该帧中“menu text”的Alpha值设为0%。
回车测试,按钮是不是依次出现在舞台中?
现在制作单击导航标识按钮,导航按钮隐藏的动画。
单击“menu1”层,在第16帧处插入关键帧,将该帧处“menu1”水平翻转,在第24帧处插入非关键帧。
选定“文件夹1”中的所有层,右击,拷贝帧,在“文件夹1”上新建1层,在该层的第16帧中粘贴帧。
选定所有粘贴帧的第16帧~第31帧,右击,翻转帧。
新建图层“文件夹2”,将所有粘贴帧层全部拖放入该文件夹管理。
将“文件夹2”最下面的“menu2”层缩短6帧,并相应缩短将该层上面所有层的最后1帧,使上面1层的最后1帧比下面1层少1帧。具体如图21所示。
按钮效果制作好了,还需要为按钮添加脚本,真正实现控制功能。
(2)添加脚本
先来为时间轴添加脚本,以使影片剪辑停止播放。
①在最上面新增“action”层,分别为第1帧与第16帧在“动作面板”中输入如下脚本:
stop();
注意:这是为时间轴添加脚本。后面全部是为按钮添加脚本。
再来为导航标识按钮“menu2”添加脚本,目的是控制导航按钮的出现与隐藏。
②单击“menu2”层第1帧的“menu2”按钮,在“动作面板”中输入如下脚本:
on (release) {
//释放鼠标时
gotoAndPlay(2);
//跳转到第2帧播放
}
③单击“menu2”层第16帧的“menu2”按钮,在“动作面板”中输入如下脚本:
on (release) {
//释放鼠标时
gotoAndPlay(17);
//跳转到第17帧播放
}
最后,为各导航按钮添加脚本,使它们能跳转到相应的场景。
注意:从影片剪辑嵌套的按钮中控制场景的跳转与直接将按钮拖入场景中来控制场景的跳转是不同。如果按钮直接拖放在场景中,为按钮添加如下脚本即可:
on (release) {
gotoAndStop(“场景名”,帧数);
}
而通过嵌套在影片剪辑中的按钮控制场景的跳转,则需要借助标签。
④在“场景面板”中单击“P1”进入该场景。单击“action”层的第1帧,在“属性面板”中的“帧标签”输入框中输入标签“s1”,这时,该帧的时间轴上会出现一个小红旗,后面跟着标签名。
用同样的方法为其他各场景“action”层的第1帧添加标签名,分别为“s2~s5”。
⑤返回“P1”场景,双击“menu all”影片剪辑进入元件工作区中。将当前帧移动到第16帧,选定“P1 银杉真面目”对应的按钮,在“动作脚本”面板中输入如下脚本:
on (release) {
//释放鼠标时
_root.gotoAndStop(“s1”);
//跳转并停止到标签为“s1”处播放
}
用同样的方法为其他按钮添加脚本,并相应更改标签名为“s2~s5”。
⑦返回“P1”场景,选择“menu all”影片剪辑,复制,原位粘贴到其他场景中。
⑧按下“Ctrl+Enter”键测试整个课件,看导航菜单能否正常控制各场景的跳转。
⑨按下“Ctrl+S”键保存文件。
导航菜单制作完成。
(3)制作窗口控制按钮
下面,我们还将制作3个作为窗口控制,即将课件全屏、恢复与关闭。
①新建3个按钮元件,制作成如图22所示。
②返回“P1”场景,将这3个按钮拖放到“标题条”层的“标题”栏左侧,依次为还原按钮、全屏按钮与关闭按钮,并在“属性面板”中更改它们的Alpha值为50%。
③单击“还原按钮”按钮,在“动作面板”中添加如下脚本:
on (release) {
//释放鼠标时
fscommand(“Fullscreen”, false);
//非全屏显示
}
④单击“全屏按钮”按钮,在“动作面板”中添加如下脚本:
on (release) {
//释放鼠标时
fscommand(“Fullscreen”, true);
//全屏显示
}
⑤单击“全屏按钮”按钮,在“动作面板”中添加如下脚本:
on (release) {
//释放鼠标时
fscommand(“Quit”);
//关闭窗口
}
⑥选择这3个按钮,复制,原位粘贴到其他场景中。
⑦测试按钮的时候,需要直接找到演示文件所在路径并打开它。在源文件中按下“Ctrl+Enter”键测试是没有效果的。
⑧按下“Ctrl+S”键保存文件。
窗口控制制作完毕。
五、添加音乐音效
最后,可以添加一点音效,为整个作品增色。
1.如何寻找合适的音乐与音效
这里的音效也是从互联网上提供音效的网站中搜索得到的,一般音乐素材网站都提供音乐音效的试听与下载功能,具体搜索方法请见前文。主要提供两种音乐文件的格式,而这两种格式也正是Flash允许导入的,它们是Wav格式与Mp3格式。
(1)WAV文件格式
WAV是WAVE文件的后缀名,是微软公司在Windows平台上保存音频信息的波形数字化资源格式。WAV音频的音质非常好,可以与CD音质媲美。但对于网络传输来说,WAV文件存在一个致命缺陷:文件过大。一分钟的WAV音频就有10MB之多。
(2)Mp3文件格式
MP3是MPEG-1 Audio Layer 3的简称。它是一种语音压缩技术。通过特殊的数据压缩算法对原先的音频信号进行处理,可使数码音频文件的大小仅为原来的十几分之一。1分钟的音乐文件,用MP3格式存放只需要1M左右--虽然也有一点点大,所以,目前MP3文件格式得以广泛使用。
2.添加背景音乐
找到合适音乐文件并下载到本地机后,就可以为作品添加了。
①进入“P1”场景,新增“Music”层。选择菜单“文件→导入→导入到库”,选择下载的背景音乐文件“7.mp3”,确定,该文件就被导入到了元件库中。
②选择元件库中“7.mp3”文件,拖到“Music”层第1帧,如果该帧后面有波形出现,表示加入音乐文件成功。
③单击波形,在“属性面板”中,设置“同步”选项为“事件”,重复99次。为什么要这样做?后文有介绍。
后面的场景中不添加背景音乐都可以。因为在场景1中添加的是事件声音,而且已经重复了足够多。
3.更换或去除背景音乐
如果对添加的音乐文件不满意,希望更换,方法是:在时间轴上单击添加音乐的帧,在“属性面板”的“声音”下拉框中,选择不同音乐以更换,选择“无”,直接去除。
4.如何处理背景音乐
(1)如何设置背景音乐的同步选项
Flash中,有声音文件的同步选项有4种,背景音乐一般采用的是事件声音,而对白一般采用流声音。可以通过“属性面板”的“同步选项”选择。
这4种同步选项非常重要,如果不清楚,就无法有效控制声音的播放与停止。
● 事件
声音必须完全下载才能播放,且不与动画同步。除非遇到明确指令,否则声音会一直播放到结束,并且到了下一轮又会重新播放,如果声音文件比动画长,就会造成声音的重叠。
● 开始
声音不与动画同步,但也不会造成声音重叠。它与事件声音不同,在前一轮播放没有结束的情况下,到了下一轮不会马上开始播放,等到前一轮播放结束后再开始。它会在播放音效前先侦测同一音效是否正在播放。如果发现同一音效正在播放,就会直接忽略播放音效的设定。
● 停止
使声音从影片中的某一帧开始停止播放。
● 数据流
声音与动画同步播放。只要下载一部分,声音就可以开始播放,并与动画同步。在浏览过程中,可能会因为保持声音与画面的同步,而放慢画面的播放速度。
(2)如何使背景音乐循环播放
方法是在时间轴上选择音乐的波形,在“属性面板”的“重复”项的输入框中输入循环次数,可以反复播放声音。不用担心所设的数值太大会增大文件体积,无论设置多少次,Flash只储存一份。
(3)如何调整背景音乐的效果
有些背景音乐,需要略加处理,最常用的就是淡入淡出,可以通过选择“属性面板”的“效果”下拉列表的列表项来设置。
声音文件的效果有8种:
● 无:不使用音效。
● 左声道:只在左声道发出声音。
● 右声道:只在右声道发出声音。
● 从左声道到右声道:左声道淡出而右声道淡入。
● 从右声道到左声道:右声道淡出而左声道淡入。
● 淡入:声音从无声逐渐增大。
● 淡出:声音逐渐减小到无声。
● 自定义:可自行设置声音的变化。
(4)如何剪辑声音
可以通过编辑声音封套,创造更多的效果。并且可以对声音进行剪辑。
在时间轴上选择音效的波形文件,在“属性面板”中单击“编辑”按钮,会弹出“编辑封套”窗口,如图23。
声音分左右两个声道。上面代表左声道,下面代表右声道。
* 调节声音
可以通过声音调节点来调节声音。它所在位置的高低就代表声音的大小,位置越高,音量越大,反之亦然。还可以单击调节线来增加调节点,拖动它,编辑线就随之变化,由此来控制和调节音量大小。如果想删除调节点时,只需要拖它出编辑区即可。
* 剪辑声音
拖动波形两端的小矩形,可以剪辑声音。比如,向右拉动左边的小矩形,左边的波形会变灰,表示被剪掉了。但这里的剪辑不会减小声音文件大小,类似屏蔽。通过这种方法,可以改变背景音乐的长度,将不和谐的音乐段剔除出去。
(5)添加按钮音效
我们这里添加音效的主要效果是点击按钮时,有声音发出。方法是进入按钮工作区,将音效拉到点击帧即可。鸡汤进补区--音乐音效
5.如何自己录音
如果希望自己录音,使作品真正成为独立的多媒体课件,可以利用Windows自带的“录音机”完成――当然,需要一个麦克风。
步骤如下:
①首先在电脑上安装好麦克风,选择“开始→程序→附件→娱乐→录音机”打开录音机。
②然后按下“录音”按钮,用麦克风配音。声音文件录入后,会出现波形。
③按下“播放”按钮可以测试一下已经录入的声音。
由于起始端时间的计算不能十分精确,难免会有一些杂音出现,所以很多时候是需要进行编辑的。
④截选声音⑼在声音文件播放中,按下“停止”按钮,然后选择菜单“编辑→删除当前位置以前的内容”,即可删除当前位置前的声音,选择菜单“编辑→删除当前位置以后的内容”,即可删除当前位置后的声音。
⑤加大或降低音量⑼我们可以用菜单“效果→加大音量”和“降低音量”来控制音量。
⑥效果⑼另外还可以通过“效果”菜单添加“回音效果”,或将声音文件反转。
⑦将声音文件保存成“*.wav”格式,就可以在Flash中导入使用了。
六、后期处理
课件制作完毕,需要全盘审核,按钮控制是否正常?动画效果是否满意?着色是否协调?等等。
如果需要上网发布,还要添加loading、replay、copyright、加密、测试与发布等。关于loading的制作,很多地方都有介绍,这里不再多述。
1.课件的发布
发布课件,是为了使课件在合适的平台上播放。比如,直接测试课件,可以自动生成“*.swf”文件,但如果在没有安装Flash Player的电脑上,课件就无法播放,这里,需要转成其他格式的文件,最常用的是“Exe”可执行文件格式。
在Flash中。选择菜单“文件→发布设置”,将弹出发布设置对话框,我们可以选择以下几种发布方式:
①Flash(*.swf):导出Flash动画为Flash的演示文件,可以用Flash Player播放。
②HTML(*.html):导出Flash动画为html格式的文件,可以用浏览器观看。
③Gif Image(*.gif):导出Flash动画为Gif格式的文件。可以选择转换为两种格式:静态图片(Static)、动画(Animated)。但因Gif格式动 画的描述方式是位图,体积非常大,所以除非特殊 用途,一般不会转化成Gif动画。
④JPEG Image(*.jpg):导出Flash动画为jpg格式的图片
⑤PNG Image(*.png):导出Flash动画为png格式的图片
⑥Windows Projector(*.exe):导出Flash动画为exe格式(可执行文件)
⑦Macinosh Projector(*.hqx):导出Flash动画为hqx格式(苹果机可运行的可执行文件)
⑧Quick Time(*.mov):导出Flash动画为mov格式的文件。
最后注意:Flash里,由于低版本的播放器打不开高版本的播放文件(如Flash5的Player打不开Flash MX格式的SWF文件),所以在发布时允许选择发布版本。
2.模版的制作
如果制作系列课件,大家会发现:有一些制作步骤是重复的。比如:每次都要将Flash默认的动画尺寸重新设置,每次都要为动画加遮色框等。我们可不可以制作模版,使部分课件可以统一套用?
方法是:选择菜单“文件→存为模版”。每次需要制作新课件的时候,直接调入模版即可。
3.资料的整理与保存
到这里课件已经全部制作完毕。我们的工作全部结束了吗?可以说是,也可以说不是。为了方便以后的修改与查询,我们还需要多做一步工作:整理元件库。即将各类元件分别整理,用统一的文件夹来管理,如图24所示。
好了,祝大家制作出精彩的课件!























