动画设计教程第1章.ppt

1 1Flash简介1 2Flash8的新增功能1 3Flash8的文件操作1 4关于FlashPlayer1 5文件的打开和保存1 6打开并修改文件过关练习 第1章Flash8入门知识 1 1Flash简介Macromedia公司成立于1992年 它在1998年收购了一家开发制作Director网络发布插件 FutureSplash的小公司 并且继续发展了FutureSplash插件 这就是后来广泛流行的Flash Flash是一款矢量图形编辑和动画创作软件 用它可以将声音 文字 图像甚至视频融合在一起 制作出高品质的动画效果 1 1 1Flash8的特点和以前版本的Flash软件相比 Flash8具有以下特点 1 交互式设计Flash8具有强大的交互功能 使用它可以创建按钮 多级弹出式菜单 复选框及交互式游戏等 使用户可以随心所欲地控制动画 2 采用矢量图使用Flash8制作的动画中的图形都为矢量图 因此 即使将动画的播放界面放大或缩小 也不会影响动画的品质 如图1 1 1所示 图1 1 1放大矢量图不会失真 3 作品下载时间短Flash8支持 流技术 下载 克服了目前网络传输速度较慢的缺点 并且允许用户边下载边观看动画 而不用等待将整个动画下载完后再观看 4 支持导入音频和视频在Flash8中 用户可以将外部的音频和视频文件导入用户的动画中 还可以根据需要对其进行编辑和加工处理 以使其符合用户的实际需要 5 插件工作方式Flash8的工作方式为插件方式 任何安装有ShockwaveFlash插件的网络用户 都可通过网页浏览器观看Flash动画 6 适用范围广使用Flash不仅可以制作动画 还可以制作教学课件 产品功能展示 MTV和Flash游戏等 总之 随着计算机技术的发展 Flash应用的范围已经越来越广 7 支持遮罩在Flash中恰当地使用遮罩 可以创建独特的动画透视效果 1 1 2Flash的应用由于新版的Windows操作系统预装了Flash插件 使得Flash得到了迅速发展 它主要应用于以下几个方面 1 网站广告动画 目前 Flash已成为网站广告动画的主要形式 如新浪 搜狐等大型门户网站都很大程度地使用了Flash动画 如图1 1 2所示为搜狐网站中雪花啤酒的广告动画 图1 1 2搜狐网站中雪花啤酒的广告动画 2 音乐MTV 由于Flash支持MP3音频 而且能够边下载边播放 大大节省了下载的时间和所占用的带宽 因此被广泛应用于音乐MTV的制作 如图1 1 3所示 图1 1 3音乐MTV 3 产品功能演示 在产品被开发出来后 为了让人们了解它的功能 开发商常常用Flash制作一个演示片 以便能全面地展示产品的特点 使用Flash制作的产品功能展示不仅图文并茂 而且能通过生动的语言讲解产品的新功能 克服了平面广告宣传不到位的缺点 如图1 1 4所示为一个汽车演示动画 图1 1 4汽车演示动画 4 教学课件 对于教师们来说 Flash是个好的教学帮手 由它开发的教学课件操作简单 文件体积小 交互性强 非常有利于教学的互动 如图1 1 5所示 5 故事片 提到故事片 相信大家可以举出一大堆经典的Flash故事片 如三国系列 春水系列 大话西游系列等 制作故事片需要有好的手绘功底 如图1 1 6所示 图1 1 5教学课件图1 1 6故事片 大话李白 6 网站片头 为了使浏览者对自己的网站过目不忘 现在几乎所有的个人网站或设计类网站都有网站片头动画 如图1 1 7所示为锐志汽车的片头动画 图1 1 7锐志汽车的片头动画 7 网站导航 使用Flash制作的网站导航条 美观且具有超强的交互性 因此被用于制作具有独特风格的网站导航条 如图1 1 8所示 8 游戏 游戏可以为我们的生活增添乐趣 通过在Flash中进行ActionScript编程 可以制作出小而有趣的游戏 如图1 1 9所示 图1 1 8网站导航条图1 1 9Flash游戏 1 2Flash8的新增功能新推出的Flash有FlashBasic8和FlashProfessional8两个版本 其中FlashBasic8是面向Web设计人员 交互式媒体专业人员和开发多媒体内容的版本 它注重创建 导入和处理多种类型的媒体 音频 视频 位图 矢量 文本和数据 FlashProfessional8是Macromedia公司专为高级Web设计人员和应用程序构建人员而设计的 它除了具备FlashBasic8的所有功能之外 还新增了以下几种强大的功能 1 对象绘制模型 在Flash8中 新增的 对象绘制 模型可以让用户使用绘图工具绘制出独立于其他形状的图形对象 该图形不会影响其下方的其他图形 如图1 2 1所示 图1 2 1对象绘制模型下的图形不相互影响 2 增强填充变形工具的功能 新的填充变形工具可以让用户对舞台上的对象应用复杂的渐变 并能够精确地控制渐变中心点的位置 以创建不同的渐变效果 而且能对渐变应用其他参数 如图1 2 2所示 图1 2 2改进的放射状渐变功能 3 脚本助手模式 在动作面板中新增了脚本助手 可使用户在不太了解ActionScript的情况下也能创建动作脚本 如图1 2 3所示为普通模式和脚本助手模式下的动作面板 图1 2 3普通模式和脚本助手模式下的动作面板 4 扩展的舞台工作区 当用户制作的图形不能全部放置于舞台中时 可将它们放置于舞台周围的空白区域 即工作区 中 将其暂时存储起来以备不时之需 且该区域中的图形在播放SWF文件时不显示在舞台中 5 文件选项卡 用户可以在同一个Flash应用程序窗口中打开多个Flash文件 并可以使用位于工作区顶部的文件选项卡在它们之间进行切换 6 改进的 首选参数 对话框 Flash8精简了 首选参数 对话框的设计 对其重新布局 使该对话框更简洁易用 7 单一库面板 在以前发布的版本中 若要查看多个Flash文件的库元素 必须同时打开多个库面板 而Flash8对库面板进行了集成设计 即只要打开一个库面板即可查看多个Flash文件的库元素 如图1 2 4所示 图1 2 4在FlashMX2004与Flash8中查看多个文件的库项目 8 改进的发布界面 Flash8简化了 发布设置 对话框 使得SWF文件的发布更加快捷 轻松 9 新的曲线算法 在使用铅笔工具和刷子工具绘图时 Flash8采用了新的曲线算法 允许用户在属性面板中设置平滑度 从而通过增加平滑度的数值减少曲线的点数 最终缩小文件的大小 10 自定义缓动控制 使用Flash8中新增的缓动控制 可以精确地控制时间轴中应用了补间的图形在舞台上的变化过程 使用这种新的控制 可以使对象在一个补间内在舞台上前后移动 也可以创建其他复杂的补间效果 如图1 2 5所示即为 自定义缓入 缓出 对话框 图1 2 5 自定义缓入 缓出 对话框 11 图形效果滤镜 用户可以使用Flash8中的滤镜为对象添加发光 投影等多种效果或效果的组合 如图1 2 6所示 图1 2 6多种滤镜效果 12 平滑位图 Flash8中新增的平滑位图功能 可以使用户在放大或缩小位图图像时改善图像的外观 13 改进的消除文本锯齿功能 用户可以应用新的消除锯齿设置 使正常大小和较小的文本显示得更清晰 14 新的视频编码器 Flash8附带了一个新的视频编码器 它是一个独立的应用程序 可以方便地将视频文件转换为Flash视频格式 flv 该程序还可以用来执行视频文件的批处理 15 混合模式 Flash8提供了多种图像混合模式 使用它们可以更改一个对象与位于其下方的各个对象的组合方式 从而获得多种复合效果 如图1 2 7所示 图1 2 7多种混合模式效果 16 对象层级撤销模式 在以前发布的版本中 若要进行撤销操作 会一步一步地将所有的代码和对象撤销 而Flash8提供了两种撤销方式 一种是文档级别的撤销 如只撤销输入的代码 一种是对象级别的撤销 如只撤销场景中的对象操作 如图1 2 8所示 17 Flash8增强了查找和替换功能 用户可以查找和替换文字 字体 颜色 元件 声音 视频和导入的位图等多种对象 如图1 2 9所示 图1 2 8两种撤销方式图1 2 9增强的查找和替换功能 1 3Flash8的文件操作在Flash8中有两种文件 一种是以 swf为后缀名的动画文件 另一种是以 fla为后缀名的源文件 Flash8的文件操作是创建动画的基本操作 它包括新建 打开 保存和导出文件等 1 3 1新建文件用户新建的文件都是以 fla为后缀名的源文件 新建文件主要有以下4种方法 1 从开始页新建 启动Flash8软件 打开开始页 选择 创建新项目 选项组中的 Flash文档 选项 如图1 3 1所示 2 从菜单栏新建 选择 文件 新建 命令 弹出 新建文档 对话框 在 类型 选项组中选择 Flash文档 选项 如图1 3 2所示 然后单击 确定 按钮 图1 3 1从开始页新建文件图1 3 2 新建文档 对话框 3 通过快捷键新建 按 Ctrl N 键 弹出 新建文档 对话框 然后按照方法 2 继续 4 从模板新建 单击 新建文档 对话框中的 模板 标签 此时 新建文档 对话框将变为如图1 3 3所示的 从模板新建 对话框 在 类别 选项组中选择文件的类型 在 模板 选项组中选择文件的样式 然后单击 确定 按钮 1 3 2打开文件要编辑Flash8的动画文件 必须先打开该动画文件 这里所说的文件是指Flash源文件 即可编辑的 fla文件 而不是 swf文件 打开文件主要有以下3种方法 1 从开始页打开 启动Flash8软件 打开开始页 最近编辑过的文件会显示在 打开最近项目 选项组中 用鼠标单击相应的文件名称即可将其打开 2 从菜单栏打开 选择 文件 打开 命令 弹出 打开 对话框 选择需要打开的文件 如图1 3 4所示 然后单击 打开 按钮 图1 3 3 从模板新建 对话框图1 3 4 打开 对话框 3 通过快捷键打开 按 Ctrl O 键 弹出 打开 对话框 然后按照方法 2 继续 1 3 3保存文件动画完成后须将其保存起来 Flash8提供了 保存 另存为 保存并压缩 另存为模板 和 全部保存 5个保存命令 1 保存 保存当前文件 并将新增信息追加到该文件中 2 另存为 将当前文件以新的名称保存到不同的位置 3 保存并压缩 保存当前文件 并对文件数据进行压缩 4 另存为模板 将当前文件保存为模板 选择该命令将弹出 另存为模板 对话框 用户可以在 名称 文本框中输入模板的名称 在 类别 下拉列表中选择一个模板类别 在 描述 文本框中输入对模板的说明 如图1 3 5所示 然后单击 保存 按钮 图1 3 5输入模板信息 5 全部保存 将当前打开的所有文件一次性全部保存 1 3 4关闭文件当用户将Flash动画制作完成后 可将该文件关闭 使操作界面更简洁 可采用以下几种方法关闭Flash文件 1 在菜单栏中选择 文件 关闭 命令 可将目前正在操作的文件关闭 2 选择 文件 全部关闭 命令 可将打开的多个文件同时关闭 3 单击工作窗口右上角的 关闭 按钮 可快速关闭目前正在操作的文件 1 4关于FlashPlayerFlashPlayer是Flash动画的播放器 目前的最高版本为8 0 即使用FlashPlayer8可以在最大范围内 在各种平台 浏览器和设备上 以同一方式播放所有后缀名为 swf的文件 如果用户要播放后缀名为 swf的文件 必须保证在本地计算机上安装了FlashPlayer播放器 在默认情况下 FlashPlayer将随Flash8应用程序一起安装 如图1 4 1所示 图1 4 1FlashPlayer8 如果用户没有安装FlashPlayer插件 可通过以下几种方法安装 1 安装Flash8 2 从M下载免费的插件进行安装 3 在安装光盘的softwares FlashPlayer 目录下找到该插件的安装文件进行安装 在FlashPlayer工作窗口中包含4个菜单项 分别为 文件 查看 控制 和 帮助 文件 菜单中包括打开 关闭 打印 创建播放器和退出命令 用户可以使用这些命令进行关于文件的操作 查看 菜单中包括100 显示全部 放大 缩小 全屏和品质命令 用户可以使用这些命令改变Flash播放器的工作窗口及其显示清晰度 控制 菜单中包括播放 后退 向前 向后和循环命令 用户可以使用这些命令控制动画播放时的进度 帮助 菜单中包括关于MacromediaFlashPlayer8命令 选择该命令 会弹出一个显示Flash播放器版本信息的对话框 1 5文件的打开和保存在Flash8中打开已经创建好的文件 效果如图1 5 1所示 图1 5 1打开创建的文件 操作步骤如下 1 启动Flash8软件 2 选择 文件 打开 命令 弹出 打开 对话框 在 查找范围 下拉列表中选择路径为 C ProgramFiles Macromedia Flash8 SamplesandTutorials Samples Components Jukebox jukebox fla 的文件 3 单击 打开 按钮将其打开 如图1 5 2所示 图1 5 2打开的文件 4 选择 文件 另存为 命令 在弹出的 另存为 对话框中单击按钮 将路径切换至桌面 如图1 5 3所示 5 单击 保存 按钮完成操作 6 按 Ctrl Enter 键预览 效果如图1 5 1所示 图1 5 3 另存为 对话框 1 6打开并修改文件将已经制作好的Flash文件打开 并对其进行修改 如图1 6 1所示 图1 6 1修改Flash文件 操作步骤如下 1 启动Flash8软件 2 选择 文件 打开 命令 弹出 打开 对话框 3 在 查找范围 下拉列表中选择路径为 C ProgramFiles Macromedia Flash8 SamplesandTutorials Samples Graphics AnimatedDropShadow animation and gradients fla 的文件 如图1 6 2所示 4 单击 打开 按钮将其打开 如图1 6 3所示 图1 6 2选择文件图1 6 3打开文件 5 选择 修改 文档 命令 弹出 文档属性 对话框 如图1 6 4所示 6 在 帧频 文本框中输入数值 24 7 单击 背景颜色 后的 颜色 按钮 在打开的颜色列表中选取值为 996600 的颜色 如图1 6 5所示 8 单击 确定 按钮 更改动画文件 animation and gradients fla 的背景颜色和帧频 9 按 Ctrl Enter 键 预览动画效果 如图1 6 1所示 图1 6 4 文档属性 对话框图1 6 5在颜色列表中选取颜色 过关练习填空题1 Flash的前身是 即早期流行的矢量动画插件 2 Flash8新增了 当在该模型下绘制图形时 新图形不会改变位于它下面的其他图形 3 Flash采用Shockwave技术 按照 方式传输多媒体数据 用户可以边下载边播放 从而节省了等待时间 4 Flash8的特点包括 和 选择题1 Flash源文件指后缀名为 的文件 A fla B swf C exe D html2 下列 不属于Flash8的新增功能 A 渐变增强 B 脚本助手模式 C 位图平滑 D 时间轴特效3 Flash8自带的播放器是 A FlashPlayer5 B FlashPlayer6 C FlashPlayer7 D FlashPlayer8 简答题1 简述矢量图形的优点 2 如果用户要播放后缀名为 swf的文件 必须保证在本地计算机上安装了什么 3 Flash8的新增功能有哪些 上机操作题1 检查自己电脑的系统配置是否符合安装Flash8的系统要求 如果符合 尝试在计算机上安装Flash8应用软件 2 设置系统的首选参数 3 自定义Flash8中的快捷键 4 创建一个尺寸为 500px 200px 背景颜色为 红色 帧频为 30 名称为 a 的动画文件