1、第1章 Flash应用基础,1.1 Flash动画基础及其制作流程 1.2 Flash简介 1.3 Flash应用领域 1.4 习题与实验指导,主目录,1.1 Flash动画基础及其制作流程,1.1.1 Flash动画的基本概念,计算机动画是在传统动画的基础上，采用计算机图形图像技术而迅速发展起来的一门高新技术。动画使得多媒体信息更加生动，富于表现。从传统意义上说，动画是一门通过在连续多格的胶片上拍摄一系列的单个画面，胶片进行运动从而产生动态视觉的技术和艺术。这种视觉是通过将胶片以一定的速率放映的形式体现出来的。一般说来，动画是一种动态生成一系列相关画面的处理方法，其中的每一幅与前一幅略有不同
2、。计算机动画是采用连续播放静止图像的方法产生运动的效果，计算机动画的原理与传统动画基本相同，只是在传统动画的基础上把计算机技术用于动画的处理和应用，并可以达到传统动画所达不到的效果。由于采用数字处理方式，动画的运动效果、画面色调、纹理、光影效果等可以不断改变，输出方式也多种多样。Flash动画是以“流”的形式进行播放，在播放的同时还能自动将后面部分文件下载，实现多媒体的交互。,1.1.2 数字图像类型,计算机记录数字图像的方式有两种：一种是通过数学方法记录，即矢量图；另一种是用像素点阵方法记录，即位图。,1矢量图 矢量图，也叫向量图，是一种面向对象基于数学方法的绘图方式，在数学上定义为一系列由
3、线连接的点。矢量文件中的图形元素称为对象。每个对象都是一个自成一体的实体，它具有颜色、形状、轮廓、大小和屏幕位置等属性。既然每个对象都是一个自成一体的实体，就可以在维持它原有清晰度和弯曲度的同时，多次移动和改变它的属性，而不会影响图例中的其他对象。这些特征使得基于矢量的程序特别适用于图例和三维建模，因为它们通常要求能创建和操作单个对象。矢量绘图是基于算法的，与分辨率无关。这意味着它们可以按最高分辨率显示到输出设备上，其显示效果仍然相同，如右下图所示。,矢量图形的致命缺陷是，色彩单调，无法像位图可以精确地表现自然界的景象。,矢量图放大效果,2位图位图，也叫点阵图，由像素组成。像素是组成位图图像的
4、最小单位，是图像中的一个颜色点。每个像素都有一个特定的位置和颜色值。当放大位图时，可以清晰的看见构成整个图像的无数单个方块。扩大位图尺寸的效果是增多单个像素，从而使线条和形状显得参差不齐。然而，如果从稍远的位置观看它，位图图像的颜色和形状又显得是连续的。由于每一个像素都是单独染色的，读者可以通过以每次一个像素的频率操作选择区域而产生近似相片的逼真效果，诸如加深阴影和加重颜色。缩小位图尺寸也会使原图变形，因为此举是通过减少像素来使整个图像变小的。同样，由于位图图像是以排列的像素集合体形式创建的，所以不能单独操作局部位图，如右下图所示。,位图放大效果,位图图像弥补了矢量图像的缺陷，它可以很容易地在
5、不同软件之间交换文件，而缺点则是它无法制作真正的3D图像，并且图像缩放和旋转时会产生失真现象，同时文件较大，对内存和硬盘空间容量的需求也较高。,3矢量图与位图的关系矢量图与位图是两种不同类型的图像，他们各有优缺点，两者各自的好处几乎是无法相互替代的，各自都有着广泛的应用。（1）矢量图与位图的转换通过软件，矢量图可以轻松地转化为位图，而位图转化为矢量图就需要经过复杂而庞大的数据处理，而且生成的矢量图的质量绝对不能和原来的图形比拟。（2）矢量图与位图的组合使用矢量图和位图在应用上也是可以相互结合的，比如在矢量文件中嵌入位图实现特别的效果，再比如在三维影像中用矢量建模和位图贴图实现逼真的视觉效果等等
6、。,1.1.3 色彩的应用基础,自然界有许许多多的色彩，可分为非彩色和彩色两大类。非彩色是指没有饱和度的颜色，如黑色、白色和灰色。彩色是指有饱和度的颜色，如红、橙、黄、绿、蓝、紫等。尽管自然界的色彩千千万万，各不相同，但任何一种颜色（排除非彩色类，因为它们只有亮度属性）都有色调、饱和度和亮度三个方向的属性，这就是色彩的三要素。(1)色调 色调也叫色相，是指颜色所呈现出来的质地面貌，即从物体反射或透过物体传播的颜色，是区别色彩种类的重要依据，如红、橙、黄、绿、蓝、紫等都代表一种具体的色调。(2)饱和度 饱和度也叫彩度，指颜色的强度或纯度。饱和度表示色相中灰色分量所占的比例，它使用从0（灰色）至1
7、00%（完全饱和）的百分比来度量。光谱中的红、黄、绿、蓝、紫等色光都是最纯的高纯度色彩。,1. 色彩的三要素,(3)亮度 亮度也叫明度，是指颜色的相对明暗程度，这是所有色彩都具有的属性，表现为光源所发的光由极暗(亮度最小)到极亮(亮度最大)之间的变化。通常用从0(黑色)至100%(白色)的百分比来度量。明度关系是搭配色彩的基础，明度最适宜于表现物体的立体感和空间感。(4)色调、饱和度和亮度三要素的关系任何色调在高饱和度时都具有特定的亮度，假如亮度变了饱和度就会降低。高饱和度的色调加白或加黑，降低了该色相的饱和度，同时也提高或降低了该色调的亮度。高饱和度的色调与之不同亮度的灰色相加，降低了该色彩
8、的饱和度，同时使亮度向该灰色的亮度靠拢。高饱和度的色调如果与同亮度的灰色混合，可构成色相相同亮度不同的系列。,2. 色彩模式,色彩模式是指计算机以及输入输出设备用来定义颜色的不同方式。在Photoshop中，颜色模式决定用来显示和打印Photoshop文档的色彩模型。在Photoshop中常用的色彩模式有RGB模式、CMYK模式、HSB模式和Lab模式等，其中最常用的是RGB与CMYK模式。RGB用于屏幕图像处理，CMYK用于图像打印。,（1）RGB模式RGB色彩模式是一种最为常见并且使用最广泛的色彩模式，RGB是“Red(红色)”、“Green(绿色)”和“Blue(蓝色)”的缩写。它是一种
9、加色模式，如右图所示，大部分色谱都是由红色、绿色和蓝色三色光混合而成。,RGB色彩模式,（2）HSB模式HSB色彩模式是根据日常生活中人眼的视觉特征而制定的一套色彩模式，最接近于人类对色彩辨认的思考方式。HSB色彩模式以色相（H）、饱和度（S）和亮度（B）描述颜色的基本特征。HSB色彩模式比RGB色彩模式更为直观和更容易理解。在各种图像处理程序的色彩设置对话框中经常会看到HSB模式，如下图所示，这是Flash的“颜色”对话框和Windows画图程序的“编辑颜色”对话框，可以看到，在对话框的右下部分都有HSB参数。,Flash“颜色”对话框,1.1.4 Flash动画的制作流程,完成一部优秀的F
10、lash动画作品需要经过很多的制作环节，其中每一环节的质量都直接关系到作品的最终效果，因此应该认真地把握每个环节的制作，切忌边做边看边想。Flash动画的制作工作流程大致可分为前期策划、素材搜集、动画制作、后期测试与发布等环节，如下图所示。,动画制作工作流程图,本章目录,1.2 Flash简介,1.2.1 Flash概述,Flash的前身是Future Splash，它是为了完善Macromedia的拳头产品Drector而开发的一款用于网络发布的插件。1996年原开发公司被Macromedia收购后，其核心产品也正式更名为Flash。Flash已相继发行了Flash 1.0、Flash 2.
11、0、Flash3.0、Flash 4.0、Flash 15.0、Flash MX、Flash MX 2004、Flash 8，自Macromedia被Adobe 收购后，于2007年推出Adobe Flash CS3。Flash技术发展到今天，已经成为了真正的Flash动画标准，而且事实上还是多媒体网络领域的鉴定标准，现在网上可以随处看到用Flash技术制作的网站动画，网站广告Banner条以及大量的动画、MTV、游戏等，因为Flash简单易用而且是基于小体积的.swf格式，因此在世界范围内得到了广泛的应用和推广，Flash已经成为互联网多媒体的重要分支。Adobe Flash CS3的推出，
12、可以说是对旧版本的一次全面扩充和增强。Flash CS3功能更加强大，使Flash动画的性能和开发效率都得到了很大的提高。,Flash具有很多的特点，包括矢量动画格式的文件体积小，图像质量好，流式的播放方式，支持多种多样的文件格式，以及简单的操作和插件播放形式。1使用矢量图形矢量图形与位图图形不同的是，存储图片只占用极少的空间，而且播放时，矢量图形可以任意缩放尺寸而不影响图形的质量。2使用流式播放技术Flash播放器在下载Flash影片时采用流媒体方式，即实现Flash动画可以边播放边下载，从而缓解了网页浏览者焦急等待的情绪。3减小文件大小除了矢量图文件特别小之外，通过使用关键帧和图符使得所生
13、成的动画（.swf）文件非常小，几K字节的动画文件就可以实现许多令人心动的动画效果，用在网页设计上不仅可以使网页更加生动，提高下载速度，而且能够以很短的时间打开网页并得以播放。,1.2.2 Flash 特点,4引入多媒体技术把音乐、动画、声效、交互方式融合在一起，越来越多的人已经把Flash作为设计网页动画的首选工具，并且创作出了许多非常经典的动画效果。而且在Flash4.0的版本中就可以支持MP3的音乐格式，这使得加入音乐的动画文件也能保持小巧的身材。5强大的交互功能强大的动画编辑功能使得设计者可以随心所欲地设计出高品质的动画。通过Action Script动作脚本和组件可以实现交互，使Fl
14、ash具有更加强大的设计空间。另外，它与当今最流行的网页设计工具Dreamweaver配合默契，可以直接嵌入网页的任一位置，非常简便。但是美中不足的是，在网络上观看Flash动画需要插件的支持。因此，只有当用户的浏览器已经安装了这样相应的插件时，才可以正常播放Flash动画。在线下单独播放Flash动画时需要使用支持Flash动画的专门播放器。,Adobe Flash CS3是Adobe公司收购Macromedia公司后将享誉盛名Macromedia Flash更名为Adobe Flash后的一款动画软件。与前面的版本相比，Flash CS3与Adobe其他产品的结合非常紧密，给使用Flash
15、工作带来极大便利，增加了许多实用的新功能。（1）用户界面Flash CS3工作界面具有与其它Adobe CS3组件一致的界面风格。工具箱可伸缩成单双列的，面板调板可以缩为精美的图标，半透明标题栏，可随意伸缩，可随意组合与分离，以改进工作流程和最大化工作区空间。（2）Adobe Photoshop 和 Illustrator 导入在保留图层和结构的同时, 导入 Photoshop (PSD) 和 Illustrator (AI) 文件, 然后在 Flash CS3 中编辑它们。使用高级选项在导入过程中优化和自定义文件。（3）将动画复制为 ActionScript可以将时间轴动画转换为可由开发人员
16、轻松编辑、再次使用和利用的 ActionScript 3.0 代码。将动画从一个对象复制到另一个对象。,1.2.3 Adobe Flash CS3新增功能,（4）ActionScript 3.0开发使用新的 ActionScript 3.0 语言节省时间，该语言具有改进的性能、增强的灵活性及更加直观和结构化的开发，“脚本助手”模式得到更新。（5）高级调试器使用功能强大的新的 ActionScript 调试器测试内容, 该调试器提供极好的灵活性和用户反馈以及与 Adobe Flex Builder 2 调试的一致性。（6）丰富的绘图功能使用智能形状绘制工具以可视方式调整工作区上的形状属性, 使用
17、 Adobe Illustrator 所倡导的新的钢笔工具创建精确的矢量插图, 从 Illustrator CS3 将插图粘贴到 Flash CS3 中, 等等。（7）用户界面组件使用新的、轻量的、可轻松设置外观的界面组件为 ActionScript 3.0 创建交互式内容。 使用绘图工具以可视方式修改组件的外观, 而不需要进行编码。（8）高级QuickTime导出使用高级QuickTime导出器, 将在SWF文件中发布的内容渲染为QuickTime视频。导出包含嵌套的MovieClip的内容、Actionscript 生成的内容和运行时效果（如投影和模糊）。,（9）省时编码工具使用新的代码编
18、辑器增强功能节省编码时间。使用代码折叠和注释专注于相关代码， 及使用错误导航功能跳到代码错误。（10）复杂的视频工具使用全面的视频支持，创建、编辑和部署流和渐进式下载的 Flash Video。使用独立的视频编码器、Alpha 通道支持、高质量视频编解码器、嵌入的提示点、视频导入支持、QuickTime 导入和字幕显示等等, 确保获得最佳的视频体验。,本章目录,1.3.1 制作网页,Flash以其强大的矢量动画编辑功能，灵活的操作界面，开放式的结构，早已渗透到了图像设计的多个领域，例如影视、动漫、游戏、网页、课件、演示、广告宣传等领域。,1.3 Flash的应用领域,网页制作是Flash的重要
19、领域，是展示个性的平台。Flash出色的交互功能、图形图像表现能力，以及对声音的良好支持，使它可以配合其他工具软件制作出各种形式的动态网页，或者整个网站都用Flash动画来实现。下图所示就是利用Flash制作的一个“南宁映象”动态网站。,“南宁映象”动态网站,一个好的网站的浏览量很大，自然就有了网络广告。通过Flash制作的网页广告可以很好地体现广告的短小精悍和表现力强等特点，因此Flash也在网页广告的制作领域得到了广泛应用。如下图所示就是一个关于QQ音速的网页广告。,1.3.2 制作商业广告,QQ音速的网页广告,Flash还可以为网站、宣传片、电影和光盘制作片头动画，如左下图所示就是“千姿
20、百色”网站的宣传页动画。 动画中的形象可爱、诙谐生动，为无数观众增添了不少乐趣，Flash动画以“流”媒体的形式进行播放，这样使其制作的作品非常适合网络环境下的传输，也使Flash成为网络动画的重要制作工具之一。另外，Flash对矢量图的应用及对视频、声音的良好支持，使它能在文件容量不大的情况下实现多媒体的播放，如右下图所示就是动画流氓兔之钓鱼中的剧照。,1.3.3 制作片头动画与动画片,“千姿百色”网站片头动画,流氓兔之钓鱼中的剧照,许多游戏都是使用Flash构建的，游戏通常结合了Flash的动画功能和ActionScript的逻辑功能。用户可通过网络在线进行游戏，如五子棋、俄罗斯方块、打地
21、鼠、三维迷宫等，如下图所示就是利用Flash制作的一款“精灵弓箭手”游戏。,1.3.4 制作小游戏,精灵弓箭手游戏,在网络上观看视频MTV常常会因为网速过慢而时断时续，而Flash文件相对于视频文件来说要小很多，所以很多音乐网站上的歌曲都配有由Flash制作的MTV。如下图所示就是根据歌曲“一生有你”制作的MTV场景。 。,1.3.5 制作MTV,“一生有你”MTV图,通过图形、图像表现教学内容是教学活动中一种重要的教学手段。在中小学课程中，化学分子结构、化学实验装置、几何图形、数学函数图形、物理电路元件符号、物理实验设备、语文教学情景、英语教学图示等教学内容都需要通过Flash制作的图形、动画来形象、直观的表现。实践证明，通过图形的视觉刺激进行教学，能取得更好的教学效果。因此，能制作出简单的图形课件是对普通教师最基本的要求，如右下图所示。,1.3.6 制作多媒体教学课件,活塞式抽水泵工作原理,本章目录,Flash的应用远远不止这些，在这里列出一些主要的应用内容，将来Flash的应用会越来越广。另外，Flash起初可能只是一种技术，然而随着它的应用、普及和发展，更成了新一代人表达自己对新生活感受与理解的独特语言，成为一种大众的艺术，一种更轻松、更自由、更好玩、更生动的艺术语言。,1.4 习题与实验指导,本章目录,按照教材的“习题与实验指导”部分的要求，完成作业和实验。,
