第一篇:中学化学Flash课件制作教案(二)
中学化学Flash课件制作教案
第二章 按钮绘制及按钮动作
一.学习要求
Flash不仅是优秀的动画软件,而且也是优秀的绘图软件.它的 绘图工具不多(直线、矩形、圆),但配合它的变形、填色工具可以使绘图工作变得快捷简单。本章主要学习按钮绘制,音乐控制交互按钮动作,时间轴控制按钮交互动作。通过本章的练习学会绘图工具的使用,按钮的使用,混色器的使用。文字工具的使用,变形工具的使用。请把第一章操作“×××动画入门.fla”文件打开。本章所有操作是在该文件的基础上进行的。
二.按钮绘制
任何图形都可以转变为按钮元件。按钮是Flash三大元件之一(图形、按钮和影片),它是 实现交互作用必不可少的。在课件创建中可以根据需要绘制各形状的按钮,Flash编辑软件本身也带有丰富的公用库按钮选用,可在窗口面板中打开选择。请将上述打开的文件另存为“×××按钮制作”,下面介绍三种图形的按钮制作样例供参考。
1.创建按钮元件
有2种方式可以创建按钮:
(1)从插入菜单中选择“新键元件…”命令创建,在弹出的对话框中选择元件类型为“按钮”,并指定按钮名称。然后进入按钮编辑时间轴,如图2_1所示。
按钮元件的时间轴共有4个帧,分别对应于鼠标的不同操作:弹起帧(rollOut),显示按钮的形状;经过帧(rollOver),鼠标放在按钮上方的形态;按下帧(press),按下鼠标的形状,点击帧,释放鼠标后的形状。一般第4帧时间很短,无需编辑。按钮形状的大小,就是按钮响应的区域。
(2)绘制图形转移为按钮创建。绘制一个图形,然后选定,从修改菜单中选择“转换为元件…”命令。后面的操作与新建元件相同。这种方式创建的按钮自动把第一帧的图形中心作为按钮的中心(编辑时的”十”字位置)。
图2_1 新键按钮元件
操作: 在上述打开另存的文件中的“图形”层上方添加一个按钮层。然后锁定和隐藏其它层(如图2_2所示),编辑按钮层:
(1)绘制圆形按钮
用圆形工具绘制一个圆,不要边框色,从窗口菜单选择混色器工具编辑填充色,如图2_3所示。在第2和第3帧中插入关键帧,并用混色器编辑图形为不同的颜色。(图2_4)
回到场景1,按“ctrl+enter”键测试按钮的反应。
图2_2 图形的锁定和隐藏
图2_3 混色器的使用
图2_4 按钮绘制过程
(2)绘制矩形按钮
按上述方法新键绘制一个矩形按钮,各关键帧的图形如图5所示.此按钮利用线条颜色给人一种立体感
(3)绘制矩形透明按钮
图2_5 矩形按钮各关键帧先绘制一个矩形,不要边框,颜色淡灰色,然后转变为按钮元件,在第二关键帧插入关键帧,删除第一关键帧图形,选定第二关键键图形,在混色器中将其透明度调节至0%。回到场景。透明按钮在场景中显示为淡蓝色,表示按钮响应区域,但在显示中是看不到任何颜色的,因为第一帧是空白帧,后面的帧的透明图形,是看不到的,所以说按钮是透明的。它可以放在任何图形可文字的上方或下方作为按钮响应区域,但不会影响图形的显示,表观上起到代替图形或文字按钮的作用。
三.按钮动作
按钮动作就是通过按钮响应,完成分配在按钮上的动作命令。下面通过实例来理会。1.请在动作图形层的第10,20,30层处插入空白关键帧,并分别在各关键帧中分配“stop()”命令。
2.音乐控制交互按钮动作
在时间轴上播放的音乐,不容易进行播放的灵活控制,因此实际上应用不多,最好的方式就是通过创建声音对象播放,创建声音对象的命令是“music=new Sound();”,对象名称”music”可以是任意字符。可以在时间轴上,也可以在按钮上创建。
(1)..交互内容设置
将按钮层制作的按钮全部删除(需要时再从库中取出),然后用文字工具写出按钮交互的内容:音乐播放
音乐停止
增大音量
降低音量
播放选择(音乐1,音乐2,音乐3)等
(2)音乐链接设置
在库中右击选择音乐文件,在弹出的操作菜单中选择”链接…”,将弹出一个”链接属性”对话框,请在”链接”选项中选择第一项”为ActionScript导出(X)”,再在标识符中输入链接符号,如“01.mp3”,按确定键完成设置。如图2_6所示。
要进行播放选择,必须有多首音乐,因此请再导入两个mp3音乐文件到库中,按上述(2)的方法设置播放链接符号分别为02.mp3,03.mp3。
(3)音乐停止按钮动作
先在第一帧动作面板中添加下列帧动作(双斜杠后面的文字为注释内容,为理解程序而写,与程序执行无关):
stop();//停止时间轴播放
music=new Sound();//创建声音对象“music” music.attachSound(“01_mp3”);//声音对象与声音文件链接 var va:Number=100;//定义变量“va”为数值型,并赋值100,也可用“ va = 100表示” po=0 //作用同上
从库中将一个透明按钮放在“音乐停止”的文字上,分配动作: on(release){
图2_6 音乐链接设置
music.stop()//停止音乐对象的播放属性 } 在按钮上所有执行的命令都必须放在on命令块(左右大括号中的内容)中,命令结束用分号表示(一行只有一条命令可以省略分号),所有命令都可以在命令面板中找到。
注意:动作面板上命令的输入有两种方式,一种是通过“脚本助手”
输入,这种方式,所有命令必须通过动作面板左边的命令集中选择拖入在命令编辑区,不能用键盘输入。这种编写不会产生格式错误。另一种就是专家模式,该模式可以通过键盘输入(容易产生错误),也可以从左边的命令集中输入(不会产生语法错误)初学者建议用脚本助手方式输入命令。
(4)音乐播放按钮动作
将上述停止播放按钮按”ctrl+d”键,在原地复制一个,放在“音乐播放”文字上,将块中的内容修改为:
music.start(po)//播放音乐对象链接的音乐,小括号中可以指定音乐播放的时间轴,这里用变量“po”控制
按“ctrl+enter”键测试影片,用鼠标进行音乐播放与停止按钮交互。
有了按钮播放交互,音乐层的时间轴音乐可以删除了。该图层也可以删除了。为了在编辑中保证按钮图标不被其它图形所遮挡,通常可以将按钮图层移向较高的图层上。
(5)增大音量按钮动作
将上述音乐播放或停止按钮复制,放在“增大音量”文字上,将块中的内容修改为:
va=va+10 //设置变量递加10 music.setVolume(va);//设置音量的值为va的值
(6)降低音量按钮动作
将上述音乐增大音量按钮复制,放在“降低音量”文字上,将块中的内容修改为:
va=va-10 //设置变量递减10 music.setVolume(va);//设置音量的值为va的值
(7)音乐选择按钮动作
将上述任一按钮动作复制一个入在音乐1上,删除原来块中的命令,添加下列命令:
music.stop()//先停止播放
music.attachSound(“01_mp3”)//链接音乐文件 music.start()//播放音乐
然后复制该按钮,放在“音乐2”文字上,在按钮动作中把链接文件的名改为”02_mp3”。
在“音乐3”的文字上进行同样的操作。
选择按钮层,从库中将一 个透明按钮放入在按钮层的“音乐播放”文字上,在动作面板上分配命令:
按“ctrl+enter”键测试影片,用鼠标进行各按钮的交互操作。3.时间轴控制交互按钮动作
(1)时间轴交互内容
在时间轴层用文字写出要显示的各关键帧内容,为了显示不受背景颜色影响,可以用图框将文字框起来,如图2_7所示。
(2)时间轴转向命令
时间轴转向命令可以在时间轴左田赛的全局函数_时间轴控制中找到,以后将经常用到它们。
(3)按钮动作分配 从库中将圆形按钮拖入到图片1文字旁边,在动作面板中加入动作: on(release){ } 复制该按钮到其它交互文字旁连边,分别在on命令快中修改“gotoAndStop(1)”中的帧数1 改为10,20,30。
测试影片。将文件保存,并拷贝在你的U盘中,下节课要用。gotoAndStop(1)//转向第一帧显示,并停止时间轴播放。
图2_7 音乐链接设置
第二篇:FLASH制作课件电子教案
教学设计
: 【课题】 熊猫的梦
【学习者分析】
本教学方案面向的对象是2012级的学生,他们对一些软件的使用已经有了一定的基础,并且对新软件的使用有着浓厚的兴趣。经调查,不少的学生寝室装有电脑,所以有些学生也学会了在电脑上如何制作动画,但还是有大部分学生不会使用Flash制作动画,并且有个别学生还没有接触过Flash软件,他们还是很渴望这方面的知识与技能。
【学习需要分析】
Flash动画制作是学生需要了解并掌握的一门技能,学生应该逐渐学习制作逐帧动画,而大部分学生还不知道如何使用Flash制作动画。
【教学目标】
● 知识目标
了解Flash如何制作动画,掌握简单的逐帧动画。
● 能力目标
培养学生自主探究,动手操作的能力。
● 情感目标
激发学生探索新知识的欲望和学习的兴趣。
【授课时数】4课时
【教学重点】 图像的绘制、帧的插入、时间的调整、预览效果。
【教学难点】 帧的选择与插入。【教学方法】
讲授法、示范演示法、任务驱动法以及成果展示法。
【教学环境】
机房、多媒体教室。
【教学过程】
1.复习图像绘制。
打开画图工具,选择椭圆工具,设置笔触颜色为黑色,接着绘制一只熊猫。然后打开已经课前准备的动画的熊猫展示给学生看,问学生动画熊猫是否更生动些,是否有学生会制作这样的动画,激起学生的好奇心以及求知欲。
2.新课讲解
Flash是一款创作动画的软件,利用Flash不仅可以制作简单的动画,而且还可以制作游戏,课件等具有交互式的复杂的动画。启动Flash的工作界面来认识Flash的“基本功能”,Flash工作界面主要由菜单栏、舞台、时间轴、浮动面板、工具面板组成。如果界面不小心被调乱,还可以执行“窗口”→“工作区”→“重置基本功能”命令,或根据需要进行“新建工作区”、“管理工作区”的操作。工具面板可以进行对象选择、图形绘制、文本录入与编辑、对象控制等操作。时间轴主要由图层和帧组成,用于组织和控制影片内容在一定时间内播放。舞台是用来创作影片各帧的区域。浮动面板包含各种不同特定功能,如属性、库、颜色、变形、对齐等。
3.演示示范
操作步骤:(1)执行“开始”→“所以程序”→Adobe Flash命令,即可启动Flash。(2)单击新建ActionScript2.0,再执行“修改”→“文档”命令,在弹出的“文档设置”对话框中,设置尺寸为550像素Χ400像素。背景颜色设为黄色。(3)制作第一帧画面:单击工具面板中的“椭圆工具”,设置笔触颜色为“黑色”,填充颜色为“没有颜色”,然后在舞台中拖动鼠标绘制熊猫的脸、眼睛、耳朵、鼻子。嘴部轮廓可以先绘制一个椭圆形,然后利用“线条工具”圆中绘制一条直线,使用“选择工具”单击上面的半圆,按delete键将其删除。再利用“线条工具”绘制竖线连接鼻子和嘴。利用“铅笔工具”绘制熊猫的毛发。最后单击工具面板中的“颜料桶工具”,设置填充颜色为黑色。在需要填充黑色的区域填充。再分别将熊猫的脸、眼球和嘴填充为白色和红色。单击工具面板中的“刷子工具”,设置填充色为棕色,绘制土地的效果。再使用“刷子工具”分别绘制深色的土块和绿色的小竹苗。(4)制作第二帧画面:在右下方图层1第2 帧的位置右击,在弹出的快捷菜单中选择“插入关键帧”命令。使用“矩形工具”,设置笔触颜色为“黑色”,填充颜色为“绿色”,绘制3个纵向排列的矩形。单击“选择工具” 将鼠标指向矩形边线,当鼠标变成↖状态时向里拖动矩形边线。然后使用个“刷子工具”绘制竹叶。(5)调整动画时间:执行“控制”→“测试影片”→“在Flash Professional中”命令,此时弹出测试影片的窗口,观看动画效果,可以看到动画播放频率过快,然后关闭窗口,在第1帧上右击,在弹出的快捷菜单中选择“插入帧”命令,同样在第2 帧上插入帧,使动画时间延长。再测试影片效果。(6)保存文件:执行“文件”→“保存”命令,在弹出的对话框中选择保存的位置,将文件命名为“熊猫的梦”,单击“保存”。
4.操作练习
让学生动手来试一试动画制作,遇到问题向老师或同学求助。
5.作品展示与评价
请学生推荐其中比较好的作品来进行展示,并让制作者大概讲解自己的设置。然后让老师学生进行评价,最后老师做出总结:
通过这节课的学习,同学们初步了解Flash制作动画,并能够制作简单的动画,这节课的重点难点都是帧的插入,所以同学们下课之后要多做练习。
6.探究活动
课堂内容完成以后,向学生提问一些制作动画过程中的一些快捷键的使用,动画的制作过程中需要经常测试影片,影片测试除了在“控制” →“影片测试”中测试还有什么方法来进行测试。让学生来探究,然后说出自己的答案:通过使用快捷键Ctrl+Enter,还有插入帧的快捷键F5,撤销命令快捷键Ctrl+Z。
若时间有余,可以向学生讲述一些课外知识,进行视野拓展,中国动画片的发展,自1926中国的第一部动画片问世开始,中国动画发展迅速,1955年中国第一部彩色动画片《乌鸦为什么是黑》在国际获奖,后来又陆续有《三个和尚》,《葫芦兄弟》等获奖。
【教学反思】
制作简单的Flash动画对于学生来说不是很难,通过几节课的学习,几乎全部学生都实现了学习目标,都能亲手制作简单的动画,这不仅让学生增加了信心,有了成就感,更大大提高了学生的学习兴趣。探究活动的开展让课堂气氛更活跃,还开扩了学生的思维,让他们更具探索精神和交流能力。对于学生在课堂提出的问题若不能解决,在课后要想出解决方法,让学生得到更全面的知识。
第三篇:浅析中学化学 CAI 课件制作
浅析中学化学CAI课件制作
浅析中学化学 CAI 课件制作
随着计算机技术的快速发展,现代教育技术在教学中的应用越来越广泛,然而,在利用计算机辅助化学教学中,虽然与教材配套的有一些课堂教学资源,但这也很难适用于具体的课堂教学实践,困扰中学化学教师的主要问题是课堂教学软件的严重不足。CAI 是辅助教学的高级程序,是以计算机为主要媒体来进行教学活动,课件是 CA I 系统的核心。下面我结合教学实践就制作 CA I 化学课件谈一些体会。
一、自制 CAI 课件的必要性
计算机技术应用到化学教学中,是很有必要的。多媒体计算机集声音、图像、动画、模拟等手段于一体,能将抽象的概念转化为形象、直观的图像,化远为近、化静为动、化小为大,是化学教师的好帮手。有教师认为,目前网上资源丰富,我们没必要自己去制作课件,下载就行。我并不认同这种观点,因为下载的课件内容不适用于目前的新教材,难度大,容量多,不宜因材施教.。自制课件能根据学生的实际情况体现上课的意图,能突出重点、难点,发挥教师的主导作用和学生的主体作用,从而提高课堂效率.。因此自制 CAI 课件就显得更加必要了。
二、化学 CAI 课件的制作 1.确定课题
化学教材中很多内容能用多媒体,也有很多不适合多媒体教学,使用多媒体教学的选择原则是:(1)比较抽象的概念、微观结构及用一般的教学方法不能解决的问题.如原子结构、电解质的电离、原电池中电子的运动方向等可以利用动画进行模拟演示,使之直观、形象化。
(2)中学化学教材中课堂上不能演示的实验,如石油的蒸馏、煤的干馏、高炉炼铁等,可用制作的模拟实验进行演示,加强学生的理解和记忆。
(3)复习课内容多,可用制作的课件浓缩内容,突出重点和难点,提高复习效率。
浅析中学化学CAI课件制作
2.稿本设计
设计时应根据教学规律创作稿本,设计思想能充分发挥学生的主动性,立足于向学生提供探索知识的途径,培养学生的创造力。
(1)内容设计
内容设计是稿本设计的核心,是课件的实体,课件内容必须符合现行教学大纲,与学生的教学课本紧密结合,选择所需的媒体必须具有易控制,操作简单,能生动形象表现教学内容等特点,并设计出所选信息媒体的播放顺序。
(2)交互设计
交互性是多媒体课件的生命所在,交互的途径通过课件的用户界面0得以实现.该界面必须告诉使用者它有什么以及它能干什么,通常有超文本和热点两种形式。
超文本(Hypertext): 一个以文本为主的课件经常会用到超文本.采用超文本时,每个词都是活的。如我在制作课件时主菜单用以下内容: 知识准备;教学重点、难点;教学内容;能力培养;例题解析;课时小结;课后作业.。选中它能清晰地显示这部分内容。
热点(Hotspot): 热点通常是屏幕上的一个按钮、图片,当选中它时,它会把你带入该课件的另一部分。
(3)反馈设计
课件设计者应使课件具有及时反馈功能,能跟踪学习者的掌握情况.我在设计能力培养题时对每一个答案进行分析,答对了给予表扬,答错了给予帮助信息,以培养学生的学习积极性。
3.脚本设计
脚本是制作课件的直接依据,是一项烦琐而又细致的工作,设计脚本就是把将选定的教学内容编写成思路清晰、内容精炼、重点难点突出、易于计算机表达的脚本.对于文本,凡能标明字形、字色的都应尽量标明;图形要尽量注明线型、线色,对于动画,要绘制出动画的初始状态,包括背景在内,对每个动画要画出它的典型位置,,还要考虑课件界面、屏幕对象、风格等艺术性设计要求。
4.采集制作多媒体素材
要制作 CA I 课件必须做好各种素材的收集.如图片、音像、动
浅析中学化学CAI课件制作
画、音乐等素材.收集的途径有:平时注意从报纸杂志上收集,到音像店去购买,或者在因特网上下载.。制作步骤如下:(1)文本制作
文本输入较简单,但在编辑时应考虑字体的大小、颜色、背景的填充色及是否加框等,对学生易混淆的地方应用不同的字体、颜色来表示.如比较强弱电解质,可将电离程度用闪烁或艺术字来表现。
(2)图形、图像制作
色彩美丽的图形图像是多媒体课件具有魅力的关键因素之一,它能调动学生的学习积极性.图片可通过扫描仪扫入,数字照相机拍摄照片、摄像机捕获图像再输入计算机.如课件的片头我用扫描仪扫入我校的图片.还可利用一些图像处理软件如 PhotoShop、Corel Draw 等对图像进行特技处理,得到自己满意的效果,如图像的翻转、旋转、颜色的调整和一些特殊效果等。
(3)音频制作
多媒体课间一般都会用到大量的音频信息,如背景音乐、解说等,音频的使用不仅能起视觉体验的作用,而且还能增强交互性.例如在播放实验时配以柔和的音乐、必要的解说,答题时答对了用鼓掌的声音激励学生.计算机中的音频信息是通过声卡实现的,它能记录来自话筒、电子器乐、自然界的声音。
(4)动画制作
动画适宜表现教学中比较抽象的知 识内容及课本中不能演示的实验,如晶体结构、电解中电子的运动方向,工业上接触法制硫酸的过程等.计算机动画软件分二维动画和三维动画,如 F lash等等,用来做一些模拟动画,能化静为动,生动有趣.例:在质量守恒定律的教学中,为了让学生从微观本质理解原电池的形成,利用 F lash 制作并模拟分子的结合,通过原子的转移揭示质量守恒定律的本质。.(5)视频制作
视频信息可以大大丰富课件的内容,利用视频捕获卡等硬件设备可方便地对视频信号数字化,并进行编辑处理。
5.用多媒体创作工具集成课件
浅析中学化学CAI课件制作
用多媒体创作工具将已准备好的文本、图形、图像、视频信号、动画等素材,根据课件设计的要求,进行链接,形成多媒体课件。
6.课件测试及成品
课件集成后,应由教师、制作人员共同实行效果验收,根据需要进行调试,再次修改加工.一个好的多媒体课件必须具有如下特征: 1.课件符合课堂教学或用于学生自学;2.知识的准确性;3.图、声、文的交互性;4.画面的生动、形象、趣味性;5.操作的灵活性;6.网络性.。
最后将课件打包以便能在不同操作平台都能运行.三、制作 CA I 课件时应注意的问题
课件不要做得太华丽、花哨,一个过于花哨的课件会分散学生的注意力,不利于学生学习.课件应该简洁明了,制作出来的课件要具有容易适用、操作方便的特点,使稍懂电脑,会用鼠标、键盘的人,懂得使用课件.目前我校的每一个教室均为多媒体教室,靠其中一个或几个老师制作课件是不可能提高多媒体的利用率的,应发挥备课组、教研组的集体智慧,资源共享,开放源程序,便于大家一起学习,共同进步.可见,课件的形成凝聚了群体的智慧,要想在短时间内做出一个好的 CAI 课件,必须要做充分的准备工作,平时要多注意收集各种资料,也可通过计算机网络系统下载各地学校的优秀课件,将其进行分析、加工,做好分类工作,当要用到时就可以随手拈来,缩短制作课件的时间,提高制作效率。
第四篇:FLASH课件制作详解
FLASH课件模板制作详解
教师也“闪”一把
Flash MX 2004打造精美多功能课件
湖南省浏阳市 官桥中心完小 冯献
随着多媒体课件在教学上的运用,越来越多的教师开始学习设计自己的课件并用之于课堂教学实际。但是却面临着一个问题:用什么来制作呢?Powerpoint档次太低,Authorware又不会… …于是,本人作为小学教师的一员,特地向苦于以上问题的教师们介绍一下如何用FLASH打造出精美的多功能课件。
功能简介:
首先,要简单介绍一下flash:它是一个Macromedia公司出品的动画制作软件,带有丰富的交互功能,配以适当的Action script脚本,能做出功能丰富,画面精美的动画课件。能让我们当教师的也来“闪”一把!
注:本文中代码后面的“//”表示接下来是代码解释文字
一、先设计出一个漂亮的界面来
打开flash MX 2004,按Ctrl+F8新建一个影片剪辑,取名叫“窗口”。然后在主舞台中画一个窗口界面。(如下图1,大小为550*400,怎么画?你自己想要什么样的就画什么样的吧!)
说明:界面设计不能太花了,但要有主色调。我这里用的是淡绿色。
不建议使用晃眼的色调,因为整个课件要协调好。太黑了使人感到郁闷,太亮了眼睛痛,适中最好。
风格看个人的喜好了,比如我喜欢窗口风格的。也有好多人喜欢无窗口的,全由你自己爱好啦。我这个版面上面是标题栏,右边是按钮控制区,下方是显示一些说明信息。
初步做好后,将它拖放到场景中,刚好与舞台重合。并在“属性”栏中,实例名称中输入:window
二、界面做好后,就要来制作交互用的按钮了
一般我们需要制作3-4种按钮:
1、控制课件的屏幕大小及关闭按钮(名为close_btn、fullscree_btn、small_btn):
2、响应课件内容及相关操作的通用按钮(因为只要在上面加个名字,就能变成“播放”,“停止”,“音乐”等按钮了);
3、临时按钮:主要在课件中进行临时交互用的。
详细制作方法(不要嫌我啰嗦啊):
1、点插入--新建元件, 或按crtl+F8, 取名为“按钮”,类型选“按钮”,确定。按钮都有四个帧“向上”(即平常状态)、“经过”(鼠标移上去的样子)、“向下”(鼠标点下去的样子)、“点击”(这里什么色无所谓,它只限定鼠标起作用的范围)。另外还可以为这个按钮加点声音,按下时响一下。方法是,点“文件”-“导入”一个声音来。声音就存在于库中了,在按钮图上新建一层,在“按下”帧插入一个关键帧,将声音从库中拖入编辑窗口中即可。(其实声音还可有好多种设置,这里不必要作过多设置,就不详说了)
2、按自己的想法,分别做好四个不同的帧,这样你的多彩的按钮就做出来了,建议多用渐变色(包括线性和径向)。
3、将做好的按钮拖放到界面中去,命名并输入文字
在库中双击“界面”元件,进入影片剪辑“界面”的编辑状态,新建一层,取名为“按钮”,从库中把做好的按钮拖入到适当的位置,摆放整齐。分别在“属性”栏中的“实例名称”中输入:(不包括后面的汉字)fullscreen_btn全屏 close_btn 关闭play_btn 播放 stop_btn 暂停 back_btn 返回 music_btn 音乐practice_btn 练习score_btn 计分 help_btn 帮助 quit_btn 退出。再新建一层,取名为“按钮文字”,用文本工具在按钮的上面输入各按钮的名称(如下图):
4、为各个按钮输入脚本控制语句:
新建一层,取名为“脚本”。按F9调出动作面板(如果是FLASH MX,请选“专家模式”),然后在空白处输入以下代码:
fullcreen_btn.onRelease=function(){ //onRlease表示点击并松开运行(function)
fscommand(“fullscree”,true)//fscommand是一个命令语句 fullscreen是全屏
}
close_btn.onRelease=function(){
fscommand(“quit”,true)
//quit表示退出
}
play_btn.onRelease=function(){
_root.play()
//播放 _root.表示主场景,加上这个前缀来控制主时间轴,下同
}
stop_btn.onRelease=function(){ _root.stop()
//停止
}
back_btn.onRelease=function(){
_root.gotoAndStop(“mulu”)//返回到目录帧(你在课件中有目录的帧的属性面板中找到“标签”栏,在其中输入:mulu 这时在时间轴会有一面小红旗和mulu字样)
}
music_btn.onRelease=function(){
musiccontrol.play()//这里要涉及一个音乐控制影片剪辑,在后面介绍
}
practice_btn.onRelease=function(){
_root.gotoAndStop(“practice”)//跳到练习内容(帧标签为practice)
}
score_btn.onRelease=function(){
score_mc._visible=true //设置计分板为可见,计分板制作将在后面介绍
}
help_btn.onRelease=function(){
helpcontrol.play()//设置帮助信息的可见与隐藏控制,后面有相关介绍
}
输入完成后,点一下上部分的小勾,检查脚本有无错误,如果出现错误提示,认真检查,并正确输入。直到提示“此脚本无错误”。
三、制作实现背景音乐控制、计分板、帮助信息面板的影片剪辑
在这里顺便提一下:建议在库中建立几个文件夹,便于管理众多的影片剪辑
单击库面板中左下角的文件夹图标,就会在库中建立文件夹,可以将各种影片剪辑归类存放:如建立“声音”、“按钮”、“面板部件”三个文件夹,再把相应的元件拖入其中。要使用里面的元件时,只要双击文件夹图标即可。
1、制作背景音乐控制元件 导入一个mp3/wav格式的音乐文件,不要太大,以1-4M为佳。导入后,在库面板中会出现一个喇叭形状的图标,将它拖到“声音”文件夹中。
新建一个影片剪辑,取名为“音乐”。将刚才导入的音乐拖入到编辑窗口中,单击第一帧,在“属性”面板中,将“同步”下拉选单中选“数据流”(如下图,为的是让音乐随帧播放,便于控制),然后在700帧左右插入帧(不是关键帧呀!),如果音乐大概是1分钟就要720帧,自己算算。直到你的最后一帧中无蓝色波形,说明音乐刚好放到那里就完成了。
再新建一个影片剪辑,取名为“音乐控制”。在第一帧的帧动作中输入:
stop()
music_mc.play()//让音乐放
在第二帧插入一个关键帧,在帧动作中输入:
stop()
music_mc.stop()//让音乐停
在库中双击“界面”元件进入它的编辑状态,新建一层,取名为“音乐”,将刚才做好的影片剪辑“音乐”和“音乐控制”拖到工作区任意位置,并分别命名为:music_mc和musiccontrol。到此,背景音乐的控制元件就做好了。能在界面中单击“音乐”按钮进行控制了。按Ctrl+Enter键测试一下吧!
2、制作计分板元件
这个里面将要用到“动态文本”,这是一个可以按要求随时改变字符的文本,用来动态显示分数。
新建一个影片剪辑,取名为“计分板”。先画好板面,要注意与主界面相配。并在适当的位置用文本输入各组组号。
新建一层,取名为“分数”,点T文本工具,并在属性栏中,设为“动态文本”,在面板组名下框出六个文本区,并分别取“变量”为s1-s6,如图:
再做一个加分按钮和一个减分按钮(不细说步骤了),将它们拖放六次到计分板的适当位置,实例名为:jia1_btn,jian1_btn,jia2_btn,jian2_btn … …如图:
新建一层,打开帧动作面板,输入六段下面类似代码:
a1 = 0;
jia1_btn.onRelease = function(){ a1++;
//每次单击递加1 s1 = a1;};
Jian1_btn.onRelease = function(){ a1--;
//每次单击递减1 s1 = a1;}
… …
(以上是1组的加减分按钮,你就另外加5个的进去吧!只要将1改成2、3、4、5、6即可,注意要认真一点,输完后要检查无误。)
最后还要拖入一个可以将计分板关闭的按钮来,放在右上角,实例名称为:close_btn,在帧动作面板中还要加入条:
close_btn.onRelease=function(){
_parent._visible=false
//表示上一级(即计分板)不可见
}
这时,计分板己做好。在库面板中,双击“界面”,打开它的编辑状态。
新建一层,取名为“计分”,将做好的“计分板”元件拖入到场景中适当位置,并在“实例名称”输入:score_mc。你再测试一下你的计分板吧!呵呵!
3、制作帮助信息元件
这个很简单,新建一个影片剪辑,命名为“帮助信息”,画个450*20的矩形,再向里面添加一个动态文本。变量取为 helptxt就行了。
再新建一个只有两帧的类似于音乐控制的影片剪辑:帮助控制
第一帧动作:stop()
help_mc._visible=true //帮助为可见
第二帧动作:stop()
第五篇:FLASH课件制作详解
FLASH课件模板制作详解
教师也“闪”一把
Flash MX 2004打造精美多功能课件 湖南省浏阳市 官桥中心完小 冯献
随着多媒体课件在教学上的运用,越来越多的教师开始学习设计自己的课件并用之于课堂教学实际。但是却面临着一个问题:用什么来制作呢?Powerpoint档次太低,Authorware又不会„ „于是,本人作为小学教师的一员,特地向苦于以上问题的教师们介绍一下如何用FLASH打造出精美的多功能课件。功能简介:
首先,要简单介绍一下flash:它是一个Macromedia公司出品的动画制作软件,带有丰富的交互功能,配以适当的Action script脚本,能做出功能丰富,画面精美的动画课件。能让我们当教师的也来“闪”一把!注:本文中代码后面的“//”表示接下来是代码解释文字
一、先设计出一个漂亮的界面来
打开flash MX 2004,按Ctrl+F8新建一个影片剪辑,取名叫“窗口”。然后在主舞台中画一个窗口界面。(如下图1,大小为550*400,怎么画?你自己想要什么样的就画什么样的吧!)说明:界面设计不能太花了,但要有主色调。我这里用的是淡绿色。
不建议使用晃眼的色调,因为整个课件要协调好。太黑了使人感到郁闷,太亮了眼睛痛,适中最好。
风格看个人的喜好了,比如我喜欢窗口风格的。也有好多人喜欢无窗口的,全由你自己爱好啦。我这个版面上面是标题栏,右边是按钮控制区,下方是显示一些说明信息。
初步做好后,将它拖放到场景中,刚好与舞台重合。并在“属性”栏中,实例名称中输入:window
二、界面做好后,就要来制作交互用的按钮了
一般我们需要制作3-4种按钮:
1、控制课件的屏幕大小及关闭按钮(名为close_btn、fullscree_btn、small_btn):
2、响应课件内容及相关操作的通用按钮(因为只要在上面加个名字,就能变成“播放”,“停止”,“音乐”等按钮了);
3、临时按钮:主要在课件中进行临时交互用的。详细制作方法(不要嫌我啰嗦啊):
1、点插入--新建元件, 或按crtl+F8, 取名为“按钮”,类型选“按钮”,确定。按钮都有四个帧“向上”(即平常状态)、“经过”(鼠标移上去的样子)、“向下”(鼠标点下去的样子)、“点击”(这里什么色无所谓,它只限定鼠标起作用的范围)。另外还可以为这个按钮加点声音,按下时响一下。方法是,点“文件”-“导入”一个声音来。声音就存在于库中了,在按钮图上新建一层,在“按下”帧插入一个关键帧,将声音从库中拖入编辑窗口中即可。(其实声音还可有好多种设置,这里不必要作过多设置,就不详说了)
2、按自己的想法,分别做好四个不同的帧,这样你的多彩的按钮就做出来了,建议多用渐变色(包括线性和径向)。
3、将做好的按钮拖放到界面中去,命名并输入文字
在库中双击“界面”元件,进入影片剪辑“界面”的编辑状态,新建一层,取名为“按钮”,从库中把做好的按钮拖入到适当的位置,摆放整齐。分别在“属性”栏中的“实例名称”中输入:(不包括后面的汉字)
fullscreen_btn全屏 close_btn 关闭play_btn 播放 stop_btn 暂停 back_btn 返回
music_btn 音乐practice_btn 练习score_btn 计分 help_btn 帮助 quit_btn 退出。再新建一层,取名为“按钮文字”,用文本工具在按钮的上面输入各按钮的名称(如下图):
4、为各个按钮输入脚本控制语句:
新建一层,取名为“脚本”。按F9调出动作面板(如果是FLASH MX,请选“专家模式”),然后在空白处输入以下代码:
fullcreen_btn.onRelease=function(){ //onRlease表示点击并松开运行(function)fscommand(“fullscree”,true)//fscommand是一个命令语句 fullscreen是全屏 } close_btn.onRelease=function(){ fscommand(“quit”,true)
//quit表示退出 } play_btn.onRelease=function(){ _root.play()//播放 _root.表示主场景,加上这个前缀来控制主时间轴,下同 } stop_btn.onRelease=function(){ _root.stop()//停止 } back_btn.onRelease=function(){ _root.gotoAndStop(“mulu”)//返回到目录帧(你在课件中有目录的帧的属性面板中找到“标签”栏,在其中输入:mulu 这时在时间轴会有一面小红旗和mulu字样)} music_btn.onRelease=function(){ musiccontrol.play()//这里要涉及一个音乐控制影片剪辑,在后面介绍 } practice_btn.onRelease=function(){ _root.gotoAndStop(“practice”)//跳到练习内容(帧标签为practice)} score_btn.onRelease=function(){ score_mc._visible=true //设置计分板为可见,计分板制作将在后面介绍 } help_btn.onRelease=function(){ helpcontrol.play()//设置帮助信息的可见与隐藏控制,后面有相关介绍 } 输入完成后,点一下上部分的小勾,检查脚本有无错误,如果出现错误提示,认真检查,并正确输入。直到提示“此脚本无错误”。
三、制作实现背景音乐控制、计分板、帮助信息面板的影片剪辑
在这里顺便提一下:建议在库中建立几个文件夹,便于管理众多的影片剪辑
单击库面板中左下角的文件夹图标,就会在库中建立文件夹,可以将各种影片剪辑归类存放:如建立“声音”、“按钮”、“面板部件”三个文件夹,再把相应的元件拖入其中。要使用里面的元件时,只要双击文件夹图标即可。
1、制作背景音乐控制元件
导入一个mp3/wav格式的音乐文件,不要太大,以1-4M为佳。导入后,在库面板中会出现一个喇叭形状的图标,将它拖到“声音”文件夹中。
新建一个影片剪辑,取名为“音乐”。将刚才导入的音乐拖入到编辑窗口中,单击第一帧,在“属性”面板中,将“同步”下拉选单中选“数据流”(如下图,为的是让音乐随帧播放,便于控制),然后在700帧左右插入帧(不是关键帧呀!),如果音乐大概是1分钟就要720帧,自己算算。直到你的最后一帧中无蓝色波形,说明音乐刚好放到那里就完成了。
再新建一个影片剪辑,取名为“音乐控制”。在第一帧的帧动作中输入: stop()music_mc.play()//让音乐放
在第二帧插入一个关键帧,在帧动作中输入: stop()music_mc.stop()//让音乐停
在库中双击“界面”元件进入它的编辑状态,新建一层,取名为“音乐”,将刚才做好的影片剪辑“音乐”和“音乐控制”拖到工作区任意位置,并分别命名为:music_mc和musiccontrol。到此,背景音乐的控制元件就做好了。能在界面中单击“音乐”按钮进行控 制了。按Ctrl+Enter键测试一下吧!
2、制作计分板元件
这个里面将要用到“动态文本”,这是一个可以按要求随时改变字符的文本,用来动态显示分数。新建一个影片剪辑,取名为“计分板”。先画好板面,要注意与主界面相配。并在适当的位置用文本输入各组组号。
新建一层,取名为“分数”,点T文本工具,并在属性栏中,设为“动态文本”,在面板组名下框出六个文本区,并分别取“变量”为s1-s6,如图:
再做一个加分按钮和一个减分按钮(不细说步骤了),将它们拖放六次到计分板的适当位置,实例名为:jia1_btn,jian1_btn,jia2_btn,jian2_btn „ „如图: 新建一层,打开帧动作面板,输入六段下面类似代码: a1 = 0;jia1_btn.onRelease = function(){ a1++;
//每次单击递加1 s1 = a1;};Jian1_btn.onRelease = function(){ a1--;
//每次单击递减1 s1 = a1;} „ „
(以上是1组的加减分按钮,你就另外加5个的进去吧!只要将1改成2、3、4、5、6即可,注意要认真一点,输完后要检查无误。)
最后还要拖入一个可以将计分板关闭的按钮来,放在右上角,实例名称为:close_btn,在帧动作面板中还要加入条:
close_btn.onRelease=function(){ _parent._visible=false //表示上一级(即计分板)不可见 } 这时,计分板己做好。在库面板中,双击“界面”,打开它的编辑状态。
新建一层,取名为“计分”,将做好的“计分板”元件拖入到场景中适当位置,并在“实例名称”输入:score_mc。你再测试一下你的计分板吧!呵呵!
3、制作帮助信息元件 这个很简单,新建一个影片剪辑,命名为“帮助信息”,画个450*20的矩形,再向里面添加一个动态文本。变量取为 helptxt就行了。
再新建一个只有两帧的类似于音乐控制的影片剪辑:帮助控制
第一帧动作:stop()help_mc._visible=true //帮助为可见 第二帧动作:stop()help_mc._visible=false //帮助为不可见
两个做好了,再在库中双击“界面”进入编辑状态,新建一层,取名为“帮助”,将刚做的“帮助信息”拖到界面的下文横条上。在实例名中输入:help_mc,再将“帮助控制”也拖入,实例名:helpcontrol。要实现实时显示帮助信息,还得要加入一些代码,单击“界面”的第一帧,在动作面板中输入: close_btn.onRollover=function(){ // onRollOver表示在鼠标移到按钮上时触发事件
help_mc.helptxt=”提示:单击关闭本课件” //给动态文本的变量helptxt赋值,下同 } fullscreen_btn.onRollover=function(){ help_mc.helptxt=”提示:单击全屏显示课件” } small_btn.onRollover=function(){ help_mc.helptxt=”提示:单击小屏显示本课件” } play_btn.onRollOver=function(){
help_mc.helptxt=“提示:单击播放课件。” } stop_btn.onRollOver=function(){ help_mc.helptxt=“提示:单击暂停播放课件。” } back_btn.onRollOver=function(){ help_mc.helptxt=“提示:单击返回课件目录。” } music_btn.onRollOver=function(){ help_mc.helptxt=“提示:单击播放或停止背景音乐。” } score_btn.onRollOver=function(){ help_mc.helptxt=“提示:单击进入小组计分系统。” } practice_btn.onRollOver=function(){ help_mc.helptxt=“提示:单击进入练习题。” } quit_btn.onRollOver=function){ help_mc.helptxt=”提示:单击将退出课件” }
另外,有时想在课件上显示时间,可以加一个动态文本,变量为:mytime。并在它所在的帧的帧动作中输入:
function showtime(){ var time=new Date()//得到系统时间字符串 mytime=substring(time,11,9)//只截取其中时分秒的部分 } setInterval(showtime,100)
//100毫秒刷新一次
提高篇:(可以不做)
1、课件中实现粉笔的功能(即鼠标画线并能擦除): 在主场景帧动作中输入下面的代码可以实现鼠标的画线: _root.onLoad=function(){ i=false;} _root.onMouseDown=function(){ x=_root._xmouse;y=_root._ymouse;i=true;_root.moveTo(x,y)} _root.onMouseUp=function(){ i=false;} _root.onMouseMove=function(){ if(i==true){ //判断画线条件
_root.lineStyle(2,oxff0000,100);//确定线型(线宽,RGB色,透明度)_root.lineTo(_root._xmouse,_root._ymouse)}else{ _root.lineStyle()//如果条件不具备,则利用无线型,不显示线条 } updateAfterEvent()}
还要另加一个按钮来清除画好的线,按钮动作: on(release){ _root.clear()//清除 } 带画线功能课件实例(如图):http://gqxx.lyedu.com.cn/soft/learnclock.swf
2、让计分等面板成为仿windows窗口,可随意拖动
新建一个影片剪辑,画一个像Windows窗口标题栏样式的条状体,取名为bar 将它放在计分面板上,实例名设为:bar 然后在它所在帧的帧动作中输入: bar.onPress=function(){ _parent.startDrag()//当鼠标按下时能拖动 } bar.onRelease=function(){ _parent.stopDrag()//当鼠标弹起时停止拖动 }
实际上在所有的面板都可以像这样做,一样可以实现面板可拖动。呵呵,是不是挺酷? 可拖动窗口课件实例(如图):http://gqxx.lyedu.com.cn/soft/siji.swf 到此为止,我们的多功能课件封面己全部完成了。让我们来测试一下课件吧!如下图:
剩下要做的只要做好课件的动画内容了,在要停的帧中加入一个帧动作:stop(),就能用我们的课件封面来控制内容显示了!赶快行动吧,让我们一起来做一个多功能动画课件,一起来“闪”吧!
本人最近作品效果图
好了,我要说的就到这里了。欢迎朋友们来我校网址下载课件封面源文件,谢谢!http://gqxx.lyedu.com.cn/2005/ 最后,我的QQ:475563067 欢迎加我哦!电邮:fengxian975027@163.com