基于Flash的多媒体课件设计与开发.docx
《基于Flash的多媒体课件设计与开发.docx》由会员分享,可在线阅读,更多相关《基于Flash的多媒体课件设计与开发.docx(13页珍藏版)》请在冰豆网上搜索。
![基于Flash的多媒体课件设计与开发.docx](https://file1.bdocx.com/fileroot1/2023-2/13/97181c21-a7d6-4949-b1f5-a85631c001c5/97181c21-a7d6-4949-b1f5-a85631c001c51.gif)
基于Flash的多媒体课件设计与开发
基于Flash的多媒体课件
设计与开发之荷塘月色
摘要
随着信息技术以及多媒体技术的发展,无论教师在课堂上,还是通过远程教学、网络教学,多媒体教学课件已经成为一种全新的现代化的教学手段,在教学过程中为学生建立了一个动态的教学环境,丰富学生想象力,调动学生积极性,让学生有种身临其境的感觉。
从而大大地提高了课堂教学效率。
制作多媒体课件的软件有很多,但Flash有着自己特定的优势,其制作出来的课件与其他软件制作出来的课件相比,更别具一格。
本文从多媒体课件制作的一般过程、《荷塘月色》课件的规划与设计、以及Flash课件制作相关技巧等方面进行了详细的说明。
目的是引导广大教育工作者认识并掌握Flash技术,使其在多媒体教学过程中发挥重要作用。
关键字:
多媒体课件;flash;脚本
引言
随着信息技术走进我们日常的工作和生活,也走进了我们的课堂教学中。
多媒体教学课件不仅可以更加自然、逼真地表现教师的教学内容,还可以对宏观和微观事物进行模拟,对抽象、无形事物进行生动、直观的表现;对复杂过程进行简化再现,因此也提高了学生的学习兴趣。
Flash具备完善的媒体支持功能,它能导入图形图像、声音、视频、三维动画等各种媒体。
将教学内容与教学所涉及到的事物,通过声音、图像、动画等形式表现出来。
使学生通过事物形、色、声的变化和发展直接获取知识,感知世界,并且使许多抽象的概念形象化、具体化,更使教学有难有易,增加教学效果,提高教学效率,具体传统教学所不能比拟的优越性。
1多媒体课件概述
1.1相关概念
1.1.1多媒体
多媒体(Multimedia)。
媒体通常是指传递信息的载体。
多媒体指将多种媒体进行有机组合而成的一种新的媒体应用系统,即多种媒体元素的统称。
在传统教学中,使用的媒体是黑板、书籍、声音(教师的语言)等,比较单一。
在计算机领域中经常使用的媒体有:
文字、图形(静止图形、运动图形)、图像(静止图像、运动图像)和音频等。
多媒体技术(MultimediaTechnology)。
是指计算机技术和社会需求相结合的产物。
综合处理文本、图形、图像、声音、动画和视频等多种多媒体数据,进行有机组合,使它们建立一种逻辑上的连接,集成为具有交互性的信息技术。
1.1.2多媒体课件
多媒体课件(MultimediaCourseware),是利用多媒体技术,针对具体学科的学习内容而开发设计的教学软件。
简单来说就是老师用来辅助教学的工具,创作人员根据自己的创意,先从总体上对信息进行分类组织,然后把文字、图形、图像、声音、动画、影像等多种媒体素材在时间和空间两方面进行集成,使他们融为一体并赋予它们以交互特性,从而制作出各种精彩纷呈的多媒体应用软件产品。
1.2应用Flash制作课件的优点
1.2.1利用Flash制作的动画是矢量,不论你把它放大多少倍,都不会失真,保证了画面的亮丽、清晰。
1.2.2利用Flash生成的文件可以有载入保护功能设置,可防范他人任意修改浸透了你心血的作品,使你对完整的作品拥有完全的“版权”。
1.2.3利用Flash生成的动画播放文件(*.swf)都非常小巧,一个精美的课件也就一、二十KB,大的、复杂的也就五百KB左右。
也就是说一张软盘上足够装载下好几份“电影动画”,这可是其它软件所不能相比的了。
1.2.4Flash对声音的设置处理也很独到,读入*.wav声音在生成的Flash动画播放文件时,文件被压缩到了原文件的十分之一大小。
1.2.5Flash的绘画功能美妙至极,方便至极,比起Windows中的画图板来说,功能强了不知多少倍。
绘画工具齐全,色彩任意设计,还有线、圆形渐层色可设定,这样你就可在二维页面上创作有立体感的图片了。
2多媒体课件设计与开发的一般过程
2.1需求分析
一个多媒体课件作品的提出最初只是一个简单的需求,即教师的教学活动中将一些抽象的、无形的事物生动、形象的展现给学生,从而提高教学效率。
需求分析就是分析多媒体课件作品的必要性和可行性。
必要性是指多媒体课件的开发目的和预计使用情况;可行性是研究如何实现完成多媒体作品,使用什么技术来制作课件,现有技术能否完成,以及时间等方面的可行性。
随着信息技术的发展,多媒体技术也不断地被引入教学当中,这是学校信息化教学的一大革命,它可以根据不同的学科特点、不同的内容、充分利用声、画、视频等多媒体手段创设情境、化不可见为可见,化静为动、化抽象为形象,最大限度地调动学生积极性,激发学生学习兴趣。
Flash操作简单,硬件要求低,教师上手非常快。
不需要什么硬件上的投资,仅仅一台普通的个人电脑和几个相关软件,就可以设计和制作出不错的多媒体课件。
Flash是一种交互式动画设计工具,用它可以将声音、视频、动画以及富有新意的界面融合在一起,以制作出高品质的课件动画效果。
Flash可以制作如动作、形状、引导、遮罩、逐帧动画等,简单易学,但功能强大。
而且flash还内置有时间轴动画,加上影片剪辑、按钮等元件的使用及简单的ActionScript脚本控制,很容易就能制作出具有交互性且漂亮的动画。
2.2确定教学目标
制作多媒体课件应根据课标和课本确定和学生的实际情况教学目标。
要求突出重点、突破难点。
设计课件的目的是激发学生学习兴趣,调动其学习积极性,帮助理解、加深印象、促进记忆,使学生正确运用已学过的知识,扩大知识面,丰富教学内容、启发想象力,培养技能技巧。
确定好教学目标后,才能有的放矢,做出符合教学需要的课件,真正起到辅助教学的作用。
2.3选定教学策略
教学策略是根据具体教学目标、学生实际情况和学习特点,选择确定多媒体课件教学方法和教学模式。
如果教师对整个教学采用任务驱动的合作学习,那么课件设计就应配合这种教学方法,如利用多媒体课件创设各种问题情境和任务,这时课件不给出结论性的内容,只给出启发思维或思考的线索、场景等,学生通过小组讨论,逐一实现任务。
在教学策略确定后,可以形成课件的总体结构模型。
2.4选取恰当的教学内容
多媒体课件内容的选取则要以教材为蓝本,从实现教学目标、完成教学任务的需要出发,但又不能为课本所束缚,要充分增加课件的含金量。
一个优秀的课件不能只是教材的幻灯片演示,而应该增加它的生动直观的作用,因此教材内容的选取很关键。
2.5设计创作脚本
脚本设计是制作多媒体课件的重要环节,它不同于教案,既要表现教学内容,教学过程,又要将一些细节,诸如内容的呈现顺序、呈现方法等进行描述。
多媒体课件设计需要对教学内容的选择、结构的布局、界面的表现形式、视听形象的表现、人机界面的形式、素材的选取、解说词的撰写、音响和配乐的手段等进行周密的考虑和细致的安排。
因此,可以预先准备好相应的文字稿本,在参透文字稿本的基础上,反复构思,进行创作。
2.6素材的采集、加工和课件的集成
课件的题目确定之后,就应该着手准备素材。
课件的素材包括文字素材、图像素材、动画素材、声音素材等。
在准备素材的过程中要涉及什么样的素材的原则。
无论是文字素材,还是图像素材,亦或是声音素材,在选择材料之前要把握一个标准:
吸引学生注意,激发学生学习兴趣,使学生能够记住并掌握知识。
多媒体课件的核心环节是制作集成,其主要任务是根据脚本的要求和意图设计教学过程,将采集和加工的各种素材编辑起来,制作成交互性强、操作灵活、视听效果好的多媒体课件。
这是技术性很强的工作,好在现在的多媒体编辑软件的操作使用越来越简单易学,为教师亲自动手制作课件提供了前提。
2.7修改调试运行
多媒体课件制作完成后,要经过多次调试、试用、修改、完善,才能趋于成熟。
这也是很重要的一个环节,是确保课件质量的最后一关。
如果存在某些问题,应继续修改,直到满意为止。
2.8使用评价及修改
一个课件的优劣,只有通过教学实践才能真正得出结论,课件制作完成后,应用于课堂教学,然后根据学生的反馈和评价信息,再将课件加以修改,从而使其达到最优。
如果制作的课件引不起学生的兴趣,在课堂上起不到应有的效果,那么这样的课件无疑是失败的。
一个课件完成后,一定会经过反复的修改,最终才能体现利用多媒体课件进行教学的优势。
3《荷塘月色》课件的规划与设计
3.1《荷塘月色》课件的规划
规划是对《荷塘月色》主题的整体分析,包括课件的结构设计、所需素材和总体风格的确定,然后确定课件中各部分的组成方式及各种素材链接方式,从而形成一个有机整体的步骤。
《荷塘月色》课件的整体结构如图1所示。
图1课件整体结构图
3.2《荷塘月色》课件的界面和交互设计
界面布局应该有整体上的一致性、布局要简明清晰、要注意突出主题信息、要注意文字的显示效果,界面的设计要具有审美感,令人赏心悦目。
交互是计算机与用户之间进行的信息交流的工程,一个好的人机交互方式可以让使用者很方便地使用课件。
因此在交互设计时要考虑到使用的方便性、及所见即所得。
六个界面中的交互按钮-----配乐朗诵、作者简介、探究学习、知识拓展、课堂练习和退出均为统一风格、同一位置。
3.3素材准备和制作
在flash制作过程中会用到《荷塘月色》朗诵声音通过windowsxp自带的录音软件自行录制,相关背景图片(如图2、图3)、图形元素、按钮(如图4配乐朗诵按钮)通过photoshop、flash制作,关于作者、古诗的一些资料,通过网络、书籍等途径搜集。
图2主界面背景图片图3退出界面背景图片图4配乐朗诵按钮
3.4《荷塘月色》课件的脚本制作
课件的脚本是制作多媒体课件的依据,一个课件脚本的优劣直接决定着多媒体课件的效果的好坏,因此制作脚本是多媒体课件开发制作的一个重要环节。
制作脚本是在文字稿本的基础上,进一步细化设计,根据多媒体课件的表现特点进行构思,具体表达每个界面的组成、各个媒体信息在界面中的位置、表现方式、效果和交互情况的制作文档。
与文字稿本相对应,制作脚本采用卡片的形式,以下是《荷塘月色》课件的部分制作脚本。
如表1
名称:
序号:
1、2、3内容:
片头、主页面设计者:
伴随着背景音乐、标题《荷塘月色》与设计制作淡入出现,四条小鱼在荷塘中游来游去。
单击按钮可以转入课件相应的部分,单击选择音乐按钮可以选择喜欢的背景音乐。
单击退出按钮,跳转到片尾,结束课件播放。
(A)
名称:
序号:
3、4、5内容:
配乐朗诵设计者:
左侧为按钮(其中“配乐朗诵”按钮字体为红色,说明当前处于配乐朗诵界面)、顶部荷塘月色标题。
右侧为配乐朗诵动画以及课文内容。
单击“返回”按钮,退回主界面,单击其他按钮转入到相应部分。
(B)
名称:
序号:
18内容:
片尾设计者:
伴随着背景音乐,表示作者的文字文字信息不断渐变。
等待10秒自动退出课件。
(C)
表1
3.5《荷塘月色》课件的集成与测试
在课件制作过程中用到的技术有:
flash基本动画,如动作、形状、引导、遮罩、逐帧动画等,还有影片剪辑、按钮、组件和ActionScript脚本控制。
在图片制作时,使用了Photoshop处理图片,制作效果。
课件中的基本元件包括场景中的背景图、播放按钮、和多个影片剪辑;导航按钮有:
配乐朗诵、作者简介探究学习、知识拓展、课堂练习、退出。
影片剪辑有:
小鱼游动影片剪辑、配乐朗诵影片剪辑、探究学习影片剪辑、星星特效影片剪辑、退出文字影片剪辑、各种小装饰素材。
具体制作步骤如下:
主界面集成:
主界面的背景利用Photoshop制作的一张有荷塘有月色的图片,打开后首先看见的是具有荷塘、夜色、按钮,游鱼,标题以及制作设计人,还有悦耳的音乐。
单击菜单按钮即可进入相应的页面(共七个菜单),其中选择音乐按钮可以选择背景音乐。
在action图层的第一帧添加动作:
stop();。
图5主机面时间轴展示效果
按钮制作:
利用flash公共库中的按钮(如图6)
图6配乐朗诵按钮展示效果
按钮元件上添加动作
on(release)
{
Stopallsound();
Gotoandstop
(2);
}
其他菜单按钮制作方法同上。
退出按钮制作:
按钮元件上添加动作
on(release)
{
Stopallsound();
Gotoandstop(7);
}
播放窗口全屏代码:
fscommand("fullscreen","true");
作者简介、探究学习、知识拓展、课堂练习、退出按钮制作方法类似,不再赘言。
游鱼的制作:
三只鱼呈现游动效果,其实就是几张图片的叠加,动感主要表现在鱼尾的扭动。
如图7
图7:
鱼游动效果展示
鱼从左到右依次对应的是时间轴上的三个关键帧,连贯起来就做成了一条游动的鱼,另一条鱼做法相同。
水波效果制作:
水波效果呈现主要利用逐帧效果完成的。
如图8
配乐朗诵影片剪辑制作:
“配乐朗诵”影片剪辑制作,图层结构以及效果如图9:
图8:
水波效果展示图9:
配乐朗诵效果展示
其他几个影片剪辑的制作方法简单,用到遮罩、逐帧动画,不是很复杂,不再赘言。
配乐朗诵、作者简介、探究学习、知识拓展、课堂练习界面集成:
背景利用Photoshop制作的一张有统一的背景图片(如图10),打开后界面看见的是具有荷塘月色标题、按钮,还有悦耳的音乐。
单击菜单按钮即可进入相应的页面(共七个菜单),其中选择音乐按钮可以选择背景音乐。
在action图层的相应的帧添加动作:
stop();。
将相应的影片剪辑以及图像元件添加到相应界面,方法简单,不很复杂,不再赘言。
图10
退出界面集成:
背景利用Photoshop制作的一张背景图片(如图11),打开后界面看见的是具有荷塘月色标题、设计者的相关信息影片剪辑(图12)、游鱼、张掖二中校园文化标示系统图片、还有悦耳的音乐。
在action图层的相应的帧添加动作:
stop();设计者的相关信息影片剪辑的最后一帧添加动作:
fscommand("quit","true");。
图11退出界面背景图12设计者的相关信息影片剪辑
课件测试:
制作过程中,每进行一部分制作时,就可以按“Ctrl+回车”组合键进行测试,观看制作的效果,如果有不满意或不成功的地方,就马上进行修改, 不要等到最后制作完毕才测试,这样可能会导致很多地方有同样的问题。
最后将集成好的课件对每一个功能进行测试,在通过课堂教学不断完善课件的功能。
3.6Flash《荷塘月色》课件的评价
优点:
是面向教学的课程,是集动画、声音、图片为一体的多媒体作品,结合Photoshop等软件进行技术实现,以增强课件的艺术效果。
它的特点是设计思想好,界面美观、和谐,有较高的欣赏性,适合它所面向的对象,同时要求课件有交互性,操作简单、快捷。
《荷塘月色》课件在制作过程中,利用Photoshop、Firework等软件制作背景图片,采用了flash动画动作、形状、引导、遮罩、逐帧动画等,还有影片剪辑、按钮、组件和ActionScript脚本控制。
同时,在课件中应用了一下简单的按钮进行操作,简单、易懂。
不足:
由于时间和本人知识与技能的有限,尤其是美工方面技能的有限,制作的背景图片的效果还不是很理想,制作过程中仅考虑到一些基本的功能,而且有一些功能并不能充分完成,界面和操作设计还不是很美观,但我相信通过我今后的努力一定能够弥补自己的缺陷和不足之处。
4多媒体课件的几点技巧
4.1图层。
对于不同的内容,如按钮、动画、背景等,需要分别把它们放到不同的图层,这样在操作时就很容易清楚知道当前操作的是哪个对象,也经常需要通过锁定或隐藏图层来防止误编辑。
《荷塘月色》课件采用了背景、按钮、剪辑、图形元素分别在不同的图层,方便使用者编辑。
4.2库的整理。
很多人在制作课件时都喜欢把元件和素材直接放在库的最顶层,而没有建立好文件夹进行管理,并且元件的命名随意,这样会使得修改课件十分困难,很难找得到自己想要改的元件。
所以对元件的命名一定要准确,并且建立不同的文件夹进行管理。
此外清除不必要的元件。
把图库里的没有用到的元件删除。
《荷塘月色》课件有四个库文件夹,即小鱼、特效、荷塘月色、朗诵动画。
4.3交互的灵活性。
交互设计要考虑到使用的方便性、方便各个页面之间的相会转换。
《荷塘月色》课件采用了每一界面都有按钮,方便了相互切换。
4.4色彩的使用。
课件中的色彩应根据课件的主题进行选择,尽可能地突出课件内容。
《荷塘月色》课件整体上以荷塘的夜色为主,给人以比较舒适的视觉感受。
4.5整体风格的确定。
课件风格应与课件表现的内容一致。
《荷塘月色》课件的背景制作时,主要选取了鱼荷塘、夜色有关的图片,按钮制作时也尽量做到与环境融合,这样可以给学生的学习营造一个意境,使学习更加轻松和愉快。
4.6动画的使用。
课件制作时用到的动画也应该因时制宜,不同的课件需要的技术不尽相同,只要能够很好的表现课件内容就可以了。
《荷塘月色》课件在动画的选择上比较丰富,动作、形状、引导、遮罩和逐帧动画,并且加以简单的ActionScript脚本控制,使动画能够更好地展现诗歌的意境,以帮助学习。
4.7文字的显示技巧。
为防止因系统字体不全而带来的字体被替换的问题,在制作与文字相关的元件时,都将其打散成矢量图形,便于编辑。
结束语
Flash多媒体课件的开发集知识和技能于一体、实践性强,涉及并整合了美学、文化基础知识、计算机网络技术、交流能力、组织能力和教学设计能力等等。
一个制作精美的课件不仅能帮助教师进行很好的教学,方便学生理解和记忆,达到事半功倍的教学效果,同时也使学生在听觉、视觉等美的享受中潜移默化地提升自己的审美情趣。
参考文献
[1]郑伯鸿,张智龙.FlashMXActionScript语法参考词典.北京:
中国铁道出版社,2005.4.4-25.
[2]李永,Flash多媒体课件制作经典教程模块模板精讲.北京:
清华大学出版社,2009.10
[3]田喜平,路志平.基于Flash的网络多媒体课件制作研究.福建电脑报
[4]吴万明,FlashCS3基础与实例教程.重庆.重庆大学出版社,2009.8.93-97.
[5]梁斌,曾亦琦,梁瑞仪,黄琼珍. 《多媒体课件设计与制作》. 国防工业出版社,2006
[6]李玉红,刘宝庆,鄢旭. Flash动画制作[ M]. 北京:
地质出版社,2006
[7] 宋军. Flash 8动画制作篇[ M]. 北京:
机械工业出版社,2006