《Flash操作基础》PPT课件.ppt

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