走进FlashMX8的精彩世界.ppt

第十二章走进Flash的精彩世界 课前导读课堂讲解上机实战课后练习 课前导读 基础知识重点知识提高知识了解知识 基础知识 FlashMX2004的启动与退出 FlashMX2004的新增功能 读者应认真阅读并熟悉其基本操作 重点知识 FlashMX2004的操作界面 菜单功能和面板布局 读者应仔细阅读相关部分 并结合上机实战进行练习以达到熟练掌握的目的 提高知识 用Flash制作动画的方法 读者可暂时不学或等有了一定基础以后再学 了解知识 Flash概述 Flash的应用领域 Flash推荐网站 课堂讲解 FlashMX2004概述启动与退出FlashMX2004FlashMX2004的操作界面FlashMX2004的菜单功能面板的基本操作 一个简单的实例 从方形到圆形剖析Flash动画 内幕 闪客 的世界 Flash推荐网站 FlashMX2004概述 Flash与动画FlashMX2004的新增功能FlashMX2004的应用领域 Flash是美国Macromedia公司推出的一款动画制作软件 它是目前使用最广泛 最受广大用户青睐的平面动画制作软件 用它制作的动画不但流畅生动 画面精美 而且对制作者的要求不是很高 简单易学 因此在动画制作领域受到广大用户的青睐 Flash占据了动画制作的主流地位 在学习之前 首先应对FlashMX2004有一个完整的认识 以方便以后的学习 本课中介绍的内容读者不一定立即全部掌握和理解 只要能对FlashMX2004有一个感性的认识 就达到学习目的了 Flash与动画 自从Flash问世后 Flash动画就成为一个流行的话题 并以惊人的速度风靡全球 现在我们经常提到的Flash包括两方面的含义 一方面是指Flash软件本身 另一方面就是指用Flash制作的动画作品 即Flash动画 用Flash制作的动画具有下载时间短 占用空间小 适用范围广等特点 这也是Flash动画能流行起来的主要原因 具体说来 Flash动画的特点主要表现在以下几个方面 适用范围广 Flash动画的适用范围极广 它可以应用于网页 游戏 MTV 卡通短剧 商业广告和多媒体课件等领域 图像质量高 Flash动画提供了强大的矢量图形绘制功能 而且它还支持直接调用矢量图形 大多数Flash动画都是由矢量图形制作而成的 由于矢量图形可以真正无限制地放大而不影响其质量 因此图像质量很高 下载时间短 Flash动画是一种流式动画 它可以边下载边播放 而不必等待全部动画下载完毕才开始播放 占用空间小 矢量图形占用的空间比位图小得多 由于Flash动画支持矢量图形 所以动画占用的空间可以保持最小状态 即使动画内容很丰富 也不会占用很大的空间 交互性强 在Flash动画中 开发人员可以轻易地为动画添加交互效果 如游戏 心理测试题等都是Flash动画交互性的表现 这些动画可以让用户参与 极大地提高了用户的兴趣 可以跨平台播放 Flash动画可以跨平台播放 制作好的Flash动画 不管在哪种操作系统或平台上播放 看到的内容和效果都是相同的 不会因为平台的不同而有所变化 FlashMX2004的新增功能 2003年 Macromedia公司推出了Flash的最新版本FlashMX2004 它在以前版本的基础上新增了许多功能 而且操作界面更加友好和人性化 使用起来更加方便 主要表现在以下几个方面 开始页如果是第一次启动FlashMX2004 将出现一个如图1 1所示的开始页 利用它 可以进行最常见的操作 如打开最近项目 创建新项目 链接到MacromediaFlashExchangeWeb站点 学习Flash课程等 另外 开始页中还显示了试用版转换信息 升级通知和其他值得关注的消息 图1 1 如果不想在启动Flash时显示开始页 只需选中复选框即可 如果要恢复显示开始页 选择 编辑 首选参数 菜单命令 在打开的 首选参数 对话框中选中单选项即可 文档选项卡在Flash以前的版本中 如果打开了多个文档 要在各个文档之间切换是一件比较麻烦的事 必须在 窗口 菜单中选择相应的文档名称 而在FlashMX2004中 每一个被打开的文档名称都显示在工作区顶部 这就是文档选项卡 如图1 2所示 通过该选项卡 可以快速地在这些文档之间切换 图1 2 时间轴特效时间轴特效是FlashMX2004新增的功能 利用该功能 可以对舞台上的任何对象应用如分离 展开 投影和模糊等时间轴特效 利用时间轴特效的方法很简单 只需选择要添加时间轴特效的对象 选择 插入 时间轴特效 菜单命令 从弹出的子菜单中选择 变形 转换 帮助 或 效果 并从相应的下拉菜单中选择一种特效 如图1 3所示 在打开的如图1 4所示的预览窗口中单击按钮 然后按 Ctrl Enter 键即可在播放窗口中看到图形变形效果 如图1 5所示 图1 3 图1 4 图1 5 更新的模板相对于以前版本来说 FlashMX2004添加了一些新的模板 选择 文件 新建 菜单命令 在打开的 新建文档 对话框中单击 模板 选项卡 即可找到所有的模板 如图1 6所示 利用这些模板可创建演示文稿 表单应用程序 广告 移动设备应用程序以及其他常用的Flash文档类型 图1 6 行为 面板在Flash以前的版本中 必须通过编写动作脚本来控制影片剪辑和实例 而在FlashMX2004中可以使用 行为 来添加交互性 无需编写动作脚本 行为 是指软件预先编写的 动作脚本 代码 它使得用户不必自己创建动作脚本代码 简化了许多操作 选择 窗口 开发面板 行为 菜单命令 可以打开 行为 面板 如图1 7所示 在 行为 面板中单击 添加行为 按钮 在弹出的下拉菜单中可以选择相应的命令来执行动作脚本 如图1 8所示 图1 7 图1 8 历史记录 面板 历史记录 面板也是FlashMX2004新增的一个面板 它可以跟踪和记录用户自创建或打开某个文档以来执行的操作 用户可以将这些操作转换为可重用的命令 选择 窗口 其他面板 历史记录 菜单命令即可打开 历史记录 面板 如图1 9所示 列表框中的每个选项都是用户曾经进行过的操作 图1 9 FlashMX2004的应用领域 在今天 只要打开一个网站 就会看到闪动的广告 动感绚丽的动画 只要对Flash稍有了解 就知道 东北人都是活雷锋 大话三国 等经典Flash作品 另外 电视上的一些广告也是用Flash制作的 从平面动画到MTV 游戏 从网页到多媒体 从电子贺卡到影视片头 Flash的身影无处不在 广告动画 打开任何一个网站可能都会弹出一些动感时尚的小广告条 使得整个网站显得富有生气 如图1 10所示就是一个网站的广告动画 电子贺卡 在新春佳节 五一节 国庆节 三八妇女节 做一张电子贺卡发给亲朋好友 送去一片温暖 如图1 11所示就是一张用Flash制作的新年贺卡 图1 10 图1 11 游戏 相信大多数电脑爱好者都对游戏很感兴趣 五子棋 俄罗斯方块 游戏战机 拼图游戏 迷宫游戏 曾经伴随着我们度过美好的童年 如图1 12所示就是利用Flash制作的一款五子棋游戏 MTV 东北人都是活雷锋 唱火了FlashMTV 现在随便打开一个Flash网站 就会发现FlashMTV铺天盖地席卷而来 如图1 13所示就是 绝望生鱼片 中的一个场景 图1 12 图1 13 搞笑动画 一部 大话三国 曾经令无数人捧腹折腰 用Flash制作搞笑动画似乎成为了 闪客 们的一种娱乐方式 也为无数观众添加了不少生活乐趣 生动滑稽的动画角色 搞笑的对白让无数人沉浸在欢乐之中 如图1 14所示就是著名的 大话三国 中的一个场景 图1 14 网页制作 网页制作是Flash的一个重要领域 如果您想将自己的个性展示在众人面前 用Flash制作一个个人主页是一个不错的主意 如果您想让更多的人了解你的公司 为公司制作自己的网站或网页也是一个好方法 如图1 15所示就是利用Flash制作的一个名为 西部先锋 的网站 图1 15 片头动画 利用Flash还可以为一些游戏或宣传片做片头动画 如图1 16所示就是一个游戏片头动画的场景之一 其他 Flash的应用领域极为广泛 除了以上所讲的领域外 在网络广播 教学课件 多媒体制作等领域无处不闪烁着Flash的身影 图1 16 启动与退出FlashMX2004 启动FlashMX2004的主要方法有以下几种 选择 开始 所有程序 MacromediaFlashMX2004 菜单命令 双击桌面上的FlashMX2004快捷方式图标 在 我的电脑 窗口或 开始 我最近的文档 子菜单中打开一个FlashMX2004文档 退出FlashMX2004的方法主要有以下几种 选择 文件 退出 菜单命令 单击FlashMX2004主界面右上角的按钮 按 Alt F4 键 FlashMX2004的操作界面 启动FlashMX2004后 将出现其工作界面 该界面与其他应用软件一样 包括标题栏 菜单栏 工具栏等部分 此外FlashMX2004还包含特有的时间轴 属性 面板 颜色样本 面板 组件 面板等 如图1 17所示 图1 17 FlashMX2004工作界面中各部分的功能及含义如下 标题栏 和其他应用软件一样 FlashMX2004的标题栏上也包括软件名称 当前文档名称和窗口控制按钮 菜单栏 菜单栏由文件 编辑 视图 插入 修改 文本 命令 控制 窗口和帮助10组菜单组成 FlashMX2004中的所有命令都可从这些菜单中找到 关于每个菜单的具体作用将在后面讲解 工具栏 默认情况下 工具栏位于工作界面的左侧 它将Flash中最常用的工具汇集到了该工具栏中 其中包括绘图工具 填色工具和编辑工具等 关于各工具的具体用法将在以后的学习中详细讲解 时间轴 时间轴是Flash工作界面中最重要的组成部分 在制作Flash动画时 主要就是在时间轴中对帧进行编辑 动画的播放也是靠时间轴来控制的 时间轴的左边为图层区 右边由播放指针 帧 时间轴标尺及状态栏组成 如图1 18所示 时间轴与图层是对应的 每个图层上都有自己的时间轴 图层不同 时间轴也可能不同 图1 18 舞台 在Flash中编辑动画内容通常是在工作界面中间的白色区域 区域颜色是可以设置的 中进行的 这个白色区域叫做 舞台 用户可以在其中进行图形的绘制和编辑等工作 场景 舞台 白色区域 外部有一大片灰色区域 这个灰色区域称为工作区 工作区中的内容在最终播放动画时是不会显示出来的 工作区就像舞台的 后台 在其中可以做许多准备或辅助工作 但真正表现出来的只是舞台上的内容 舞台和工作区组合起来就成为 场景 浮动面板 FlashMX2004中包括了许多浮动面板 如 属性 面板 动作 面板 混色器 面板 组件 面板等 这些面板主要用于对舞台中对象的各种属性进行设置 关于它们的使用方法 将在后面具体讲解 事实上 图1 17中并没有将FlashMX2004中的所有面板显示出来 在 窗口 菜单的各种面板子菜单下可以看到所有的面板 FlashMX2004的菜单功能 文件 菜单 编辑 菜单 视图 菜单 插入 菜单 修改 菜单 文本 菜单 命令 菜单 控制 菜单 窗口 菜单 帮助 菜单 FlashMX2004的菜单栏位于操作界面上方 它包含了FlashMX2004的10组命令菜单 如图1 19所示 图1 19 下面对每个菜单的功能进行简单的介绍 使读者对FlashMX2004的菜单有一个全面的认识 读者在学习这一节内容时可以打开自己的FlashMX2004 一项一项地观察和测试各菜单项的作用 文件 菜单 文件 菜单主要用于对Flash文档进行各种操作 主要包括文件的新建 打开 保存和关闭操作 以及导入和导出图像 发布Flash作品 页面设置和打印等常用的操作 如图1 20所示 图1 20 编辑 菜单 编辑 菜单主要用于对Flash文档和图形对象进行各种编辑操作 主要包括撤消和重复操作 复制和移动对象 选择对象 查找替换对象 对帧 元件的操作和对Flash文档的参数设置等 如图1 21所示 图1 21 视图 菜单 视图 菜单主要用于设置以何种方式查看Flash动画中的内容 主要包括转到其他场景 缩放场景显示比例 预览模式 对齐对象的辅助工具 是否显示标尺 网格 辅助线等 如图1 22所示 图1 22 插入 菜单 插入 菜单主要用于插入元件 帧 图层和场景 并添加时间轴特效 如图1 23所示 图1 23 修改 菜单 修改 菜单主要用于对各种对象进行编辑和修改 包括修改文档 元件及图形的属性 修改帧 图层和时间轴特效 变形 排列 对齐对象 打散与组合对象等操作 如图1 24所示 图1 24 文本 菜单 文本 菜单主要用于编辑文本 包括设置文本的字体 大小和样式 设置不同文本的对齐方式和间距等操作 还可对文本进行拼写和检查等操作 如图1 25所示 图1 25 命令 菜单 命令 菜单是FlashMX2004新增的一个菜单 它通常与 历史记录 面板结合使用 当在 历史记录 面板中将某个操作保存后 在 命令 菜单下就会显示保存该操作的名称 选择 命令 菜单下相应的命令即可重复执行该操作 如图1 26所示的 绘制椭圆 和 绘制矩形 就是保存的命令 图1 26 控制 菜单 控制 菜单主要用于测试动画和对动画的播放进程进行控制 动画制作完成后 如果想只测试动画中的某一部分 不必每次都播放整个动画 可以通过 控制 菜单下的命令来实现 如图1 27所示 图1 27 窗口 菜单 窗口 菜单主要用于显示和隐藏各种窗口 工具栏和面板等 并管理面板布局 如果要显示某个面板或工具栏 只需在 窗口 菜单中选择相应的命令 使其前面出现符号即可 如果要隐藏它 只需再次单击它即可 如图1 28所示 图1 28 在 窗口 菜单下面的选项中 如果前面有符号 表示它代表的功能面板或工具栏已打开 如果没有 说明已将其隐藏 帮助 菜单 对于Flash初学者来说 帮助 菜单是一个非常有用的菜单 它提供了FlashMX2004的在线帮助信息 还提供了FlashMX2004的新功能 使用方法 动作脚本字典等方面的帮助 如图1 29所示 图1 29 面板的基本操作 显示和隐藏面板改变面板的显示状态 在制作Flash动画时 常常需要对舞台中的对象进行各种编辑操作和属性设置 除了可以利用菜单命令和工具按钮来实现外 还可以利用Flash提供的各功能面板来设置 显示和隐藏面板 单击 窗口 菜单 在弹出的下拉菜单中可以看到FlashMX2004中的所有面板组 在某一组面板的子菜单下选择某一选项 即可打开相应的面板 如图1 30所示 图1 30 要隐藏某个面板 只需在 窗口 菜单中再次单击该面板名称即可 如果要隐藏所有面板 可以选择 窗口 隐藏面板 菜单命令 所示 如果已经将Flash的工作界面设置成了自己习惯的布局 要将这种布局保存下来 可选择 窗口 保存面板布局 菜单命令 在打开的对话框中输入该布局的名称 该名称会出现在 面板设置 子菜单下 如图1 31所示 下次要用时直接从 面板设置 子菜单中选取即可 图1 31 改变面板的显示状态 选择 窗口 面板设置 默认布局 菜单命令可看到默认情况下的面板布局情况 项目 混色器 组件 行为等面板位于窗口的右侧 帮助 面板 动作 面板和 属性 面板位于工作界面的底部 Flash中的面板都是浮于工作界面上方的 不但可以隐藏或显示它们 还可以将其展开或折叠起来 或改变面板的位置 展开与折叠面板单击浮动面板中的按钮可以展开浮动面板 同时按钮变为按钮 单击按钮可隐藏浮动面板 在展开的面板右侧有一个图标 单击该图标弹出相应的菜单 在其中可对面板进行各种操作 关于每个面板的具体使用方法 将在后面的章节中详细讲解 这里不再赘述 这里只需对这些面板有个感性的认识就可以了 移动面板将鼠标光标移至浮动面板的图标上 按住鼠标左键拖动 即可将其移动到窗口中的任意位置 一个简单的实例 从方形到圆形 下面通过一个最简单的例子来体验一下Flash的神奇 在本例中 要使一个矩形逐渐变成圆形 也许其中的很多步骤初学者都不知道为什么要这样做 这没有关系 只需按照文中所述一步一步制作出来即可 这样可以对Flash动画有个感性的认识 1 选择 开始 所有程序 MacromediaFlashMX2004 菜单命令 启动FlashMX2004 系统会自动新建一个空白的Flash文档 2 在工作界面左边的工具栏中单击矩形工具 将鼠标光标移到舞台上 按住鼠标左键拖动绘制出一个矩形 如图1 32所示 图1 32 如果在启动后发现工作界面上有开始页 只需在 创建新项目 栏下面单击 Flash文档 即可自动新建一个空白文档 3 在时间轴的第25帧上单击一下鼠标左键选中该帧 如图1 33所示 图1 33 4 按 F7 键插入空白关键帧 舞台中的矩形不见了 这时单击工具栏中的椭圆工具 将鼠标光标移到舞台上 按住鼠标左键拖动绘制出一个圆形 如图1 34所示 图1 34 5 在时间轴的第1帧上单击鼠标左键 然后展开工作界面下方的 属性 面板 在下拉列表框中选择 形状 选项 如图1 35所示 6 这时观察时间轴 可以发现第1帧和第25帧之间出现了一个绿色背景的箭头 如图1 36所示 这表示在第1帧和第25帧之间创建了一个形状补间动画 图1 35 图1 36 7 为了使圆形停留久一点 可以选中时间轴中的第40帧 按 F5 键插入普通帧 然后按 Ctrl Enter 键播放动画 可以看到一个由矩形变为圆形的动画 如图1 37所示 图1 37 剖析Flash动画 内幕 前面制作了一个简单的动画 这一节我们来剖析一下Flash动画的 内幕 也就是解决Flash中的对象是怎样 动 起来的这么一个问题 具体到这个实例就是矩形是怎么变成圆形的呢 就像电影一样 Flash动画实际是由一系列静止画面组成的 每一个画面中都有不同的对象 由于人类具有视觉暂留的特点 当看到一幅画面或一个物体后 在1 24s之内画面都不会消失 Flash动画就是利用这一视觉特点来制作的 制作者在每一帧中放置不同的静止画面 在播放动画时一帧一帧地播放 帧与帧之间的间隔时间相当短 还不到1 24s 在前一幅画面还没有在视线中消失以前就播放到下一幅画面 给人造成连续变化的感觉 从而形成 动画 在制作前面一个Flash动画时 经历了以下步骤 1 创建一个Flash文档 保存时它的文件扩展名为 fla 2 在时间轴上的每一帧创建不同的内容 这里在第1帧创建了一个矩形 在第25帧创建了一个圆形 3 第2 24帧是通过创建形状补间动画 由Flash自动生成每一帧中的对象 4 拖动播放指针 Flash便依次从第1帧的内容开始播放 直到显示完最后一帧的内容 整个过程就是Flash动画的播放过程 5 在创建完成动画后按 Ctrl Enter 键用FlashMX2004软件自带的FlashPlayer7软件来播放创建的动画 并自动生成一个扩展名为 swf的文件 只要播放过一次Flash文件 系统就会在Flash文档所在的位置添加一个 swf文件 以后要观看该动画 只需直接双击这个 swf文件即可 如果双击 swf文件不能播放动画 可以用鼠标右键单击该文件 在弹出的快捷菜单中选择 打开方式 命令 在打开的对话框中选择Flash安装文件夹下的MacromediaPlayer7即可 闪客 的世界 Flash推荐网站 http www flashunion org 上机实战 设置Flash的面板布局制作由小变大的圆 在本课上机实战中将进行两个练习 一是练习对Flash工作界面中面板布局进行设置 二是练习制作一个圆从小变大的动画 目的只是为了让读者体验一下Flash的神奇 对Flash动画有个感性的认识 本次练习涉及到的知识点主要有启动和退出FlashMX2004 菜单命令的使用 工具按钮和各种面板的使用等 需要注意的是 由于制作的需要 我们将涉及到许多没有学过的知识点 在这里读者只需按照书中所述步骤一步一步操作即可 设置Flash的面板布局 本次练习将把Flash界面按照自己喜欢的样子布置 并将这种布局保存起来 其具体操作如下 1 选择 开始 所有程序 Macromed iaFlashMX2004 菜单命令 在打开的开始页中选中复选框 在 创建新项目 栏下面单击 Flash文档 自动新建一个空白文档 如图1 38所示 这是FlashMX2004的默认布局 图1 38 2 在工作界面右上角的 项目 面板上单击鼠标右键 在弹出的快捷菜单中选择 关闭面板 命令 关闭 项目 面板 如图1 39所示 图1 39 3 用相同的方法关闭 帮助 面板 组件 面板 组件检查器 面板和 行为 面板 如图1 40所示 图1 40 单击 项目 面板右上角的按钮 在弹出菜单中选择 关闭面板 命令也可以关闭该面板 4 选择 窗口 设计面板 对齐 菜单命令 打开 对齐 面板 选择 窗口 设计面板 变形 菜单命令 打开 变形 面板 选择 窗口 其他面板 历史记录 菜单命令 打开 历史记录 面板 如图1 41所示 图1 41 5 将鼠标光标移动到 历史记录 面板左上角的图标上 当其变为形状时按住鼠标左键向右拖动到 混色器 面板的下方 6 用相同的方法将 对齐 面板和 变形 面板拖动到界面的右下角 如图1 42所示 这就形成了一个自己喜欢的布局了 图1 42 7 选择 窗口 保存面板布局 菜单命令 在打开的 保存面板布局 对话框中输入该布局的名称 我喜欢的布局 如图1 43所示 该名称会出现在 面板设置 子菜单下 如图1 44所示 下次需要使用该布局时直接从 面板设置 子菜单中选取即可 图1 43 图1 44 制作由小变大的圆 本次练习将制作一个圆从小变大的动画 其具体操作如下 1 选择 开始 所有程序 MacromediaFlashMX2004 菜单命令 启动FlashMX2004 系统自动新建一个空白的Flash文档 2 在工作界面左边的工具栏中单击椭圆工具 将鼠标光标移到舞台上 按住鼠标左键拖动绘制出一个小圆形 如图1 45所示 3 选中时间轴的第25帧 选择 插入 时间轴 关键帧 菜单命令在第25帧插入关键帧 图1 45 4 按 Ctrl A 键选中第25帧中的圆 展开 变形 面板 在其中进行如图1 46所示的设置 然后按 Enter 键将圆放大到原大小的500 图1 46 5 在时间轴的第1帧上单击鼠标左键 然后展开工作界面下方的 属性 面板 在下拉列表框中选择 形状 选项 6 这时观察时间轴 会发现第1帧和第25帧之间出现了一个绿色背景的箭头 如图1 47所示 这表示在第1帧和第25帧之间创建了一个形状补间动画 图1 47 7 按 Ctrl Enter 键播放动画即可看到一个逐渐变大的圆 如图1 48所示 图1 48 课后练习 填空题判断题问答题上机操作题 填空题 1 要隐藏某个面板 可以选择 隐藏面板 菜单命令 2 如果启动Flash时出现了开始页 要想在以后不再出现 应该选中开始页中的复选框 如果以后想再次打开开始页 需要选择菜单命令 在打开的对话框中选中单选项 3 选择 时间轴特效 菜单命令 可以为对象添加时间轴特效 窗口 不再显示此对话框 编辑 首选参数 显示开始页 插入 判断题 1 Flash作品文件数据量很大 2 场景就是舞台 3 FlashMX2004只能通过双击快捷方式图标的方式来启动 4 FlashMX2004工作界面中的菜单栏用于放置常用的绘图工具 问答题 1 相对于以前的版本 FlashMX2004有哪些新增功能 2 Flash动画具有哪些特点 3 FlashMX2004可以应用在哪些领域 举例说明 参见1 1 1节下的2 FlashMX2004的新增功能 参见1 1 1节下的1 Flash与动画 参见1 1 1节下的3 FlashMX2004的应用领域 4 启动与退出FlashMX2004有哪些方法 5 简述FlashMX2004中各菜单的作用 参见1 1 2节 参见1 1 4节 上机操作题 1 将FlashMX2004工作界面布置成自己喜欢的布局 并将其保存起来 2 参照本课上机实战介绍的方法 制作一个由大变小的圆的动画 3 参照本课课堂讲解介绍的方法 制作一个从圆形变成方形的动画