(Flash 8动画制作案例教程）Flash8入门

1、单击此处编辑母版标题样式第1章 Flash 8入门 第1章 Flash 8入门1.1 初识Flash 1.2 Flash动画创作流程1.3 体验Flash 8 1.4 Flash动画入门 案例1-1：卷轴贺卡 课堂实践 疑难解析 课外拓展 1.1 初识Flash 1.1.1 Flash欣赏及其资源网站1. 观看Flash动画的准备如果想欣赏Flash动画，必须使用Flash播放器；如果想欣赏网页中的Flash动画，那么必须在电脑中预先安装Flash Player插件。在运行Flash安装程序时，安装向导会提示用户是否要安装浏览器的Flash Player插件，如图1-1所示。没有这个插件，将无

2、法在计算机上测试发布到网页中的Flash动画，也无法看到网页中的Flash动画，因此一般都要勾选安装它。 使用Flash播放器可以脱离Web浏览器来播放Flash动画。Flash自带的播放器名称是SAFlashPlayer.exe，它在Flash默认的安装路径C:Program FilesMacromediaFlash 8Players下。提示：在网络上有很多操作简便、功能更强的Flash播放器，可以下载使用。 图1-1 安装Flash Player插件 2Flash欣赏做好观看Flash动画的准备之后，就可以来欣赏Flash迷人的风采了。双击翻开随书光盘中“第1章/案例1/贺新年.swf，系

3、统自动启动Flash播放器，贺卡的封面盛装出场，红红的背景让人感觉喜庆与桔祥，白色的雪花伴随悦耳的钢琴声漫天飞舞，一年工作的辛苦与收获的喜悦涌上心头，来年的祝福长长久久动画效果如图1-2所示。 图1-2 “贺新年动画效果(a) 贺卡封面；(b) 贺卡内页 3Flash资源网站Flash的在线资源可以通过访问Macromedia Flash Support Center(Flash支持中心)来获取，其网址是，它是发布关于Flash及其相关内容更新信息的主要方式，这里提供软件试用版、补丁和技术说明的下载，还有教程和范例供用户学习参考。除了Flash支持中心外，网上还有很多Flash的资源网站。 闪

4、客帝国( flashempire )闪客帝国是一家专注于动画产业领域，集动画制作技术与动画娱乐为一体的增值效劳供给商，被网民称为“中国闪客第一站，被媒体评价为“闪客文化的发源地，是一家被闪客、业界同行、媒体多方同时认可的处于国内领先地位的Flash动画网络媒体。 闪吧( )闪吧是一家Flash动画门户网站，致力于中国动漫产业的开展。网站主要基于Flash及相关技术为核心，提供作品展示、教学、商务信息交流、数字娱乐效劳和素材资源，并开设Flash博客，学术气氛较好，有友好的交流和讨论气氛。 flashkit()flashkit是国外一个元老级的站点，它提供最新的资讯、Flash增强工具的下载、源

5、代码的交流学习，是Flash爱好者的好去处。 ultrashock( ultrashock )ultrashock也是国外较早的Flash资源网站之一，早期国内推荐的很多Flash酷站的内容都来自于这里，它提供Flash的最新理念和工具的使用技巧。 1.1.2 Flash的功能及应用使用Flash可以制作各种动画，开发各种类型的应用程序。Flash产品广泛运用于影视、动漫、游戏、广告、网页、企业介绍、产品展示、教育培训等领域。总的来说，Flash主要有以下几个方面的功能。1制作流式动画 所谓流式动画，就是指动画按固定的顺序进行播放，用户不能对动画执行任何控制操作。流式动画一般用来制作广告动画、

6、片头动画、产品展示、Flash MTV、电子贺卡、卡通动画等。尽管流式动画的能力有限，但它的应用还是非常广泛的。 2制作交互式动画，开发应用程序Flash强大功能的真正表达，是制作交互式动画。所谓交互式动画，就是用户可以用外部设备(例如鼠标、键盘)来控制动画的执行顺序，或因某个事件的发生而改变动画的播放。交互式动画运用Flash内建的脚本编程语言ActionScript来开发，Flash游戏、Flash网站、多媒体教学课件、Internet应用程序等都需要ActionScript来完成交互功能的开发。 3集成多种媒体形式和媒体设备Flash日益变得强大，与Flash支持越来越多的媒体形式是分不

7、开的。目前，Flash已经可以集成所有能想象到的媒体形式和设备，包括常用的声音、视频和各种图形格式。麦克风、摄像头等多种外部媒体设备也可以很好地被Flash所用，例如创立视频会议等。此外，围绕Flash的SWF格式，有许多第三方软件厂商开发出了一些插件，这些插件弥补了Flash在三维或二维动画创作方面的某些缺乏，或者使得某些特效的创立变得更加容易。 4连接数据库通过内建的数据库管理组件，Flash可以很方便地与多种数据库连接，这些数据库包括流行的关系型数据库和XML数据库，并可以通过内建的组件操作这些数据库。Flash能够连接数据库，极大地扩展了Flash在商业数据领域的应用。现在，可以用Fl

8、ash来开发多种强大的Web数据库应用程序和Web通信系统。 1.1.3 Flash的特点及角色地位1Flash的特点(1) 采用补间动画，制作简单方便。传统的卡通动画制作以及GIF动画都必须将播放过程中的每一帧都绘制出来，而Flash动画那么采用渐变动画的思想。也就是说，Flash只要绘制动画第1帧和最后一帧的内容，中间的帧可以由计算机自动完成，大大简化了动画的制作过程。 (2) 使用矢量图形，文件体积小。在创立同等效果的动画时，Flash动画要比GIF动画小得多。这主要是因为Flash是矢量动画，它能利用数学函数及一定的参数来生成图形，例如，一条抛物线可以用一个一元二次方程来表示，这个方程

9、式就是这条抛物线的矢量表示，绘制这条抛物线只需记录这个方程即可；而GIF动画要生成一条抛物线，那么需要记录这条抛物线上每一个点的位置。因此，矢量动画的体积要比GIF动画的体积小很多。而且，由于矢量记录的是事物的抽象特征，与事物的大小无关，因此矢量动画被放大或缩小时，图像不会产生任何失真或马赛克现象。由于矢量动画的这些特征，使得矢量动画成为了Web世界中最流行的动画格式。 (3) 使用流式播放技术，受下载速度的影响小。Flash动画本身文件比较小，所以浏览者不用花费太多的时间等待下载，更为关键的是，SWF动画文件采用流式播放技术，可以边下载边播放，不用等整个动画全部下载完才能观看，从而减少了用户

10、的等待时间。(4) 强大的脚本交互功能，可以随心所欲制作高品质交互式动画。结合ActionScript的强大编程能力和Flash无以伦比的动画制作能力，Flash可以完全成为一个以动画创作为特长的面向对象的快速应用程序集成开发环境，为用户制作交互式动画和Web应用程序开发提供了平台。2Flash的角色地位通过Flash软件，Macromedia公司确立了一个新的网页动画标准。现在，网上随处可见Flash动画的身影，例如网站广告、导航条、MTV、游戏等。一些追求效果的网站，甚至整个网站都是使用Flash技术来实现的。Flash已经成为互联网多媒体技术的重要分支，引领着矢量动画制作的潮流，成为全球

11、超过600万人为之努力的伟大事业。1.1.4 Flash 8的新增功能及其开展前景自Flash 5开始，Macromedia公司就已经将Flash的开展方向更多更好地移向了多媒体和Web应用开发领域，而不再仅仅局限于交互式动画制作的疆界。Flash 8提供了更强大的表现手法、文本支持、脚本增强和视频支持，主要表现在以下几个方面。1渐变增强 新的控件能够对舞台上的对象应用复杂的渐变，可添加的颜色多达15种，精确控制渐变焦点的位置，并对渐变应用其它参数，简化了应用渐变的工作流程。 2对象绘制模型在Flash以前的版本中，位于舞台上同一图层中的形状图形如果重叠就会相互影响。使用新增的“对象绘制模型创

12、立图形对象时，同一图层上重叠的形状相互独立，再不会发生形状的更改。3FlashType字体呈现方法舞台上的文本对象在Flash创作工具和Flash Player中具有更为一致的外观。在Flash 8中新增了字体的渲染引擎功能，可以对动画文本进行高质量的优化，解决了小字体显示不清楚的问题，有效改善文字的显示状态。 4对补间动画应用缓动控制补间缓动控制可以更好地控制对象的运动速率。使用Flash中新增的缓动控制，可以精确控制在时间轴中应用的补间如何影响被补间的对象在舞台上的运动，可以让对象在一个补间内在舞台上前后移动，或者创立其它复杂的补间效果。 5图形效果滤镜及混合模式新增的“滤镜面板可以为文本

13、、影片剪辑和按钮这三种对象应用图形滤镜效果，例如使对象发光、添加投影以及多种效果组合等，为用户创作特效提供了极大的便利。在“属性面板中可以对影片剪辑应用混合模式，创立复合图像，改变两个或两个以上重叠对象的透明度或者颜色相互关系，从而创造独特的效果。 6视频增强功能 在Flash 8中附带了一个新的视频编码器应用程序，可以方便地将视频文件转换为Flash视频(FLV)格式；视频Alpha通道可以为视频对象使用Alpha通道，从而创立透明效果。 1.2 Flash动画创作流程 1动画前期创意与筹划动画前期创意与筹划对动画作品的整体效果、艺术水准起着决定性的作用，它包括以下几个方面。(1) 明确制作

14、动画的目的与动画主题：明确制作动画的目的、要表达的主题以及要到达的效果。(2) 动画整体风格设计：动画整体风格设计要围绕主题展开，运用美学知识，表达创作者的创作特色。 (3) 确定动画剧情：规划动画场景、动画角色分配、角色的形象设计及表现形式、剧本创作等。(4) 确定动画背景、道具、声音。(5) 分镜头设计：构思动画片段的衔接、特效镜头处理等。 2素材收集与处理做好前期筹划以后，用户要有目的地搜集动画中可能用到的素材，例如图片、声音、视频等。用户要有效地使用各种多媒体资源，节省创作时间，丰富动画效果。 3制作动画有了前期的准备工作后，便可以开始在Flash中制作动画了。掌握动画制作方法和技巧，

15、是Flash动画制作中最为关键的一步。创作者的动画制作水平决定作品最终的品质。 4调试动画为了保证作品的质量，需要对动画进行调试处理。调试动画主要是对动画的各个细节、动画片断的衔接、声音与动画的协调等进行调整，使整个动画效果更加细腻流畅。5测试动画测试动画是对动画的最终播放效果、网上播放效果进行检测，以保证动画能完美地展现在浏览者面前。 6发布动画动画制作并调试好后，还需要将其导出或发布成SWF格式的影片才能播放。也可以根据动画应用场合需要，将动画发布成GIF、HTML等格式。 1.3 体验Flash 8 1.3.1 启动Flash 8在Windows操作系统窗口下，单击【开始】【程序】【Ma

16、cromedia】【Macromedia Flash 8】即可启动Flash 8，其启动界面的“开始页如图1-3所示。界面中占据中央位置的对话框称为Flash“开始页，它用起来很方便，利用这个对话框，可以完成以下5种功能操作：(1) 翻开已有的文档。(2) 创立各种类型的新文档。(3) 利用系统预置的模板创立新文档。(4) 从Macromedia网站下载各种Flash扩展功能及相关信息。(5) 快速访问“帮助资源。 图1-3 Flash 8的“开始页 1.3.2 Flash 8的工作环境在Flash“开始页对话框的“创立新工程一栏中单击“Flash文档，即可创立一个新文档并进入Flash的工作

17、环境，如图1-4所示。 舞台浮动面板组属性面板时间轴工具箱标题栏菜单栏图1-4 Flash 8的工作环境 1舞台舞台的作用与话剧中的舞台很相似，是一个供表演用的场所，也是制作动画的工作场所，所有的Flash动画都是通过舞台展示出来的，只有位于舞台中的元素在播放时才可以被看到。默认方式下，舞台按100%的比例显示，用户可以通过时间轴右上方的舞台视图下拉菜单来选择一个适宜的比例观看动画，如图1-5所示。 图1-5 舞台视图菜单 2时间轴时间轴是Flash动画制作的灵魂，通过组织和控制动画在一定时间段播放的图层数和帧数，到达控制动画的最终表现效果。时间轴是一条代表时间延伸和流逝的时间线。与电影胶片一

18、样，Flash动画由无数的帧构成，每一帧在时间轴上表示为一个小方格，且每一帧对应着舞台上的一个画面。当这些帧快速地连续播放时，就看到了动画。 图1-6 时间轴 1) 图层图层在Flash创作中起着重要的作用，它沿用传统的动画制作思想，将动画元素分布在不同的层上，然后将层叠加起来显示最终的效果。图层的作用具体表现在两个方面。(1) 舞台中不同的元素需要分布在不同的图层上，不同图层上的元素互不影响，方便动画创作期间元素的编辑与管理。一般来说，把背景元素放在最底层，其他前景元素或动画元素分布在不同的图层。编辑某个元素时，只需单击它所在的图层，使之成为当前层。当前层用图标 标识，例如图1-6中的“图层

19、2即是当前图层。 (2) 舞台中不同的运动补间动画需要分布在不同的图层上，因为在一个图层上只能有一个动画实例。 2) 帧Flash动画中的帧分为四种类型：关键帧、空白关键帧、过渡帧和普通帧。 关键帧：所谓关键帧，就是内容非常关键重要的帧，表示动画剧情在此时将发生重大变化。例如眨眼睛动画，睁开眼睛和闭上眼睛这两个状态非常重要，睁开眼睛到闭上眼睛的动画剧情有本质的改变，所以这两个状态就必须制作为关键帧。关键帧在时间轴上以黑色的实心圆显示。 空白关键帧：没有添加任何内容的关键帧称为空白关键帧。空白关键帧在时间轴上以空心圆显示。 过渡帧：在创立补间动画时，起始和结束两个帧必须是关键帧，而中间的帧由计算

20、机自动完成。中间的这些帧就称为过渡帧。 普通帧：普通帧也称为静态帧，它的作用是延伸其左边最后一个关键帧的内容。在时间轴上，关键帧必须在普通帧的前面。前置关键帧的内容显示在随后的每个普通帧中，直至到达右边的后继关键帧为止。例如背景元素在动画中始终保持不变，放置背景元素的关键帧，其右边的后续帧就可以设置为普通帧。 3工具箱工具箱提供了绘制、编辑图形的所有工具。利用这些工具，可以在舞台上轻松地绘制直线、椭圆、矩形、多边形等各种图形，还可以对它们进行编辑和修改。(第2章将详细介绍工具箱的使用。)6“库面板“库面板可以说是用来保管Flash动画素材的一个大仓库。在Flash文件中，把需要重复使用的素材制

21、作为元件，可以为动画的制作带来很大的方便。Flash文件中创立的每一个元件都被保存在“库中，从外部导入的图片、声音等素材也被保存在“库中。“库面板如图1-7所示。(第4章将详细介绍库和元件的使用。) 图1-7 “库面板 7菜单栏Flash 8的菜单栏简洁明了，共有10个菜单项，它们是文件、编辑、视图、插入、修改、文本、命令、控制、窗口和帮助。很多菜单命令同时提供多种快捷操作方式，使用起来非常方便。 1.4 Flash动画入门1.4.1 Flash动画制作原理Flash动画与影视、传统动画一样，都是通过连续播放一组静态画面实现动画效果，每一幅静态画面就是一个帧。播放速度越快，动画越流畅。电影胶片

22、的播放速度是24帧/秒。Flash动画制作方式总的来说分为两种，一种是逐帧动画，还有一种就是补间动画。逐帧动画每一帧都是关键帧，每一帧都需要亲手制作。使用逐帧动画可以制作一些真实细腻的专业动画效果。而Flash擅长的补间动画只需要绘制开始和结束两个关键帧的状态(就是绘制帧的内容，包括形状、大小及位置等)，中间的过渡帧由计算机自动生成，而不用人为地刻意制作。使用补间动画可以轻松创立平滑过渡的动画效果。 Flash动画通常由几个场景组成，而一个场景那么由几个图层组成，每个图层又由许多帧组成，因此，产生动画最根本的元素就是帧，帧是制作动画的核心。如果一个动画元素需要重复使用，可以使用Flash提供的

23、元件功能。元件是Flash中一个非常重要的应用，无论是编辑图形，制作按钮，还是创立动画，都可以使用元件。使用元件不但可以使动画的编辑修改更加方便，使动画的创作更加丰富，还可以使文件的体积大大减小。 1.4.2 Flash动画操作根底下面通过学习一个完整案例的制作，帮助用户理解Flash动画制作原理，初步体验动画创作的根本流程和动画的根本操作。课堂实践 课堂实践 课堂实践 案例1-1：卷轴贺卡案例展示与任务创立Flash文档，设置文档属性，使用随书光盘中“第1章/案例2文件夹下的“边饰.jpg素材，参考该文件夹下的“卷轴贺卡.swf效果文件，制作从上向下逐渐展开的卷轴贺卡，效果如图1-8所示，实

24、例最终效果参见随书光盘中“第1章/案例2/卷轴贺卡.fla。 图1-8 卷轴贺卡 制作分析在制作动画时要注意图层的正确应用，尽量把不同的动画元素放在不同的图层中。动画中使用的动画元素一般要做成元件。本例中卷轴贺卡的卷轴边饰元件通过引用素材加工处理得到，文字、贺卡背景使用工具箱中的工具直接绘制；展开动画效果运用遮罩技术实现。(元件、遮罩技术将在第4章和第6章分别介绍。) 操作步骤1创立新文档在Flash中创立新文档有两种方法，一是在“开始页的“创立新工程一栏中单击“Flash文档；二是选择【文件】【新建】命令，在弹出的“新建文档窗口中单击“常规选项卡，选择“Flash文档。 2设置文档属性展开“

25、属性面板，单击文档“大小按钮 ，弹出“文档属性对话框，如图1-9所示。设置文档尺寸为180400像素，单击“确定按钮。在“文档属性对话框中还可以设置文档背景颜色、帧频等属性。Flash默认的背景颜色是白色，帧频是12 fps，也就是每秒播放12帧。图1-9 “文档属性对话框 3导入素材选择【文件】【导入】【导入到库】命令，弹出“导入到库对话框，如图1-10所示。选择素材文件“边饰.jpg，单击“翻开按钮导入卷轴边饰素材。 图1-10 “导入到库对话框 4制作素材和元件1) 制作卷轴元件把导入的边饰素材制作为“卷轴元件。选择【窗口】【库】命令，翻开“库面板，如图1-11所示。双击“库面板底部的“

26、新建元件按钮，弹出“创立新元件对话框，如图1-12所示。命名新元件为“卷轴，选择元件类型为“图形，单击“确定按钮。 图1-11 “库面板 图1-12 “创立新元件对话框 图1-13 “卷轴元件的图案效果 在“图案层的“锁定栏上单击，锁定“图案层，防止误操作破坏“图案层。单击“底色层上的第1帧，使之成为当前帧。在工具箱中单击矩形工具按钮，在“属性面板中设置笔触颜色为“桔红色，笔触高度为“4，笔触样式为“实线，填充颜色为“红色，“属性面板参数设置如图1-14所示。 图1-14 “属性面板参数设置 在元件编辑窗口沿“边饰图案左上角向右下角拖动鼠标，绘制“卷轴元件的底色，“卷轴元件最终效果如图1-15

27、所示。 图1-15 “卷轴元件效果 5制作动画1) 创立下卷轴的运动补间动画效果(1) 制作上卷轴。新建“上轴图层，从“库面板中把“卷轴元件拖到场景编辑窗口，放在贺卡背景的顶端，按效果图所示适当调整其大小。(2) 制作下卷轴。通过复制上卷轴得到下卷轴。选择选择工具，在上卷轴图形上单击，选中上卷轴实例，单击【编辑】【复制】命令；新建“下轴图层，单击【编辑】【粘贴到当前位置】命令，完成下卷轴的复制。(3) 创立下卷轴从上往下运动的动画效果。运用补间动画制作下卷轴的动画效果，注意补间动画只需要绘制开始和结束两个关键帧的状态，中间的过渡帧由计算机自动生成。在“下轴图层的第30帧上单击鼠标右键，从下拉菜单中选择“插入关键帧命令，使用选择工具把