计算机技术基础：第 5 章 Flash动画设计.ppt

计算机网络原理、技术及应用 目 录 第 1 章 Web技术基础 第 2 章 标记语言与网页制作 第 3 章 图像处理技术 第 4 章 音频与视频处理 第 5 章 Flash动画设计 第 6 章 客户端开发 第 7 章 服务端编程 第 5 章 Flash动画设计 5.1 Flash动画概述 5.2 绘图与文本 5.3 动画制作 5.4 元件的应用 5.5 动画的特效设计 5.6 动画的发布术 Flash动画 Flash是一个用来制作网页动画的软件，由于它技术先进、 使用方便， 现在已经成为新一代网络动画的标准。 本章的目的就是通过 Flash CS3 动画设计基本方法和过程的介绍， 带领大家进入网络动画设计这个绚丽多彩的世界。 5.1 Flash动画概述 5.1.1 Flash 的主要特点 5.1.2 启动 Flash 5.1.3 几个基本概念 5.1.1 Flash 的主要特点 (1) 使用矢量图形和流式播放技术。 (2) 通过使用关键帧和元件 (symbol) 使得所生成的动画(.swf)文件更小， 下载迅速，使动画可以在打开网页很短的时间里就得以播放。 (3) 把音乐，动画，声效，交互方式融合在一起。 (4) 强大的动画编辑功能，通过Action和As Command可以实现交互性。 Flash版本的变迁 Flash的前身是Furture Wave公司开发的FurtureSplash Animator，这是一个基于矢量的动画制作软件，由于该软件得到良好的反响，于是被Macromedia公司收归旗下，定名为Macromedia Flash 2，由于Macromedia公司的大力推崇以及Flash 2本身独特的功能，很快成为网络的宠儿。Macromedia Flash作为矢量化的交互式的Web绘图工具，结合Macromedia公司的“流”技术Shockwave，在Web上用于发布交互式动画。 2005年4月Adobe收购Macromedia后，于2007年4月发布了Creative Suite 3（CS3）套件，其中包含了Flash CS3，目前的最新版本是Flash CS4。 为什么Flash会流行于网络 Flash是一种创作工具，设计人员和开发人员可使用它来创建可以包含动态图画、视频、演示文稿，以及允许用户交互的动画作品。这样的作品文件非常小，特别适用于通过Internet传播。在Flash中广泛使用矢量图形进行动画制作。与位图图形相比，矢量图形需要的内存和存储空间小很多，因为它们是以数学公式而不是大型数据集来表示的。 5.1.2 启动 Flash Flash CS3主窗口的主要构件 (1) 绘图工具栏。 (2) 动画编辑区。 (3) 舞台区。 (4) 属性面板区。 (5) 浮动面板。 5.1.3 几个基本概念 1. 矢量图 2. 帧、帧频与动画 3. 时间轴 4. 图层 5. 舞台 6. 场景 7. 元件、实例和库 8. 组件 9. Action Script脚本语言 10. 文档与电影文件 1. 矢量图 计算机中显示的图形一般可以分为两大类，即矢量图和位图。矢量图使用直线和曲线来描述图形，这些图形的元素是一些点、线、矩形、多边形、圆和弧线等，它们都是通过数学公式计算获得的。例如一朵花的矢量图形实际上是由线段形成外框轮廓，由外框的颜色以及外框所封闭的颜色决定花显示出的颜色。由于矢量图形可通过公式计算获得，所以矢量图形文件体积一般较小。 矢量图形最大的优点是进行放大、缩小或旋转操作不会失真；缺点是难以表现色彩层次丰富的逼真图像效果。Adobe公司的Illustrator、Corel公司的CorelDraw是众多矢量图形设计软件中的佼佼者。Flash 8制作的动画也是矢量图形动画（必要时也可加入位图图像）。 2. 帧、帧频与动画 帧 (Frame) 是指电影、 电视等动画中的一幅画面。 在Flash中，帧包含了Flash作品的播放内容(图形、 音频、素材符号和其它嵌入对象)。一系列的帧以一定的速度播放就产生了动画效果。在一秒钟内显示的帧数称为帧频(Frame per Second，fps)。高帧频(帧频速度快)会使图像显得有动感； 而帧频速度慢会让人产生图像有较大停顿的感觉。 Flash作品的播放也是以帧为基本单位进行的，系统默认的帧频率为 12fps。帧的多少可衡量播放动画的时间长短。 (1) 关键帧 用于表示关键性的图形变化或动作的帧称为关键帧，他是Flash动画的基础。Flash的所有展示对象都放置在各个关键帧中，关键帧增多，所形成的动画文件将增大。 在时间轴刻度框中加黑点表示一个关键帧，空心小圆圈表示空白关键帧，即帧