Flash界面讲解

云南机电职业技术学院教案
- 1 -
第1章Flash操作基础
本章教学目标
本章先从熟悉Flash的界面开始，然后通过制作一些简单而有趣的小实例来让大家对Flash有个感性的认识，主要目的是希望读者能在短时间内尽快熟悉Flash工作界面，并能初步掌握一些基本工具的应用。

本章教学要点
✍熟悉Flash工作界面
✍Flash工作界面的调整方法
✍网格、标尺和辅助线的使用方法
✍创建简单的动画
本章教学内容及过程
1.1 熟悉Flash界面
✍Flash界面简介
✍文档选项卡
✍时间轴
✍工具面板
✍舞台
✍常用面板简介
✍设计面板组
✍与开发有关的面板
✍其他面板简介
云南机
电职业
技术学院教案
- 2 -
✍网格、辅助线与标尺1.1.1 Flash界面简介
1 启动界面
2 新建Flash动画
列出最近打开过的项目名称创建各种类型的新项目各种类型的模板
单击此处，即可新建一个Flash动画
云
南机电职业技术学院教案
- 3 -
温馨提示
✍启动Flash时，如果没有出现“开始”页面，则通过单击【文件】|【新建】【常规】|【Flash文档】命令也可以新建一个动画文件。

3 工作界面
1.1.2 文档选项卡
✍如果打开或创建多个文档，“文档名称”将按文档创建先后顺序出现在“文档选项卡”中。

✍单击文件名称，即可快速切换到该文档。

✍用鼠标右键单击“文档选项卡”，在弹出的菜单中可快速实现新建、打开、保存等功能。

云
南机电职业技术学院教案
- 4 -
1.1.3 时间轴
✍时间轴用于组织和控制文档内容在一定时间内播放的图层数和帧数。

✍与胶片一样，Flash 文档也将时长分为帧。

✍时间轴的主要组件是图层、帧和播放头。

✍动画是事先绘制好每一帧的动作图片，然后让它们连续播放，便形成了动画效果
✍时间轴的一些功能介绍如图1-1-4所示。

文档选项卡右键菜单可以现各种常用功
云南
机电
职业技术学院教案
- 5 -
1.1.4 工具面板
执行【编辑】|【自定义工具面板】命令，打开【自定义工具栏】对话框，可以自定义工具面板中的工具。

时间轴功
汇总
工具箱按钮
云
南
机
电职业技术学院教案
- 6 -
1.1.5 舞台
✍舞台是创建Flash文档时放置图形内容的矩形区域。

✍在【属性】面板中可以修改舞台的大小。

✍时间轴右上角的“显示比例”中设置显示比例可以根据需要改变舞台显示比例的大小。

云
南
机电职业技术学院教案
- 7 -
✍选择【缩放工具】，在舞台上单击可放大或缩小舞台的显示比例。

✍按住键盘上的Alt键也可以互相切换
1.1.6 常用面板简介
1 滤镜面板
✍【滤镜】面板提供了7种滤镜效果，可以对文字、影片剪辑和按钮进行美化和修饰，使其更有趣味。

✍如果与补间动画结合起来，还可以制作出各种丰富的动画效果。

云
南
机电职业技术学院教案
- 8 -
2 属性面板
✍【属性】面板可以很容易地访问舞台或时间轴上当前选定项的最常用属性。

✍也可以在面板中更改对象或文档的属性。

3 动作面板
【动作】面板是动作脚本的编辑器。

1.1.7 设计面板组
✍【对齐】面板
✍【颜色样本】面板
✍【混色器】面板
✍【信息】面板
✍【场景】面板
✍【变形】面板
云
南
机电职业技术学院教案
- 9 -
1对齐面板
✍【对齐】面板分为5个区域，可以重新调整选定对象的对齐方式和分布。

2 混色器面板
✍可以创建和编辑“笔触颜色”和“填充颜色”
3 颜色样本面板
✍【颜色样本】面板提供了最为常用的“颜色”，并且能“添加颜色”和“保存颜色”。

用鼠标单击可选择需要的常用颜色。

云
南
机电职业技术学院教案
- 10 -
4 信息面板
✍【信息】面板可以查看对象的大小、位置、颜色和鼠标指针的信息。

5 场景面板
✍一个动画可以有多个场景组成。

✍【场景】面板中显示了当前动画的场景数量和播放的先后顺序。

✍当动画包含多个场景时，将按照它们在【场景】面板中的先后顺序进行播放。

云
南
机电职业技术学院教案
- 11 -
6 变形面板
✍【变形】面板可以对选定对象执行缩放、旋转、倾斜和创建副本的操作。

✍【变形】面板分为3个区域。

1.1.8 与开发有关的面板
1 组件面板
✍利用【组件】面板可以查看所有“组件”。

✍可以在创作过程中将“组件”添加到动画中。

✍“组件”是应用程序的封装构建模块，使设计人员在没有“动作脚本”时也能使用这些功能。

✍一个“组件”就是一段影片剪辑。

所有“组件”都存储在【组件】缩放区
旋转区
倾斜区
云
南机电职业技术学院教案
- 12 -
面板中。

2 组件面板
✍利用【组件】面板可以查看所有“组件”。

✍可以在创作过程中将“组件”添加到动画中。

✍“组件”是应用程序的封装构建模块，使设计人员在没有“动作脚本”时也能使用这些功能。

✍一个“组件”就是一段影片剪辑。

所有“组件”都存储在【组
件】面板中。

3 组件面板
✍【组件】面板包含：
✍数据组件
✍媒体组件
✍用户界面（UI）组件
云
南
机电职业技术学院教案
- 13 -
4 组件检查器面板
✍选中“组件”实例，可以在【组件检查器】面板中查看“组件”属性、设置“组件”实例的参数等。

5 调试器面板
✍执行【控制】|【调试影片】命令，可以激活【调试器】面板。

✍使用【调试器】面板可发现影片中的错误。

✍在测试模式下使用【调试器】面板可以对本地文件进行测试，也可以测试远程位置的Web服务器上的文件。

✍在【调试器】面板设置动作脚本中的“断点”，以便产生正确的结果
6 调试器面板
7 输出面板
云
南机电职业技术学院教案
- 14 -
✍【输出】面板在测试文档模式下，窗口自动显示提示信息，有助于排除影片中的错误。

✍如果在脚本中使用“trace”动作，影片运行时，可以向【输出】面板发送特定的“信息”，并在面板中显示出来。

✍这些信息包括影片状态说明或者表达式的值。

8 行为面板
✍利用【行为】面板，可以无需编写代码即可为动画添加交互性。

例如：
✍链接到Web站点
✍载入声音和图形
✍控制嵌入视频的回放
✍播放影片剪辑
✍触发数据源
✍通过单击面板上的【添加行为】按钮来添加相关的事件和动作。

✍添加完的事件和动作显示在【行为】面板。

云
南
机
电职业技术学院教案
- 15 -
9 Web服务面板
✍使用【Web服务】面板可以添加和删除Web 服务的URL。

✍通过【Web服务】面板，开发人员可以使用Web服务作为客
户机和服务器之间的数据交换机制，使用简单对象访问协议（SOAP）来实现前台与后台程序之间的数据交换。

✍单击【Web服务】面板上的【定义Web 服务】按钮，弹出【定
义Web 服务】对话框。

1.1.9 其他面板简介
1 历史记录面板
✍【历史记录】面板显示自创建或打开文档后在该活动文档中
执行过的步骤的列表。

✍可以使用历史记录面板一次撤销或重做个别步骤或多个步骤。

✍列表中的数目默认情况下为100层级，但可以在“首选参数”
中
云
南
机电职业技术学院教案
- 16 -
修改。

✍单击右上角的按钮，在弹出的菜单中选择【保存为命令】，可以将一个步骤或一组步骤保存为可重复使用的“命令”。

2 辅助功能面板
✍【辅助功能】面板可为单个Flash 对象或整个Flash 应用程序设置辅助功能选项。

3 影片浏览器面板
✍利用该面板可查看和组织文档的内容，以及在文档中选择元素进行修改。

✍可以选择地查看文档中的项目类别。

云
南
机电职业技术学院教案
- 17 -
✍单击【影片浏览器】面板上的【自定义要显示的项目】按钮，打开【影片管理设置】对话框，在对话框中可以设置需要显示的内容和上下文。

4 字符串面板
✍【字符串】面板允许创建和更新多语言内容。

✍它可以为涵盖多种语言的文本字段指定内容，并让Flash 根据运行Flash Player 的计算机的语言自动确定应使用何种语言显示该内容。

✍用其他语言输入的任何文本必须位于“动态文本”或“输入文本”
云南
机电职业技术学院教案
- 18 -
字段内。

5 公用库面板
1.1.10 网格、辅助线与标尺
✍Flash可以显示标尺和辅助线，以帮助精确地绘制和安排对象。

✍可以在文档中放置辅助线，然后使对象贴紧至辅助线。

✍也可以打开网格，然后使对象贴紧至网格。

云
南
机电职业技术学院教案
- 19 -
1 网格
✍执行【视图】|【网格】|【显示网格】命令，可以显示或隐藏“网格线”。

✍网格的主要功能：
✍显示网格
✍编辑网格
✍对齐网格
✍执行【视图】|【网格】|【编辑网格】命令，打开编辑【网格】
对话框，在对话框中根据需要可以设置网格的参数。

利用“网格”的特性，在制作一些规范图形时将变得很方便，不
仅可以提高绘制的精度，还可以提高效率。

2 标尺
✍执行【视图】|【标尺】命令，可以显示或隐藏【标尺】。

云
南
机电职业技术学
院教案
- 20 -
✍可以更改标尺的度量单位，将其默认单位（像素）更改为其他单位。

✍执行【修改】|【文档】命令，打开【文档属性】对话框，在【标尺单位】下拉菜单中可选择合适的单位。

3 辅助线
✍绘制辅助线
✍编辑辅助线
✍锁定辅助线
✍使对象贴紧至辅助线
✍对齐对象
删除辅助线垂直标
云
南
机
电职业技术学院教案
- 21 -
1.2 上机实训—制作雄鹰动画
1.2.1 新建一个动画文档
1 设置动画文档属性
✍输入一个动画文档
✍设置尺寸
✍设置背景颜色
2 创建动画背景
✍导入图片
✍调整图像大小及位置
✍在第110帧处添加普通帧
云
南
机电职业技术学院教案
- 22 -
1.2.2 创建图形元件
1 创建雄鹰元件
✍执行【插入】|【新建元件】命令，输入【名称】为“雄鹰”，选择【类型】为【图形】，单击【确定】。

✍选择第1帧，执行【文件】|【导入】|【导入到舞台】命令，将名为“雄鹰.png”的图片导入到场景中。

2 创建云朵元件
✍执行【插入】|【新建元件】命令，新建一个图形元件，名称为“云朵”。

✍选择第1帧，执行【文件】|【导入】|【导入到舞台】命令，将名为“云朵.png”的图片导入到场景中。

1.2.3 开始创建动画运动的效果
1 创建雄鹰俯冲的效果
✍转换到主场景1，新建一个图层2。

✍把名为“雄鹰”的元件拖到场景的左上角。

✍设置雄鹰方向、透明度、大小、坐标等。

✍选中图层2的第110帧，添加关键帧。

✍设置雄鹰透明度、大小、坐标。

云
南
机
电
职业技术学院教案
- 23 -
✍右键单击【图层2】的第1帧，选择【创建补间动画】。

✍选中图层2的第110帧，添加关键帧。

✍设置雄鹰透明度、大小、坐标。

右键单击【图层2】的第1帧，选择【创建补间动画】。

2 创建云朵飘动的效果
✍新建一个图层（图层3）。

✍将名为“云朵”的元件拖动到舞台上，放置在背景图的右侧处，并设置参数。

✍选中第110帧，按F6键添加一个关键帧。

✍把元件移到场景的左上方，并设置参数。

✍用鼠标右键单击图层3的第1帧，然后选择【创建补间动画】。

云南机电职业技术学院教案
- 24 -
1.3 习题与上机操作
✍选择题
✍填空题
习题与上机操作
1 选择题
✍（１）（）是Macromedia公司开发的一款集动画设
计、Web网页站点开发等功能于一身的优秀软件。

✍Ａ．FlashＢ．Dreamweaver ✍Ｃ．Fireworks Ｄ．FrontPage
✍（２）在下列后缀名中，不属于Flash格式的有（）。

✍A．swf B．doc
✍C．fla D．txt ✍（3）Flash源文件的扩展名
为（）。

✍A．*.avi B．*.swf ✍C．*.fla D．*.ssf ✍（４）选择【缩放工具】后，按住键盘上的（）键，单
击舞台，可快捷缩小视图。

✍Ａ．ShiftＢ．Ctrl ✍Ｃ．AltＤ．Esc
2 填空题
✍（1）面板可以对选定对象执行缩放、
旋转、倾斜和创建副本的操作。

云南机电职业技术学院教案
- 25 -
✍（2）面板是主要的“开发面板”
之一，是动作脚本的编辑器。

✍（3）
面板可以很容易地访问舞台或时间轴上当前选定项的最常用属性，也可以在面板中更改对象或文档的属性。

✍（4）一个动画可以有多个场景组成，
面板中显示了当前动画的场景数量和播
放的先后顺序。

✍（5）选择工具箱中的
工具，可以通过拖动鼠标来平移舞台。

✍（6）在Flash中，“网格”的应用主要有、
和3个
功能。