Flash操作基础课件.ppt

1、熟悉熟悉Flash工作界面工作界面Flash工作界面的调整方法工作界面的调整方法网格、标尺和辅助线的使用方法网格、标尺和辅助线的使用方法创建简单的动画创建简单的动画uFlash 是美国是美国 Macromedia公司开发的一款优秀公司开发的一款优秀的网络动画设计软件。它和的网络动画设计软件。它和Dreamweaver、Fireworks被称为网页被称为网页“三剑客三剑客”。uFlash被广泛用于网站设计、广告制作、产品演被广泛用于网站设计、广告制作、产品演示、示、MV动画、动画、课件制作、电子杂志、多媒体课件制作、电子杂志、多媒体光盘、游戏、贺卡等众多种领域。光盘、游戏、贺卡等众多种领域。uF

2、lash具有交互性强、文件尺寸小、简单易学等具有交互性强、文件尺寸小、简单易学等优点。优点。uFlash具有三方面相对独立的功能：具有三方面相对独立的功能：矢量绘图矢量绘图、动画制作动画制作和和编程功能编程功能。Flash界面简介界面简介 文档选项卡文档选项卡 时间轴时间轴 工具面板工具面板 舞台舞台 常用面板简介常用面板简介 设计面板组设计面板组 与开发有关的面板与开发有关的面板 其他面板简介其他面板简介 网格、辅助线与标尺网格、辅助线与标尺列出最近打开列出最近打开过的项目名称，过的项目名称，单击可以直接单击可以直接打开打开创建各种类创建各种类型的新项目型的新项目各种类型各种类型的模板的模板

3、启动界面单击此处，即可新单击此处，即可新建一个建一个Flash动画动画 新建Flash动画工作界面调整工作界面展开面板组按钮展开面板组按钮隐藏面板组按钮隐藏面板组按钮隐藏面板按钮隐藏面板按钮展开面板按钮展开面板按钮调整工作界面展开面板组按钮展开面板组按钮隐藏面板组按钮隐藏面板组按钮展开面板按钮展开面板按钮隐藏面板按钮隐藏面板按钮调整工作界面打开和关闭面板：打开和关闭面板：执行执行“窗口窗口”菜菜单中的面板命令可以单中的面板命令可以打开和关闭对应面板。打开和关闭对应面板。调整视图：调整视图：点击视图调整栏点击视图调整栏中箭头，从弹出菜单中箭头，从弹出菜单中选择视图的大小。中选择视图的大小。还可以

4、直接输入数值还可以直接输入数值来确定视图的大小。来确定视图的大小。文档选项卡文档选项卡右键菜单可以实右键菜单可以实现各种常用功能现各种常用功能如果打开或创建多个文档，如果打开或创建多个文档，“文档名称文档名称”将按文档创将按文档创建先后顺序出现中建先后顺序出现中“文档选项卡文档选项卡”中。中。单击文件名称，即可快速切换到该文档。单击文件名称，即可快速切换到该文档。用鼠标右键单击用鼠标右键单击“文档选项卡文档选项卡”，在弹出的菜单中可，在弹出的菜单中可快速实现新建、打开、保存等功能。快速实现新建、打开、保存等功能。时间轴用于组织和控制文档内容在一定时时间轴用于组织和控制文档内容在一定时间内播放的

5、图层数和帧数。间内播放的图层数和帧数。与胶片一样，与胶片一样，Flash 文档也将时长分为帧。文档也将时长分为帧。时间轴的主要组件是图层、帧和播放头。时间轴的主要组件是图层、帧和播放头。动画是事先绘制好每一帧的动作图片，然动画是事先绘制好每一帧的动作图片，然后让它们连续播放，便形成了动画效果后让它们连续播放，便形成了动画效果时间轴的一些功能介绍如图所示。时间轴的一些功能介绍如图所示。时间轴介绍时间轴功能时间轴功能汇总汇总时间轴的功能工具箱按钮工具介绍执行执行【编辑编辑】|【自定义工具面板自定义工具面板】命令，命令，打开打开【自定义工具栏自定义工具栏】对话框，可以自定对话框，可以自定义工具面板中

6、的工具。义工具面板中的工具。自定义工具面板舞台是创建舞台是创建Flash文档时放置图形内容的矩文档时放置图形内容的矩形区域。形区域。在在【属性属性】面板中可以修改舞台的大小。面板中可以修改舞台的大小。时间轴右上角的时间轴右上角的“显示比例显示比例”中设置显示中设置显示比例可以根据需要改变舞台显示比例的大比例可以根据需要改变舞台显示比例的大小。小。选择选择【手形工具手形工具】，在舞台上拖动鼠标可，在舞台上拖动鼠标可平移舞台。平移舞台。选择选择【缩放工具缩放工具】，在舞台上单击可放大，在舞台上单击可放大 或缩小或缩小 舞台的显示比例。舞台的显示比例。选择选择选择选择【缩放工具缩放工具】后，按住键盘

7、上的后，按住键盘上的Alt键，键，单击舞台，可快捷缩小视图。单击舞台，可快捷缩小视图。【滤镜滤镜】面板提供了面板提供了7种滤镜效果，可以对种滤镜效果，可以对文字、影片剪辑和按钮进行美化和修饰，文字、影片剪辑和按钮进行美化和修饰，使其更有趣味。使其更有趣味。如果与补间动画结合起来，还可以制作出各种如果与补间动画结合起来，还可以制作出各种丰富的动画效果。丰富的动画效果。滤镜面板滤镜面板【属性属性】面板可以很容易地访问舞台或时面板可以很容易地访问舞台或时间轴上当前选定项的最常用属性。间轴上当前选定项的最常用属性。也可以在面板中更改对象或文档的属性。也可以在面板中更改对象或文档的属性。属性面板属性面板

8、【动作】面板是动作脚本的编辑器动作】面板是动作脚本的编辑器。动作面板动作面板【对齐对齐】面板面板【颜色样本颜色样本】面板面板【混色器混色器】面板面板【信息信息】面板面板【场景场景】面板面板【变形变形】面板面板【对齐】面板分为5个区域，可以重新调整选定对象的对齐方式和分布。对齐面板对齐面板按下此按钮后按下此按钮后可以调整选定可以调整选定对象相对于舞对象相对于舞台尺寸的对齐台尺寸的对齐方式和分布；方式和分布；如果没有按下如果没有按下此按钮则是两此按钮则是两个以上对象之个以上对象之间的相互对齐间的相互对齐和分布。和分布。可以创建和编辑可以创建和编辑“笔触颜色笔触颜色”和和“填充颜填充颜色色”混色器面

9、板混色器面板【颜色样本颜色样本】面板提供了最为常用的面板提供了最为常用的“颜颜色色”，并且能，并且能“添加颜色添加颜色”和和“保存颜保存颜色色”。用鼠标单击可选择需要的常用颜色。用鼠标单击可选择需要的常用颜色。颜色样本面板颜色样本面板【信息信息】面板可以查看对象的大小、位置、面板可以查看对象的大小、位置、颜色和鼠标指针的信息。颜色和鼠标指针的信息。信息面板信息面板一个动画可以有多个场景组成。一个动画可以有多个场景组成。【场景场景】面板中显示了当前动画的场景数面板中显示了当前动画的场景数量和播放的先后顺序。量和播放的先后顺序。当动画包含多个场景时，将按照它们在当动画包含多个场景时，将按照它们在【

10、场景场景】面板中的先后顺序进行播放。面板中的先后顺序进行播放。场景面板场景面板【变形变形】面板可以对选定对象执行缩放、面板可以对选定对象执行缩放、旋转、倾斜和创建副本的操作。旋转、倾斜和创建副本的操作。【变形变形】面板分为面板分为3个区域。个区域。变形面板变形面板缩放区缩放区旋转区旋转区倾斜区倾斜区利用利用【组件组件】面板可以查看所有面板可以查看所有“组件组件”。可以在创作过程中将可以在创作过程中将“组件组件”添加到动画添加到动画中。中。“组件组件”是应用程序的封装构建模块，使是应用程序的封装构建模块，使设计人员在没有设计人员在没有“动作脚本动作脚本”时也能使用时也能使用这些功能。这些功能。一

11、个一个“组件组件”就是一段影片剪辑。所有就是一段影片剪辑。所有“组件组件”都存储在都存储在【组件组件】面板中。面板中。组件面板组件面板【组件组件】面板包含：面板包含：数据组件数据组件 媒体组件媒体组件 用户界面（用户界面（UI）组件）组件组件面板组件面板选中选中“组件组件”实例，可以在【组件检查器】实例，可以在【组件检查器】面板中查看面板中查看“组件组件”属性、设置属性、设置“组件组件”实例的实例的参数等参数等。组件检查器面板组件检查器面板执行【控制】执行【控制】|【调试影片】命令，可以激活【调试【调试影片】命令，可以激活【调试器】面板器】面板。使用【调试器】面板可发现影片中的错误使用【调试器

12、】面板可发现影片中的错误。在测试模式下使用【调试器】面板可以对本地文件进在测试模式下使用【调试器】面板可以对本地文件进行测试，也可以测试远程位置的行测试，也可以测试远程位置的Web服务器上的文件服务器上的文件。在【调试器】面板设置动作脚本中的在【调试器】面板设置动作脚本中的“断点断点”，以便产，以便产生正确的结果生正确的结果 调试器面板调试器面板【输出输出】面板在测试文档模式下，窗口自动显示面板在测试文档模式下，窗口自动显示提示信息，有助于排除影片中的错误。提示信息，有助于排除影片中的错误。如果在脚本中使用如果在脚本中使用“trace”动作，影片运行时，可动作，影片运行时，可以向以向【输出输出

13、】面板发送特定的面板发送特定的“信息信息”，并在面，并在面板中显示出来。板中显示出来。这些信息包括影片状态说明或者表达式的值。这些信息包括影片状态说明或者表达式的值。输出面板输出面板利用【行为】面板，可以无需编写代码即利用【行为】面板，可以无需编写代码即可为动画添加交互性可为动画添加交互性。例如：。例如：链接到链接到Web站点站点 载入声音和图形载入声音和图形 控制嵌入视频的回放控制嵌入视频的回放 播放影片剪辑播放影片剪辑 触发数据源触发数据源 行为面板行为面板通过单击面板上的【添加行为】按钮来添通过单击面板上的【添加行为】按钮来添加相关的事件和动作加相关的事件和动作。添加完的事件和动作显示在

14、添加完的事件和动作显示在【行为】面板行为】面板。行为面板行为面板使用使用【Web服务服务】面板可以添加和删除面板可以添加和删除Web 服务的服务的URL。通过【通过【Web服务】面板，开发人员可以使服务】面板，开发人员可以使用用Web服务作为客户机和服务器之间的数服务作为客户机和服务器之间的数据交换机制，使用简单对象访问协议据交换机制，使用简单对象访问协议（SOAP）来实现前台与后台程序之间的数）来实现前台与后台程序之间的数据交换据交换。Web服务面板服务面板单击单击【Web服务服务】面板上的面板上的【定义定义Web 服服务务】按钮，弹出按钮，弹出【定义定义Web 服务服务】对话框。对话框。W

15、eb服务面板服务面板【历史记录】面板显示自创建或打开文档【历史记录】面板显示自创建或打开文档后在该活动文档中执行过的步骤的列表后在该活动文档中执行过的步骤的列表。可以使用历史记录面板一次撤销或重做个可以使用历史记录面板一次撤销或重做个别步骤或多个步骤。别步骤或多个步骤。列表中的数目默认情况下为列表中的数目默认情况下为100层级，但可层级，但可以在以在“首选参数首选参数”中修改。中修改。历史记录面板历史记录面板单击右上角的按钮，在弹出的菜单中选择单击右上角的按钮，在弹出的菜单中选择【保存为命令】，可以将一个步骤或一组【保存为命令】，可以将一个步骤或一组步骤保存为可重复使用的步骤保存为可重复使用的

16、“命令命令”。历史记录面板历史记录面板【辅助功能】面板可为单个【辅助功能】面板可为单个 Flash 对象或整对象或整个个 Flash 应用程序设置辅助功能选项。应用程序设置辅助功能选项。辅助功能面板辅助功能面板利用该面板可查看和组织文档的内容，以利用该面板可查看和组织文档的内容，以及在文档中选择元素进行修改。及在文档中选择元素进行修改。可以选择地查看文档中的项目类别。可以选择地查看文档中的项目类别。影片浏览器面板影片浏览器面板单击单击【影片浏览器影片浏览器】面板上的面板上的【自定义要自定义要显示的项目显示的项目】按钮，打开按钮，打开【影片管理设置影片管理设置】对话框，在对话框中可以设置需要显示

17、的对话框，在对话框中可以设置需要显示的内容和上下文。内容和上下文。影片浏览器面板影片浏览器面板【字符串字符串】面板允许创建和更新多语言内面板允许创建和更新多语言内容。容。它可以为涵盖多种语言的文本字段指定内它可以为涵盖多种语言的文本字段指定内容，并让容，并让 Flash 根据运行根据运行 Flash Player 的计的计算机的语言自动确定应使用何种语言显示算机的语言自动确定应使用何种语言显示该内容。该内容。用其他语言输入的任何文本必须位于用其他语言输入的任何文本必须位于“动动态文本态文本”或或“输入文本输入文本”字段内。字段内。字符串面板字符串面板 字符串面板 公用库面板Flash可以显示标

18、尺和辅助线，以帮助精确可以显示标尺和辅助线，以帮助精确地绘制和安排对象地绘制和安排对象。可以在文档中放置辅助线，然后使对象贴可以在文档中放置辅助线，然后使对象贴紧至辅助线紧至辅助线。也可以打开网格，然后使对象贴紧至网格也可以打开网格，然后使对象贴紧至网格。执行【视图】执行【视图】|【网格】【网格】|【显示网格】命【显示网格】命令，可以显示或隐藏令，可以显示或隐藏“网格线网格线”。网格网格的主要功能：的主要功能：显示网格显示网格 编辑网格编辑网格 对齐网格对齐网格 网格网格执行【视图】执行【视图】|【网格】【网格】|【编辑网格】命【编辑网格】命令令，打开编辑，打开编辑【网格】对话框，在对话框网格

19、】对话框，在对话框中根据需要中根据需要可以设置网格的参数。可以设置网格的参数。网格网格利用利用“网格网格”的特性，在制作一些规范图形的特性，在制作一些规范图形时将变得很方便，不仅可以提高绘制的精时将变得很方便，不仅可以提高绘制的精度，还可以提高效率度，还可以提高效率。网格网格执行执行【视图视图】|【标尺标尺】命令，可以显示或命令，可以显示或隐藏隐藏【标尺标尺】。标尺标尺垂直标尺垂直标尺水平标尺水平标尺可以更改标尺的度量单位，将其默认单位可以更改标尺的度量单位，将其默认单位（像素）更改为其他单位。（像素）更改为其他单位。执行【修改】执行【修改】|【文档】命令，打开【文档【文档】命令，打开【文档属

20、性】对话框，在【标尺单位】下拉菜单属性】对话框，在【标尺单位】下拉菜单中可选择合适的单位。中可选择合适的单位。标尺标尺绘制辅助线绘制辅助线锁定辅助线锁定辅助线对齐对象对齐对象 辅助线辅助线拖出拖出“辅助线辅助线”【辅助线辅助线】的对话框的对话框“辅助线辅助线”的应用的应用 编辑辅助线编辑辅助线使对象贴紧至辅助线使对象贴紧至辅助线删除辅助线删除辅助线 设置动画文档属性设置动画文档属性输入一个动画文档输入一个动画文档设置尺寸设置尺寸设置背景颜色设置背景颜色 创建动画背景创建动画背景 导入图片导入图片 调整图像大小及位置调整图像大小及位置 在第在第110110帧处添加普通帧帧处添加普通帧执行执行【插

21、入插入】|【新建元件新建元件】命令，输入命令，输入【名称名称】为为“飞机飞机”，选择，选择【类型类型】为为【图形图形】，单击，单击【确定确定】。选择第选择第1帧，执行帧，执行【文件文件】|【导入导入】|【导导入到舞台入到舞台】命令，将名为命令，将名为“飞机飞机.png”的图的图片导入到场景中。片导入到场景中。创建飞机元件创建飞机元件执行执行【插入插入】|【新建元件新建元件】命令，新建一命令，新建一个图形元件，名称为个图形元件，名称为“白云白云”。选择第选择第1帧，执行帧，执行【文件文件】|【导入导入】|【导导入到舞台入到舞台】命令，将名为命令，将名为“白云白云.png”的图的图片导入到场景中。

22、片导入到场景中。创建白云元件创建白云元件转换到主场景，新建一个图层，命名为转换到主场景，新建一个图层，命名为“飞机飞机”。把库中名为把库中名为“飞机飞机”的元件拖到场景的左的元件拖到场景的左上角。上角。设置飞机方向、透明度、大小、坐标等。设置飞机方向、透明度、大小、坐标等。创建飞机飞行的效果创建飞机飞行的效果选中选中【飞机飞机】图层的第图层的第100帧，添加关键帧。帧，添加关键帧。设置飞机透明度、大小、坐标。设置飞机透明度、大小、坐标。右键单击右键单击【飞机飞机】图层的第图层的第1帧，选择帧，选择【创创建补间动画建补间动画】。创建飞机飞行的效果创建飞机飞行的效果新建一个图层新建一个图层”白云白

23、云”。将库中名为将库中名为“白云白云”的元件拖动到舞台上，的元件拖动到舞台上，放置在背景图的右侧处，并设置参数。放置在背景图的右侧处，并设置参数。创建白云飘动的效果创建白云飘动的效果选中第选中第100帧，按帧，按F6键添加一个关键帧。键添加一个关键帧。把元件移到场景的左上方，并设置参数。把元件移到场景的左上方，并设置参数。用鼠标右键单击用鼠标右键单击【白云白云】图层的第图层的第1帧，然帧，然后选择后选择【创建补间动画创建补间动画】。创建白云飘动的效果创建白云飘动的效果执行执行【控制控制】|【测试影片测试影片】命令，观察动命令，观察动画效果。画效果。执行执行【文件文件】|【保存保存】命令，将文件

24、保存命令，将文件保存成成“飞机飞机.fla”。如果要导出如果要导出Flash的播放文件，执行的播放文件，执行【文件文件】|【导出导出】|【导出影片导出影片】命令，保存成命令，保存成“飞机飞机.swf”文件。文件。观看动画观看动画效果效果选择题选择题填空题填空题（）（）（）是）是 Macromedia公司开发的公司开发的一款集动画设计、一款集动画设计、Web网页站点开发等功网页站点开发等功能于一身的优秀软件。能于一身的优秀软件。FlashDreamweaver FireworksFrontPage（）在下列后缀名中，不属于（）在下列后缀名中，不属于Flash格格式的有（式的有（）。）。Aswf

25、Bdoc Cfla Dtxt 选择题选择题（3）Flash源文件的扩展名为（源文件的扩展名为（）。）。A*.avi B*.swf C*.fla D*.ssf（）选择（）选择【缩放工具缩放工具】后，按住键盘后，按住键盘上的（上的（）键，单击舞台，可快捷缩小）键，单击舞台，可快捷缩小视图。视图。ShiftCtrl Alt Esc 选择题选择题（1）面板可以对选定对象执行面板可以对选定对象执行缩放、旋转、倾斜和创建副本的操作。缩放、旋转、倾斜和创建副本的操作。（2）面板是主要的面板是主要的“开发面板开发面板”之一，是动作脚本的编辑器。之一，是动作脚本的编辑器。（3）面板可以很容易地访问面板可以很容易地访问舞台或时间轴上当前选定项的最常用属性，舞台或时间轴上当前选定项的最常用属性，也可以在面板中更改对象或文档的属性。也可以在面板中更改对象或文档的属性。填空题填空题（4）一个动画可以有多个场景组成，）一个动画可以有多个场景组成，面板中显示了当前动画的场景数量和播放面板中显示了当前动画的场景数量和播放的先后顺序。的先后顺序。（5）选择工具箱中的）选择工具箱中的 工具，可工具，可以通过拖动鼠标来平移舞台。以通过拖动鼠标来平移舞台。（6）在）在Flash中，中，“网格网格”的应用主要的应用主要有有 、和和 3个个功能。功能。填空题填空题