用FLASH来制作课程学习

用FLASH制作多媒体课件$2Flash课件制作的基本操作$3在课件中添加多媒体素材$4制作课件的动画效果$5制作课件的交互功能$6课件保存、导出和发布教学要求$1Flash制作课件步骤第1页/共53页第一页，共54页。教学要求

掌握Flash的相关概念和基本操作方法,掌握使用Flash制作多媒体课件的步骤和方法，能用Flash制作自己专业的教学课件。

第2页/共53页第二页，共54页。$1Flash制作课件步骤在前面方案设计和素材准备好前提下:设置课件播放画面尺寸（文档设置）和模块结构(场景）;在各模块中添加教学内容(多媒体素材)和制作展示效果;制作教学内容间跳转（按钮）；随时保存和调试修改；导出或发布课件。实例展示第3页/共53页第三页，共54页。$2Flash课件制作的基本操作一、软件与界面二、设置画面尺寸四、帧的编辑方法五、元件作用与创建三、场景操作第4页/共53页第四页，共54页。一、软件与界面●动画文件格式●FLA(可编辑源文件)●

SWF(动画)●

AVI、MOV(视频)●

GIF(动画)Flash是二维动画设计软件，采用矢量图，做出的动画体积小，广泛用于网络中。●

中文版Flash●

动画形式帧动画、矢量动画可实现交互功能、附加同步声音第5页/共53页第五页，共54页。软件界面舞台工具箱时间线面板面板集时间线面板属性面板第6页/共53页第六页，共54页。(1)选“修改\文档…”或单击底部“属性”面板中“尺寸”按钮(2)输入“尺寸”数值(最小800*600，用PPT图片960*720)(5)输入“帧频”fps(一般12~25)(4)单击“背景颜色”框确定动画窗口背景色(6)确定标尺单位(7)单击“设为默认值”按钮，保存当前设置(8)单击“确定”按钮二、设置画面尺寸第7页/共53页第七页，共54页。

一个场景是一个相对独立的模块。1.新建场景：选“窗口\其他面板\场景”打开场景面板→单击“添加场景”按钮。2.重命名场景：在场景面板中双击要改名场景名→输入新名称。3.删除场景：选中要删除的场景名→单击“删除场景”按钮后选“确定”。4.更改场景顺序：默认的播放顺序是按场景面板中排列的顺序，拖移来改顺序。复制场景：用来建立相近（只作少量修改）的场景，选中要复制的场景名→单击“直接复制场景”按钮。三、场景操作第8页/共53页第八页，共54页。封面主界面教学内容1教学内容2教学内容3教学内容4结束部分为一场景，可以若干帧返回按钮跳转到各部分用场景建立课件结构第9页/共53页第九页，共54页。插入帧：“右击帧格\插入帧|关键帧|空白关键帧”作用：延长播放时间|物体运动或变化|物体消失

(2)选择帧：单击某帧选中一帧、单击某帧再Shift+单击另一帧选连续多帧、Ctrl+单击选不连续多帧(3)移动帧：选取后拖动(5)清除帧：“右击\清除帧”清除选中帧内容变成空白帧(4)复制帧：选取后“右击\复制帧”，在需要粘帖帧位置“右击

\粘帖帧”(6)删除帧：选取后“右击\删除帧”删除选中帧，后面帧前移(7)翻转帧：选取多帧后“右击\翻转帧”将所选多帧播放动画次序颠倒(8)改变动画的长度：向左或向右拖动首尾的关键帧。四、帧的编辑方法第10页/共53页第十页，共54页。创建方法：1.新建:插入\新建元件→输入元件名→分别选“影片剪辑”或“按钮”或“图形”进入:

图形元件：作图或导入图片按钮元件：分别在弹起、指针经过、按下、点击4帧插入关键帧作相应图形或导入图片影片剪辑元件：作图或制作动画2.转换：将已有的图形转换为元件：选取，按F8或“修改\转换为元件→影片剪辑、按钮或图形”

创建的元件放在库中可重复使用，使课件文件缩小,元件可设置颜色变化:亮度、色调、透明度等。元件类型：图形元件、按钮元件、影片剪辑元件五、元件作用与创建方法第11页/共53页第十一页，共54页。$3在课件中添加多媒体素材(2)选定所需的所有文件(3)单击“打开”按钮，对于影片会弹出对话框，选择“在swf中嵌入视频并在时间轴上播放”、符号类型“影片剪辑”、视频品质“高”。。使用时插入图层，将库中素材拖到舞台相应层。一、导入外部素材：(1)选择“文件\导入到库(或舞台)”第12页/共53页第十二页，共54页。注意:

①图像gif、png原来透明的导入后仍透明，可用Photoshop删除背景保存成gif、png透明格式。也可导入后分离用套索或魔术棒工具删除成透明。②声音自动导入到库。从库中拖到舞台使用。用属性面板中编辑按钮可前后裁剪和调整音量等。③文字、艺术字、图形图像也可用复制\粘帖方法导入。文字直接当图像方式粘贴将不能改变字体字号颜色等字体特性，且放小时可能出现丢失笔划现象。改进方法：选工具“A”单击舞台后在文本框中再粘贴即可改变字体特性。第13页/共53页第十三页，共54页。④导入gif、swf动画应选择导入到库，自动形成影片剪辑。⑤导入视频时可调整画质和画面大小。第14页/共53页第十四页，共54页。北京BEIJING1.添加文字(1)选择文本工具“A”(2)鼠标左键划出文本框(3)输入文本内容(4)光标条覆盖文本(6)鼠标对准文本输入框，移动文字(7)单击非文本输入区结束北京BEIJING(5)单击“属性”工具栏，设置字体、字号、颜色、对齐方式等●

单击文本，可再次修改文字二、用软件工具添加文字和作图：第15页/共53页第十五页，共54页。2.添加图形(1)选择铅笔工具(2)选择铅笔颜色(3)选择轮廓模式(4)描绘轮廓●

直线化

●

平滑

●

墨水瓶●

绘制轮廓线（如铅笔）(1)选择颜料桶工具(2)单击填充色按钮，选择填充模式(渐变、单色均可)(3)选择封闭模式(4)单击图形内部填充颜色●渐变●渐变●单色●

填充颜色第16页/共53页第十六页，共54页。●编辑多帧举例⑴单击“绘图纸外观”和“编辑多个帧”按钮⑵单击“修改绘图纸标记\绘制全部”⑶选“编辑\全选”选取全部⑷即可移动全部位置和方向⑸可用“对齐”面板各种对齐⑹选“修改\分离”打散⑺选“套索”\魔术棒,多次单击删除背景⑻单击“修改\组合”⑼单击“修改\文档”，单击“内容”按钮，确定使舞台与导入图一样大,再导出成gif。第17页/共53页第十七页，共54页。$4制作课件的动画效果逐帧动画：创建每一帧动画内容，逐帧播放。●(2)渐变动画只要创建首尾关键帧内容，其间帧内容由软件自动生成。包括：动画补间动画（直线动画和路径动画）形状补间动画遮罩动画（遮罩层与动作、形状补间动画结合）动画的分类第18页/共53页第十八页，共54页。一、帧动画二、动作补间动画三、形状补间动画四、遮罩动画$4制作课件的动画效果第19页/共53页第十九页，共54页。一、制作帧动画(1)绘制图形(2)选择“插入\关键帧”（新的帧自动复制前一帧的内容）(3)

在新的帧中修改图形●

演播动画效果(1)按Ctrl+Enter键或选择“控制\测试影片”(1)按Enter键或选择“控制\播放”●或直接导入已制作好的逐帧图像序列生成动画第20页/共53页第二十页，共54页。●动画制作举例●

关键帧数：5●

动画文件格式：swf[操作步骤](1)新建文件设置动画尺寸

(2)绘制一组连贯动作画面

(3)播放测试(4)发布成SWF（或GIF格式）●

绘制一组角的画面第21页/共53页第二十一页，共54页。沿直线移动动画沿路径移动动画（加引导层和引导线来引导）（移动过程中物体均可同时缩放、扭曲、旋转、速度变化、颜色渐变。颜色渐变设置：在动画起始帧与结束帧单击元件实例，在属性窗口设置颜色效果）。在一个首关键帧中放置一个对象（元件、群组或文本块等）,在尾关键帧中改变这个对象（同一对象）大小、颜色、位置、透明度等，FLASH根据二者之间的帧创建的动画。二、动作补间动画第22页/共53页第二十二页，共54页。●(4)选起始关键帧，在属性面板选“动作补间”，设置缩放、变速、旋转等(1)选取动画起始帧，画出或库中拖出对象置于初始位置。(2)鼠标右键单击结束帧，如第20帧选择“插入关键帧”(3)将对象移动、缩放、改色置于结束帧●用鼠标单击起始帧和结束帧，可调整图形的初始位置和终了位置直线移动动画第23页/共53页第二十三页，共54页。路径动画●(3)单击铅笔工具，选择“平滑”效果，画自由路径。(1)制作直线移动动画(2)单击(添加引导图层)按钮(4)分别单击对象起始和结束关键帧，用选择工具将对象中心对准路径起点和终点（按下吸附工具）。第24页/共53页第二十四页，共54页。自转和沿椭圆转1.自转：自转几周可用元件动作补间中顺时针或逆时针转实现。2.椭圆：封闭曲线作为引导线会就近移动，而不是绕一周，要将其断开一小段，一端为起点另一端为终点吸附准确才行。第25页/共53页第二十五页，共54页。

在一个关键帧中绘制一个形状,在另一个关键帧中绘制另一个形状（不同对象）,FLASH根据二者之间的形状来创建动画实现它们之间颜色、形状、大小、位置的相互变化.

颜色渐变设置：在动画起始帧与结束帧直接改变对象的颜色。

对元件实例、群组、文字或位图图像，必须首先将这些元素矢量化分离(打散成点)。对文本块必须分离两次，将文本打散成点状。三、形状补间动画(打散的矢量图)第26页/共53页第二十六页，共54页。●形状补间动画制作(4)单击起始帧，选择属性补间为“形状”、设置变速、混合等(5)按回车键预览动画效果，图形从起始帧的位置移动到结束帧的位置(2)鼠标右键单击结束帧，如第38帧选择“插入关键帧”(3)绘制或导入另一对象分离置于结束位置●用鼠标单击起始帧和结束帧，可调整图形的初始和终了位置形状(1)选取动画起始帧，绘制或导入对象分离置于初始位置第27页/共53页第二十七页，共54页。四、遮罩动画遮罩层:只在该层某个特定的图形(可为按钮、影片剪辑、图形、文字等)视窗(完全透明)中显示下面层的图像，而图形视窗外部位不显示，起遮罩作用的图层。遮罩动画:利用被遮罩对象的运动、变形或作为遮罩视窗对象的运动、变形生成动画效果.

每个遮罩层下可有多个被遮罩层。可将多个图层组织在一个遮罩层下创建非常复杂的遮罩效果.第28页/共53页第二十八页，共54页。●(4)锁定遮罩和被遮罩层，按回车键预览动画效果，图形视窗从起始帧的位置移动到结束帧的位置。(2)新增一个普通图层，在遮罩层绘制或导入作为遮罩视窗的对象（可为按钮、影片剪辑、图形、位图、文字等）或同时创建动画。(3)用鼠标右键单击这一图层，再弹出的菜单中选择“遮罩层”命令。(1)制作好被遮罩层相应对象的动画或背景●双击图层图标可进行遮罩、被遮罩、正常层间转换.遮罩动画制作第29页/共53页第二十九页，共54页。$5制作课件的交互功能一、添加帧动作二、按钮与动作四、场景与跳转三、影片剪辑与动作第30页/共53页第三十页，共54页。一、添加帧动作(播放时自动执行)1、选择要创建动作层和关键帧（或插入关键帧）;2、单击“动作-帧”面板,选“时间轴控制”,双击其中相应动作命令一般在场景最后一关键帧加stop();或gotoandplay(“主界面”，1);实现停止或自动返回。第31页/共53页第三十一页，共54页。常用的动作命令:

play()播放电影

stop()停止播放

gotoAndPlay(“场景名”,帧)转到指定场景位置播放

gotoAndStop(“场景名”,帧)转到指定场景位置停止播放

nextFrame()转到下一帧并停止播放

prevFrame()转到上一帧并停止播放

stopAllSounds()停止播放所有声音（设置流式声音继续播放）

LoadMovie(“文件名”,目标)调指定外部swf影片替换目标位置

UnloadMovie(目标)卸载指定的外部swf影片目标---“影片实例名称”或层数名第32页/共53页第三十二页，共54页。例把对象做成影片元件（“+”为对象中心），拖入场景，实例名mc再在帧上写代码：_root.onEnterFrame=function(){mc._rotation=mc._rotation+3;}

//+3顺时针旋转速度，负数是逆时针旋转，绝对值越大，旋转越快。Fscommand(“命令”,“参数”)

命令为：quit关闭、fullscreen全屏、exec执行程序等对应参数：无、true或false、程序路径和文件名第33页/共53页第三十三页，共54页。在某帧显示答案几秒后返回：使某帧停留3秒stop();varClearID:NumberClearID=setInterval(function(){clearInterval(ClearID);play();},3000);后一关键帧加跳转gotostop(原帧)；第34页/共53页第三十四页，共54页。1、使用“插入\新建元件”，选“行为”区中“按钮”。或执行“窗口\公用库\按钮”，拖一类别中按钮到舞台直接使用。2、单击“确定”按钮，显示弹起、指针经过、按下和点击4个状态。3、单击“弹起”帧,在舞台使用：文字|图形|图片|影片剪辑。4、右击“指针经过”帧\插入关键帧，然后修改文字|图形|图片|影片剪辑。同法在“按下”帧插入关键帧修改文字|图形|图片|影片剪辑。二、按钮与动作●创建按钮第35页/共53页第三十五页，共54页。5、在“点击”状态插入关键帧,画一响应范围或省略(同前）。6.单击“指针经过”帧（或“按下”帧），若无关键帧要插入一个关键帧。7.从库中拖入声音到舞台（事先导入库）。注意：

“指针经过”帧、“按下”帧可加入不同声音效果。当鼠标经过按钮时变形并发出一种声音，当单击按钮时变形并发出另一种声音。第36页/共53页第三十六页，共54页。使用技巧按钮元件有四帧:“弹起”、“指针经过”、“按下”和“点击”。其中“弹起”帧中的内容在正常状态下出现；“指针经过”中的内容在鼠标移到其上面时出现；“按下”的内容在单击按钮时出现；“点击”则定义了哪些位置是激活按钮的位置。“点击”帧空(也没有空白关键帧),则激活范围与最接近的帧图形同。最简单的按钮:“弹起”帧放一图形,余均空。透明按钮:“弹起”帧空,“点击”帧放激活范围图。在编辑“点击”帧时，激活“绘图纸外观”按钮可以方便的绘制按钮的激活范围。第37页/共53页第三十七页，共54页。声音播放按钮：1.单击按钮“按下”帧，无关键帧时，插入一个关键帧。2.在属性面板中选择要播放的声音文件,“同步”事件选“开始”,即做好。声音停止按钮：3.创建另一按钮,单击“按下”帧，无关键帧时，插入一个关键帧。4.在属性面板中选择要停止的与播放相同的声音文件,“同步”事件选“停止”。注：可合二为一，经过帧播放，按下帧停止。●声音播放和停止按钮第38页/共53页第三十八页，共54页。继续课堂练习：⒈狐狸是用什么方法骗走乌鸦肉的，你认为对的是（）。

A．狐狸向乌鸦借肉，说以后再还给乌鸦。B．狐狸故意对乌鸦说好话。C．狐狸说肉有毒，吃了会生病的。FLASH中用透明按钮加声音来实现！第39页/共53页第三十九页，共54页。1.执行“插入\新建元件”,为元件命名(词名)，选“按钮”.2.单击“点击”帧，画矩形，调整为刚好覆盖解释对象大小并。3.单击“指针经过”或“按下”帧，插入关键帧,制作提示内容(注意显示时不能超出窗口，可左右移或多行实现显示在窗口内）。4.将按钮拖到要解释的对象上使用。●信息提示按钮(解释或答案)第40页/共53页第四十页，共54页。继续课堂练习：⒈狐狸是用什么方法骗走乌鸦肉的，你认为对的是（）。

A．狐狸向乌鸦借肉，说以后再还给乌鸦。B．狐狸故意对乌鸦说好话。C．狐狸说肉有毒，吃了会生病的。正确错误错误第41页/共53页第四十一页，共54页。●1、新建一图层，选择要显示按钮的位置插入关键帧,将库中按钮拖到合适位置(常覆盖在菜单文字上,设置为透明);2、选中按钮,打开脚本助手，双击其中相应动作命令，选择参数：场景、输入帧数字等。添加按钮动作第42页/共53页第四十二页，共54页。on(release){ nextFrame();}on(release){

prevFrame();}到下一帧（到上一帧第43页/共53页第四十三页，共54页。三、场景跳转场景中选择界面关键帧:帧动作stop();并放置按钮跳转其他场景:按钮on(release){gotoAndPlay(“场景名”,1)};其他模块分成一个个场景，每一场景最后一帧(关键帧)动作:gotoAndPlay(“选择界面”,1);或帧动作stop();按钮跳转到选择界面或其他场景:按钮on(release){gotoAndPlay(“选择界面”,1)};若场景为动画也可:首帧动作stop();加一播放按钮来播放动画:on(release){Play()};结束帧动作:gotoAndPlay(“选择界面”,1);第44页/共53页第四十四页，共54页。四、单选题多选题文本框输入题目答案

2制作反馈影片剪辑dui，cuocuo中输入清空命令3添加组件设置属性参数设置实例名称，label去名称

4添加判断按钮与代码。

主要是条件不同第45页/共53页第四十五页，共54页。单选题：on(release){if(c1.selected==1){dui.play();}else{cuo.play(); }}多选题：on(release){if(a2.selected==1&&c2.selected==1&&b2.selected==0&&d2.selected==0){ dui.play(); }else{ cuo.play(); }}选“静态文本”输入文字“判断”，选“修改/转换为元件/按钮”，右击选“动作”，输入下语句：第46页/共53页第四十六页，共54页。on(release){正确答案"){ dui.play(); }else{ cuo.play(); }}五、填空题:输入填空内容，单击“判断”按钮显示对错。用文字工具选静态文本输入题目；单击填空处，选“输入文本”，拖一个填空框，取消“自动调整字距”,实例名设置为k1；修改“判断”按钮语句：第47页/共53页第四十七页，共54页。on(release){ if(k1=="正确答案"){ p="正确"; }else{ p="错误"; } }填空题:输入填空内容，单击“判断”按钮显示对错。用文字工具选静态文本输入题目；单击填空处，选“输入文本”，拖一个填空框，取消“自动调整字距”,变量设置为k1；单击显示判断处，选“动态文本”，拖一个评语框；单击放置“提交”按钮处，变量设置为P；选“静态文本”输入文字“判断”，选“修改/转换为元件/按钮”，单击“动作”面板，输入下语句：“重置”输入下语句：on(release){k1="";