《Flash操作基础课件.ppt》由会员分享，可在线阅读，更多相关《Flash操作基础课件.ppt（68页珍藏版）》请在三一办公上搜索。
1、第1章 Flash操作基础,教学要点,熟悉Flash工作界面Flash工作界面的调整方法网格、标尺和辅助线的使用方法创建简单的动画,第1章 Flash操作基础教学要点熟悉Flash工作界面,1.0 认识Flash,Flash 是美国 Macromedia公司开发的一款优秀的网络动画设计软件。它和Dreamweaver、Fireworks被称为网页“三剑客”。 Flash被广泛用于网站设计、广告制作、产品演示、MV动画、 课件制作、电子杂志、多媒体光盘、游戏、贺卡等众多种领域。Flash具有交互性强、文件尺寸小、简单易学等优点。Flash具有三方面相对独立的功能：矢量绘图、动画制作和编程功能。,
2、1.0 认识Flash,1.1 熟悉Flash界面,Flash界面简介文档选项卡时间轴工具面板舞台,常用面板简介设计面板组与开发有关的面板其他面板简介网格、辅助线与标尺,1.1 熟悉Flash界面Flash界面简介常用面板简介,1.1.1 Flash界面简介,列出最近打开过的项目名称，单击可以直接打开,创建各种类型的新项目,各种类型的模板,启动界面,1.1.1 Flash界面简介列出最近打开过的项目名称，单,1.1.1 Flash界面简介,单击此处，即可新建一个Flash动画,新建Flash动画,1.1.1 Flash界面简介单击此处，即可新建一个Fla,1.1.1 Flash界面简介,工作界
3、面,1.1.1 Flash界面简介,1.1.1 Flash界面简介,调整工作界面,展开面板组按钮,隐藏面板组按钮,隐藏面板按钮,展开面板按钮,1.1.1 Flash界面简介,1.1.1 Flash界面简介,调整工作界面,展开面板组按钮,隐藏面板组按钮,展开面板按钮,隐藏面板按钮,1.1.1 Flash界面简介,1.1.1 Flash界面简介,调整工作界面,打开和关闭面板：执行“窗口”菜单中的面板命令可以打开和关闭对应面板。,调整视图：点击视图调整栏中箭头，从弹出菜单中选择视图的大小。还可以直接输入数值来确定视图的大小。,1.1.1 Flash界面简介,1.1.2文档选项卡,如果打开或创建多个文
4、档，“文档名称”将按文档创建先后顺序出现中“文档选项卡”中。单击文件名称，即可快速切换到该文档。用鼠标右键单击“文档选项卡”，在弹出的菜单中可快速实现新建、打开、保存等功能。,1.1.2文档选项卡文档选项卡右键菜单可以实现各种常用功,1.1.3时间轴,时间轴用于组织和控制文档内容在一定时间内播放的图层数和帧数。与胶片一样，Flash 文档也将时长分为帧。时间轴的主要组件是图层、帧和播放头。动画是事先绘制好每一帧的动作图片，然后让它们连续播放，便形成了动画效果时间轴的一些功能介绍如图所示。,时间轴介绍,1.1.3时间轴时间轴用于组织和控制文档内容在一定时间内,1.1.3时间轴,时间轴功能汇总,时
5、间轴的功能,1.1.3时间轴时间轴功能,1.1.4工具面板,工具箱按钮,工具介绍,1.1.4工具面板工具箱按钮,1.1.4工具面板,执行【编辑】|【自定义工具面板】命令，打开【自定义工具栏】对话框，可以自定义工具面板中的工具。,自定义工具面板,1.1.4工具面板执行【编辑】|【自定义工具面板】命令，,1.1.5舞台,舞台是创建Flash文档时放置图形内容的矩形区域。在【属性】面板中可以修改舞台的大小。,1.1.5舞台舞台是创建Flash文档时放置图形内容的矩,1.1.5舞台,1.1.5舞台,1.1.5舞台,时间轴右上角的“显示比例”中设置显示比例可以根据需要改变舞台显示比例的大小。,1.1.5
6、舞台时间轴右上角的“显示比例”中设置显示比例可,1.1.5舞台,选择【手形工具】 ，在舞台上拖动鼠标可平移舞台。 选择【缩放工具】 ，在舞台上单击可放大 或缩小 舞台的显示比例。选择选择【缩放工具】后，按住键盘上的Alt键，单击舞台，可快捷缩小视图。,1.1.5舞台选择【手形工具】 ，在舞台上拖动鼠标可,1.1.6常用面板简介,1.1.6常用面板简介,1.1.6常用面板简介,【滤镜】面板提供了7种滤镜效果，可以对文字、影片剪辑和按钮进行美化和修饰，使其更有趣味。 如果与补间动画结合起来，还可以制作出各种丰富的动画效果。,滤镜面板,1.1.6常用面板简介【滤镜】面板提供了7种滤镜效果，可,1.1
7、.6常用面板简介,【属性】面板可以很容易地访问舞台或时间轴上当前选定项的最常用属性。 也可以在面板中更改对象或文档的属性。,属性面板,1.1.6常用面板简介【属性】面板可以很容易地访问舞台或,1.1.6常用面板简介,【动作】面板是动作脚本的编辑器。,动作面板,1.1.6常用面板简介【动作】面板是动作脚本的编辑器。,1.1.7设计面板组,【对齐】面板【颜色样本】面板【混色器】面板【信息】面板【场景】面板【变形】面板,1.1.7设计面板组【对齐】面板,1.1.7设计面板组,【对齐】面板分为5个区域，可以重新调整选定对象的对齐方式和分布。,对齐面板,按下此按钮后可以调整选定对象相对于舞台尺寸的对齐方
8、式和分布；如果没有按下此按钮则是两个以上对象之间的相互对齐和分布。,1.1.7设计面板组【对齐】面板分为5个区域，可以重新调,1.1.7设计面板组,可以创建和编辑“笔触颜色”和“填充颜色”,混色器面板,1.1.7设计面板组可以创建和编辑“笔触颜色”和“填充颜,1.1.7设计面板组,【颜色样本】面板提供了最为常用的“颜色”，并且能“添加颜色”和“保存颜色”。用鼠标单击可选择需要的常用颜色。,颜色样本面板,1.1.7设计面板组【颜色样本】面板提供了最为常用的“颜,1.1.7设计面板组,【信息】面板可以查看对象的大小、位置、颜色和鼠标指针的信息。,信息面板,1.1.7设计面板组【信息】面板可以查看对
9、象的大小、位置,1.1.7设计面板组,一个动画可以有多个场景组成。【场景】面板中显示了当前动画的场景数量和播放的先后顺序。当动画包含多个场景时，将按照它们在【场景】面板中的先后顺序进行播放。,场景面板,1.1.7设计面板组一个动画可以有多个场景组成。,1.1.7设计面板组,【变形】面板可以对选定对象执行缩放、旋转、倾斜和创建副本的操作。【变形】面板分为3个区域。,变形面板,缩放区,旋转区,倾斜区,1.1.7设计面板组【变形】面板可以对选定对象执行缩放、,1.1.8与开发有关的面板,利用【组件】面板可以查看所有“组件”。可以在创作过程中将“组件”添加到动画中。“组件”是应用程序的封装构建模块，使
10、设计人员在没有“动作脚本”时也能使用这些功能。一个“组件”就是一段影片剪辑。所有“组件”都存储在【组件】面板中。,组件面板,1.1.8与开发有关的面板利用【组件】面板可以查看所有“,1.1.8与开发有关的面板,【组件】面板包含： 数据组件 媒体组件 用户界面（UI）组件,组件面板,1.1.8与开发有关的面板【组件】面板包含：,1.1.8与开发有关的面板,选中“组件”实例，可以在【组件检查器】面板中查看“组件”属性、设置“组件”实例的参数等。,组件检查器面板,1.1.8与开发有关的面板选中“组件”实例，可以在【组件,1.1.8与开发有关的面板,执行【控制】|【调试影片】命令，可以激活【调试器】面
11、板。使用【调试器】面板可发现影片中的错误。在测试模式下使用【调试器】面板可以对本地文件进行测试，也可以测试远程位置的Web服务器上的文件。在【调试器】面板设置动作脚本中的“断点”，以便产生正确的结果,调试器面板,1.1.8与开发有关的面板执行【控制】|【调试影片】命令,1.1.8与开发有关的面板,【输出】面板在测试文档模式下，窗口自动显示提示信息，有助于排除影片中的错误。如果在脚本中使用“trace”动作，影片运行时，可以向【输出】面板发送特定的“信息”，并在面板中显示出来。这些信息包括影片状态说明或者表达式的值。,输出面板,1.1.8与开发有关的面板【输出】面板在测试文档模式下，,1.1.8
12、与开发有关的面板,利用【行为】面板，可以无需编写代码即可为动画添加交互性。例如： 链接到Web站点 载入声音和图形 控制嵌入视频的回放 播放影片剪辑 触发数据源,行为面板,1.1.8与开发有关的面板利用【行为】面板，可以无需编写,1.1.8与开发有关的面板,通过单击面板上的【添加行为】按钮来添加相关的事件和动作。添加完的事件和动作显示在【行为】面板。,行为面板,1.1.8与开发有关的面板通过单击面板上的【添加行为】按,1.1.8与开发有关的面板,使用【Web服务】面板可以添加和删除Web 服务的URL。通过【Web服务】面板，开发人员可以使用Web服务作为客户机和服务器之间的数据交换机制，使用
13、简单对象访问协议（SOAP）来实现前台与后台程序之间的数据交换。,Web服务面板,1.1.8与开发有关的面板使用【Web服务】面板可以添加,1.1.8与开发有关的面板,单击【Web服务】面板上的【定义Web 服务】按钮，弹出【定义Web 服务】对话框。,Web服务面板,1.1.8与开发有关的面板单击【Web服务】面板上的【定,1.1.9其他面板简介,【历史记录】面板显示自创建或打开文档后在该活动文档中执行过的步骤的列表。可以使用历史记录面板一次撤销或重做个别步骤或多个步骤。列表中的数目默认情况下为100层级，但可以在“首选参数”中修改。,历史记录面板,1.1.9其他面板简介【历史记录】面板显示
14、自创建或打开文,1.1.9其他面板简介,单击右上角的按钮，在弹出的菜单中选择【保存为命令】，可以将一个步骤或一组步骤保存为可重复使用的“命令”。,历史记录面板,1.1.9其他面板简介单击右上角的按钮，在弹出的菜单中选,1.1.9其他面板简介,【辅助功能】面板可为单个 Flash 对象或整个 Flash 应用程序设置辅助功能选项。,辅助功能面板,1.1.9其他面板简介【辅助功能】面板可为单个 Flas,1.1.9其他面板简介,利用该面板可查看和组织文档的内容，以及在文档中选择元素进行修改。可以选择地查看文档中的项目类别。,影片浏览器面板,1.1.9其他面板简介利用该面板可查看和组织文档的内容，,
15、1.1.9其他面板简介,单击【影片浏览器】面板上的【自定义要显示的项目】按钮，打开【影片管理设置】对话框，在对话框中可以设置需要显示的内容和上下文。,影片浏览器面板,1.1.9其他面板简介单击【影片浏览器】面板上的【自定义,1.1.9其他面板简介,【字符串】面板允许创建和更新多语言内容。它可以为涵盖多种语言的文本字段指定内容，并让 Flash 根据运行 Flash Player 的计算机的语言自动确定应使用何种语言显示该内容。用其他语言输入的任何文本必须位于“动态文本”或“输入文本”字段内。,字符串面板,1.1.9其他面板简介【字符串】面板允许创建和更新多语言,1.1.9其他面板简介,字符串面
16、板,1.1.9其他面板简介,1.1.9其他面板简介,公用库面板,1.1.9其他面板简介,1.1.10网格、辅助线与标尺,Flash可以显示标尺和辅助线，以帮助精确地绘制和安排对象。可以在文档中放置辅助线，然后使对象贴紧至辅助线。也可以打开网格，然后使对象贴紧至网格。,1.1.10网格、辅助线与标尺Flash可以显示标尺和辅,1.1.10网格、辅助线与标尺,执行【视图】|【网格】|【显示网格】命令，可以显示或隐藏“网格线”。网格的主要功能： 显示网格 编辑网格 对齐网格,网格,1.1.10网格、辅助线与标尺执行【视图】|【网格】|【,1.1.10网格、辅助线与标尺,执行【视图】|【网格】|【编辑
17、网格】命令，打开编辑【网格】对话框，在对话框中根据需要可以设置网格的参数。,网格,1.1.10网格、辅助线与标尺执行【视图】|【网格】|【,1.1.10网格、辅助线与标尺,利用“网格”的特性，在制作一些规范图形时将变得很方便，不仅可以提高绘制的精度，还可以提高效率。,网格,1.1.10网格、辅助线与标尺利用“网格”的特性，在制作,1.1.10网格、辅助线与标尺,执行【视图】|【标尺】命令，可以显示或隐藏【标尺】。,标尺,垂直标尺,水平标尺,1.1.10网格、辅助线与标尺执行【视图】|【标尺】命令,1.1.10网格、辅助线与标尺,可以更改标尺的度量单位，将其默认单位（像素）更改为其他单位。执行【
18、修改】|【文档】命令，打开【文档属性】对话框，在【标尺单位】下拉菜单中可选择合适的单位。,标尺,1.1.10网格、辅助线与标尺可以更改标尺的度量单位，将,1.1.10网格、辅助线与标尺,绘制辅助线锁定辅助线对齐对象,辅助线,拖出“辅助线”,【辅助线】的对话框,“辅助线”的应用,编辑辅助线使对象贴紧至辅助线删除辅助线,1.1.10网格、辅助线与标尺绘制辅助线,1.2 上机实训制作飞机飞行动画,打开源文件,观看动画效果,1.2 上机实训制作飞机飞行动画打开源文件观看动画效果,1.2.1新建一个动画文档,设置动画文档属性,输入一个动画文档设置尺寸设置背景颜色,1.2.1新建一个动画文档,1.2.1新
19、建一个动画文档,创建动画背景,导入图片调整图像大小及位置在第110帧处添加普通帧,1.2.1新建一个动画文档,1.2.2创建图形元件,执行【插入】|【新建元件】命令，输入【名称】为“飞机”，选择【类型】为【图形】，单击【确定】。选择第1帧，执行【文件】|【导入】|【导入到舞台】命令，将名为“飞机.png”的图片导入到场景中。,创建飞机元件,1.2.2创建图形元件执行【插入】|【新建元件】命令，输,1.2.2创建图形元件,执行【插入】|【新建元件】命令，新建一个图形元件，名称为“白云”。选择第1帧，执行【文件】|【导入】|【导入到舞台】命令，将名为“白云.png”的图片导入到场景中。,创建白云元
20、件,1.2.2创建图形元件执行【插入】|【新建元件】命令，新,1.2.3开始创建动画运动的效果,转换到主场景，新建一个图层，命名为“飞机”。把库中名为“飞机”的元件拖到场景的左上角。设置飞机方向、透明度、大小、坐标等。,创建飞机飞行的效果,1.2.3开始创建动画运动的效果转换到主场景，新建一个图,1.2.3开始创建动画运动的效果,选中【飞机】图层的第100帧，添加关键帧。设置飞机透明度、大小、坐标。右键单击【飞机】图层的第1帧，选择【创建补间动画】。,创建飞机飞行的效果,1.2.3开始创建动画运动的效果选中【飞机】图层的第10,1.2.3开始创建动画运动的效果,新建一个图层”白云”。将库中名为
21、“白云”的元件拖动到舞台上，放置在背景图的右侧处，并设置参数。,创建白云飘动的效果,1.2.3开始创建动画运动的效果新建一个图层”白云”。,1.2.3开始创建动画运动的效果,选中第100帧，按F6键添加一个关键帧。把元件移到场景的左上方，并设置参数。用鼠标右键单击【白云】图层的第1帧，然后选择【创建补间动画】。,创建白云飘动的效果,1.2.3开始创建动画运动的效果选中第100帧，按F6键,1.2.3测试保存动画,执行【控制】|【测试影片】命令，观察动画效果。执行【文件】|【保存】命令，将文件保存成“飞机.fla” 。如果要导出Flash的播放文件，执行【文件】|【导出】|【导出影片】命令，保存
22、成“飞机.swf”文件。,观看动画效果,1.2.3测试保存动画执行【控制】|【测试影片】命令，观,1.3 习题与上机操作,选择题填空题,1.3 习题与上机操作选择题,习题与上机操作,（）（ ）是 Macromedia公司开发的一款集动画设计、Web网页站点开发等功能于一身的优秀软件。 FlashDreamweaver FireworksFrontPage （）在下列后缀名中，不属于Flash格式的有（ ）。 Aswf Bdoc Cfla Dtxt,选择题,习题与上机操作（）（ ）是 Macromedi,习题与上机操作,（3）Flash源文件的扩展名为（ ）。 A*.avi B*.swf C*.
23、fla D*.ssf （）选择【缩放工具】后，按住键盘上的（ ）键，单击舞台，可快捷缩小视图。 ShiftCtrl Alt Esc,选择题,习题与上机操作（3）Flash源文件的扩展名为（,习题与上机操作,（1） 面板可以对选定对象执行缩放、旋转、倾斜和创建副本的操作。（2） 面板是主要的“开发面板”之一，是动作脚本的编辑器。（3） 面板可以很容易地访问舞台或时间轴上当前选定项的最常用属性，也可以在面板中更改对象或文档的属性。,填空题,习题与上机操作（1）,习题与上机操作,（4）一个动画可以有多个场景组成， 面板中显示了当前动画的场景数量和播放的先后顺序。（5）选择工具箱中的 工具，可以通过拖动鼠标来平移舞台。（6）在Flash中，“网格”的应用主要有 、 和 3个功能。,填空题,习题与上机操作（4）一个动画可以有多个场景组成，,
