教程》第4章使用Flash制作多媒体教学课件.ppt

《教程》第4章使用Flash制作多媒体教学课件.ppt》由会员分享，可在线阅读，更多相关《教程》第4章使用Flash制作多媒体教学课件.ppt（133页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、http:/ 上机实战使用Flash制作物理课件物理课件平抛与平抛与斜抛斜抛http:/ 【编辑】下拉菜单http:/ 工具箱http:/ 添加滤镜效果http:/ 删除滤镜效果http:/ 关闭【参数】面板http:/ 基 本 操 作u4.2.1创建一个新的影片创建一个新的影片u4.2.2使用属性检查器改变文档属性使用属性检查器改变文档属性u4.2.3一般参数设置一般参数设置http:/ 基 本 操 作n在认识了在认识了Flash8的基本操作界面之后，很多的基本操作界面之后，很多读者可能已经跃跃欲试，想要亲自动手对读者可能已经跃跃欲试，想要亲自动手对Flash进行操作了。本节就将引领读者创建

2、一进行操作了。本节就将引领读者创建一个新的影片，并对影片的参数进行一些基本个新的影片，并对影片的参数进行一些基本的设置，从而熟悉的设置，从而熟悉Flash制作动画的一般步骤。制作动画的一般步骤。http:/ 【从模板新建】对话框的【模板】选项卡http:/ 【文档属性】对话框http:/ 调色板http:/ 【首选参数】对话框http:/ 制 作 动 画u4.3.1逐帧动画逐帧动画u4.3.2渐变动画渐变动画http:/ 制 作 动 画n在在FlashProfessional8中使前后相邻的两中使前后相邻的两个帧中的内容发生变化就可以形成动画。制个帧中的内容发生变化就可以形成动画。制作动画的方

3、法一般有两种：渐变动画和逐帧作动画的方法一般有两种：渐变动画和逐帧动画。在渐变动画中只要确定动画开始帧和动画。在渐变动画中只要确定动画开始帧和结束帧中的内容就可以了，动画中各个帧的结束帧中的内容就可以了，动画中各个帧的内容由内容由FlashProfessional8自动生成。在自动生成。在逐帧动画中，编辑人员需要为动画的每一帧逐帧动画中，编辑人员需要为动画的每一帧创建内容。创建内容。http:/ Flash 8提示对话框http:/ 通过【属性】面板中的【补间】下拉列表框设置的渐变动画http:/ ActionScript脚本语言u4.4.1ActionScript编辑器编辑器u4.4.2熟悉

4、熟悉ActionScripthttp:/ ActionScript脚本语言nActionScript语言是语言是Flash的一部分，它为设计人员和开发的一部分，它为设计人员和开发人员提供了各种便利功能。通过使用人员提供了各种便利功能。通过使用ActionScript，可以，可以根据运行时间和加载数据等事件控制文档播放；为文档添加根据运行时间和加载数据等事件控制文档播放；为文档添加交互性，使之响应按钮单击等用户操作；将内置对象交互性，使之响应按钮单击等用户操作；将内置对象(例如例如按钮对象按钮对象)与内置的相关方法、属性和事件结合使用；创建与内置的相关方法、属性和事件结合使用；创建自定义类和对象

5、；创建更加短小精悍的应用程序自定义类和对象；创建更加短小精悍的应用程序(相对于使相对于使用用户界面工具创建的应用程序用用户界面工具创建的应用程序)，所有这些都可以通过可，所有这些都可以通过可重复利用的代码来完成。重复利用的代码来完成。http:/ 脚本助手模式http:/ 一般模式http:/ 添加帧动作http:/ 添加按钮动作http:/ 制作Flash动画的步骤n本节要制作的动画效果如图本节要制作的动画效果如图4.56所示，所示，Flash标志会淡出。单击动画上标志会淡出。单击动画上的的Information按钮以查看它所链接的位置，然后关闭打开的浏览器并按钮以查看它所链接的位置，然后关

6、闭打开的浏览器并返回到返回到swf文件。这个动画对于初学者来说有一定的难度，不过只要跟文件。这个动画对于初学者来说有一定的难度，不过只要跟着操作步骤从头到尾的坚持做下去，就一定能够完成整个动画。查看完着操作步骤从头到尾的坚持做下去，就一定能够完成整个动画。查看完该应用程序之后，单击其关闭按钮将其关闭。该应用程序之后，单击其关闭按钮将其关闭。n在介绍了在介绍了Flash8的基本工作环境之后，本节将制作一个动画，通过这个的基本工作环境之后，本节将制作一个动画，通过这个动画的制作使用户对动画的制作使用户对Flash8的基本工作流程有一个初步的了解和认识。的基本工作流程有一个初步的了解和认识。另外，用

7、户还将获得使用另外，用户还将获得使用Flash8常用工具的一些经验，了解一些常用工具的一些经验，了解一些Flash8浮动面板的用途和一些浮动面板的用途和一些Flash8的关键概念。步骤如下：的关键概念。步骤如下：n(1)在在Flash菜单栏中选择菜单栏中选择【文件文件】|【新建新建】命令，将弹出命令，将弹出【新建文档新建文档】对话框，如图对话框，如图4.57所示。选择所示。选择【常规常规】选项卡中的选项卡中的【Flash文档文档】选选项，阅读对话框右侧出现的文件类型描述，然后单击项，阅读对话框右侧出现的文件类型描述，然后单击【确定确定】按钮。按钮。http:/ 制作Flash动画的步骤图4.5

8、6 最终的动画播放画面http:/ 制作Flash动画的步骤图4.57 【新建文档】对话框http:/ 制作Flash动画的步骤n(2)选择选择【文件文件】|【保存保存】命令，将文件命名为命令，将文件命名为flashlogo.fla，然后，然后将文件保存在桌面上或任何方便的位置中，文件的扩展名为将文件保存在桌面上或任何方便的位置中，文件的扩展名为*.fla。n(3)配置文档属性通常是创作中的第一步。可以使用配置文档属性通常是创作中的第一步。可以使用【属性属性】面板来调面板来调整整个应用程序的设置，例如每秒帧数整整个应用程序的设置，例如每秒帧数(fps)播放速度，以及舞台大小和播放速度，以及舞台

9、大小和背景颜色。如果背景颜色。如果【属性属性】面板没有打开，选择面板没有打开，选择【窗口窗口】|【属性属性】|【属属性性】命令将其打开。命令将其打开。【属性属性】面板如图面板如图4.58所示。所示。n(4)在在【属性属性】面板中，更改舞台面板中，更改舞台【大小大小】为为【400300像素像素】；确；确认认【帧频帧频】文本框中的数值为文本框中的数值为12，即应用程序的播放速度为每秒，即应用程序的播放速度为每秒12帧，帧，这是在这是在Web上播放动画的最佳帧频。上播放动画的最佳帧频。n(5)【背景背景】颜色框指示舞台的颜色。单击颜色框指示舞台的颜色。单击【背景背景】颜色框上的向下箭颜色框上的向下箭

10、头，然后在颜色样本上移动头，然后在颜色样本上移动【滴管滴管】工具，以便在工具，以便在【十六进制十六进制】文本框文本框中查看它们的十六进制值。中查看它们的十六进制值。n(6)找到并单击蓝色样本，其十六进制值为找到并单击蓝色样本，其十六进制值为#0066CC，如图，如图4.59所示。所示。http:/ 制作Flash动画的步骤图4.58 【属性】面板http:/ 制作Flash动画的步骤http:/ 制作Flash动画的步骤n(7)选择选择【文件文件】|【保存保存】命令，保存文件。命令，保存文件。n(8)双击时间轴中的双击时间轴中的【图层图层1】名称，输入名称，输入“Back”以代替原来的名称。以

11、代替原来的名称。Back图层现在图层现在是活动图层，放置到舞台上的任何内容目前都将位于此层中，如图是活动图层，放置到舞台上的任何内容目前都将位于此层中，如图4.60所示。所示。n(9)从工具栏中选择从工具栏中选择【矩形矩形】工具，朝着屏幕底部的方向绘制一个矩形，与其下的用于工具，朝着屏幕底部的方向绘制一个矩形，与其下的用于标记舞台的矩形相似，如图标记舞台的矩形相似，如图4.61所示所示(颜色现在并不重要，稍后更改颜色现在并不重要，稍后更改)。n(10)在工具栏中单击在工具栏中单击【选择选择】工具，双击刚才绘制的矩形的填充部分，这样将选中整个工具，双击刚才绘制的矩形的填充部分，这样将选中整个矩形

12、，包括边界。现在矩形，包括边界。现在【属性属性】面板将显示形状的设置，使用面板将显示形状的设置，使用【属性属性】面板可以更改线条面板可以更改线条粗细、填充和笔触颜色，以及所选矩形的其他属性。粗细、填充和笔触颜色，以及所选矩形的其他属性。n(11)在在【属性属性】面板中，将填充颜色更改为红色中心渐变，如图面板中，将填充颜色更改为红色中心渐变，如图4.62所示。所示。n(12)将笔触颜色更改为白色，最终的将笔触颜色更改为白色，最终的【属性属性】面板如图面板如图4.63所示。所示。n(13)最终的舞台显示效果如图最终的舞台显示效果如图4.64所示。所示。n(14)如果如果【库库】面板没有打开，选择菜

13、单面板没有打开，选择菜单【窗口窗口】|【库库】命令将命令将【库库】面板打开，此面板打开，此时库中没有任何内容，如图时库中没有任何内容，如图4.65所示。所示。n(15)选择选择【文件文件】|【导入导入】|【导入到库导入到库】命令，弹出命令，弹出【导入到库导入到库】对话框，将在对话框，将在Photoshop中完成的中完成的logo.png文件导入，如图文件导入，如图4.66所示。所示。http:/ 制作Flash动画的步骤图4.60 重新命名图层1http:/ 制作Flash动画的步骤图4.61 绘制一个矩形http:/ 制作Flash动画的步骤图4.62 将矩形的填充颜色改为红色中心渐变htt

14、p:/ 制作Flash动画的步骤图4.63 设置矩形属性http:/ 制作Flash动画的步骤http:/ 制作Flash动画的步骤图4.66【导入到库】对话框http:/ 制作Flash动画的步骤n(16)这时可以看到，库中多了一个文件，就是刚刚导入的图片文件，它们将用于下面的这时可以看到，库中多了一个文件，就是刚刚导入的图片文件，它们将用于下面的制作，如图制作，如图4.67所示。所示。n(17)使用使用【选择选择】工具将工具将logo.png从从【库库】面板中拖到舞台上，然后将其放在舞台中央，面板中拖到舞台上，然后将其放在舞台中央，效果如图效果如图4.68所示。所示。n(18)从工具栏中选

15、择从工具栏中选择【文本文本】工具，然后在舞台上方单击，即会出现一个带有圆形控件工具，然后在舞台上方单击，即会出现一个带有圆形控件的文本字段，该控件表示此字段会随着输入的文本而扩展，如图的文本字段，该控件表示此字段会随着输入的文本而扩展，如图4.70所示。所示。n(19)可以在开始输入文本之前完成可以在开始输入文本之前完成【文本文本】工具的所有设置。在工具的所有设置。在【属性属性】面板中，执行面板中，执行以下操作：在以下操作：在【字体字体】文本框中，选择文本框中，选择ArialBlack。在。在【字体大小字体大小】文本框中，输入文本框中，输入“15”。n在在【文本文本】(填充填充)颜色框中，选择

16、浅黄色颜色框中，选择浅黄色(十六进制值为十六进制值为#FDFC97)n其他参数值如图其他参数值如图4.71所示。所示。n(20)输入输入“macromedia”，并用，并用【选择选择】工具适当调整，使其在舞台上位于居中的位置，工具适当调整，使其在舞台上位于居中的位置，此时舞台如图此时舞台如图4.72所示。所示。n(21)选择选择macromedia文字，单击文字，单击【属性属性】面板中的面板中的【滤镜滤镜】选项，打开选项，打开【滤镜滤镜】面板，面板，单击面板中的加号按钮，在弹出的菜单中选择单击面板中的加号按钮，在弹出的菜单中选择【投影投影】和和【发光发光】滤镜，为滤镜，为“macromedia

17、”文字添加这两种滤镜效果，如图文字添加这两种滤镜效果，如图4.73所示。所示。n(22)选择选择【窗口窗口】|【组件组件】命令，打开命令，打开【组件组件】面板，如图面板，如图4.74所示。所示。http:/ 制作Flash动画的步骤n(23)选择选择【选择选择】工具，从工具，从【组件组件】面板中将面板中将Button组件拖到舞台上，放在舞台的右下组件拖到舞台上，放在舞台的右下角，如图角，如图4.75所示。所示。n(24)用用【选择选择】工具选择舞台上的工具选择舞台上的Button组件，选择组件，选择【窗口窗口】|【属性属性】|【参数参数】命命令，打开令，打开【参数参数】面板，在面板，在【组件组

18、件】下的文本框中将实例名称设为下的文本框中将实例名称设为“info”，在，在label文文本框输入本框输入“information”，如图，如图4.76所示。所示。n(25)查看此时的舞台，发现查看此时的舞台，发现Button已经出现了相应的变化，上面的显示已经由原来的已经出现了相应的变化，上面的显示已经由原来的“Button”变为变为“information”了，如图了，如图4.77所示。所示。n(26)在舞台上，用在舞台上，用【选择选择】工具单击已添加的工具单击已添加的Button组件。选择组件。选择【窗口窗口】|【行为行为】命命令，打开令，打开【行为行为】面板，如图面板，如图4.78所示

19、。所示。n(27)单击单击【行为行为】面板顶部的面板顶部的【添加行为添加行为】按钮以显示行为列表，从中选择按钮以显示行为列表，从中选择Web|【转转到到Web页页】选项，如图选项，如图4.79所示。所示。n(28)弹出弹出【转到转到URL】对话框，在对话框，在URL文本框中，输入任何完整的文本框中，输入任何完整的URL，例如，例如“http:/”，在，在【打开方式打开方式】下拉列表框中选择下拉列表框中选择“_blank”选项，选项，然后单击然后单击【确定确定】按钮，如图按钮，如图4.80所示。至此，当用户单击该按钮时，即会打开一个新的所示。至此，当用户单击该按钮时，即会打开一个新的浏览器窗口并

20、访问指定的浏览器窗口并访问指定的URL：http:/。n(29)此时的此时的【行为行为】面板如图面板如图4.81所示，在所示，在【动作动作】一栏双击，仍然可以对刚才的设置一栏双击，仍然可以对刚才的设置进行修改。进行修改。n(30)用选择工具用选择工具“”单击舞台上的单击舞台上的logo.png，标志周围出现虚框表明已选中，如图，标志周围出现虚框表明已选中，如图4.82所示。所示。http:/ 制作Flash动画的步骤图4.67 库中多了一个文件http:/ 制作Flash动画的步骤图4.68 从库中添加插图到舞台http:/ 制作Flash动画的步骤图4.69 【导入到库】对话框http:/

21、制作Flash动画的步骤图4.70 输入文字http:/ 制作Flash动画的步骤图4.71 【属性】面板设置http:/ 制作Flash动画的步骤图4.72 调整文字位置http:/ 制作Flash动画的步骤图4.73 添加滤镜效果http:/ 制作Flash动画的步骤http:/ 制作Flash动画的步骤图4.76 【参数】面板设置http:/ 制作Flash动画的步骤图4.77 修改组件属性后的变化http:/ 制作Flash动画的步骤http:/ 制作Flash动画的步骤图4.80 【转到 URL】对话框http:/ 制作Flash动画的步骤http:/ 更改图层名称http:/ 设置

22、渐变填充色http:/ 【填充变形】工具的应用http:/ 标题文字效果http:/ 创建图形元件http:/ 直线属性的设置http:/ 的工具箱中，不存在下面的 区域。nA.绘图工具区B.视图工具区nC.菜单选择区D.工具选择区n(2)想进行Flash 8一般参数的设置，应该使用下列的 对话框。nA.【首选参数】对话框B.【自定义工具栏】对话框nC.【发布设置】对话框D.【快捷键】对话框n(3)下面关于【文档属性】对话框的描述，错误的是 。nA.可以通过选择【修改】|【文档】命令将其打开nB.可以通过单击【属性】面板上的大小按钮将其打开nC.在该对话框中，可以设置动画文档的尺寸nD.在该对话框中，可以设置动画发布的相关格式n(4)选择工具箱中的【直线】工具的快捷键是 。nA.N B.M C.TD.Yhttp:/