Flash课件制作入门.doc

Flash课件制作入门Flash是Macromedia公司的三大网页设计利器之一，主要用于网页动画的制作。由于它采用了流控制技术、矢量技术、插件技术、关键帧和渐变技术等一系列新的技术，使得制作出来的动画具有短小精悍、声情并茂以及交互性强等特点，所以一经推出，就受到了广大动画制作者特别是网页设计者的青睐，被广泛用于网页动画的设计、多媒体软件的开发以及广告、电子贺卡、电子名片、Flash MTV、卡通片等的制作，成为当今最流行的软件之一。从以前的Flash 1、Flash 2、Flash 3、 Flash 4，到现在流行的Flash 5，以及最热门的Flash MX，Flash系列软件的功能得到了不断的完善和加强，Flash在网页制作中的应用也越来越广泛。特别是新近推出的Flash MX 2004 更是允许设计人员和开发人员在影片内容中将视频、文本、音频和图形等进行有机的整合，从而使得Flash动画在交互营销、动态演示、电子教学以及应用程序用户界面等领域中获得了更为广泛的应用。由于Flash动画具有体积小、放大后不失真、交互能力强、制作简便、可以边下载边运行、可以输出多种格式的电影文件等诸多优点，使得它在多媒体课件制作中的应用也越来越广泛。Flash课件与以前我们经常用到的PowerPoint、Authorware、FrontPage课件相比具有画面流畅，文件较小，在网络上传输速度快等特点，因此Flash尤其适合网络课件的制作。网站设计人员使用Flash可以创建出导航控件、动画Logo、具有同步声音效果的动画，完整的Flash网页，甚至完全的Flash站点。更为重要的是，Flash可以将很多特殊符号嵌入到文件之中，从而使理工科网络课程制作中的遇到的很多困难都迎刃而解。在理工科课程中，多含有大量的公式，其中包括数学符号、物理量等特殊符号，这些特殊符号在Windows操作系统大多都没有对应的字体，一般需要课件制作人员自行安装字体来解决，但又不能直接将这些特殊符号嵌入到网页中，否则在没有相应字体的客户端浏览器中将不能正确显示，所以必须借助其它的辅助工具将这些特殊符号转化为GIF、JPG等格式的图片，然后再发布于网页中，但排版时又需要用CSS定位，还要结合JavaScript，VBScript等技术来制作，可见操作起来是多么的麻烦和困难。采用Flash制作，则可以轻松克服上述缺点。用Flash 制作的文件，在浏览器中看到的效果和制作时的效果将完全相同，所以在Flash制作的课件中，可以灵活运用各种字体，调整版面结构，使界面变得更加美观。本教程将以Flash 5为基础，通过一个完整Flash课件的制作，引导您一步一步地进入令人神往的Flash闪烁新世界。信息面板调色板面板字符面板实体面板舞台工具箱显示比例时间轴窗口第一节 FLASH 5简介一、FLASH 5的用户界面及常用面板图1 Flash 5 用户界面Flash 5用户界面的主要组成：Stage(舞台):：进行绘画和编辑动画的场所。Tools(工具箱)：由许多创作动画所需的实用工具组成。Timeline(时间轴)：可以有效的组织和控制组成动画的各种元素,使这些元素随着时间的推移而产生各种形式的动感变化，从而最终成为一部生动精彩的动画。Panels(浮动面板) Flash 5有的浮动面板有种之多。Flash 5的这些浮动面板几乎已经囊括了工具菜单的所有功能，绝大部分的操作都可以通过这些浮动面板来轻松实现。熟悉了这些浮动面板的使用方法，就可以在动画创作过程中轻车熟路，游刃有余。1、信息面板（INFO）信息面板显示编辑中各种对象的信息，如图2所示，如类型、大小、位置（坐标）和颜色，以及鼠标的当前坐标等等。当我们改变对象的大小、颜色、位置等属性时，信息面板会即时反映出来。信息面板非常实用的一个功能就是，如果用鼠标拖动不能精确确定对象的大小，或不能精确定位对象在编辑区中的位置时，可以直接在大小输入框或坐标输入框中输入精确到0.1的像素值，来精确确定对象的大小或位置。输入完毕后回车即可使输入生效。 图2 信息面板在通常情况下，Flash 5把几个面板组合在一起，构成一个组合面板标签式面板。这样使用更方便，不至于占去太多的屏幕空间。当然也可以把它们拆分开来，用鼠标按住标签往外拖即可变为独立的面板，要组合时又可以把它拖回去。图2所示的信息面板里就组合了Info面板、Transform面板、Stroke面板和Fill面板。2、填充面板（Fill）填充面板提供了4种填充方式：Solid（纯色填充）、Linear Gradient（线性渐变填充）、Radial Gradient（辐射状渐变填充）和Bitmap（位图填充）。填充面板如图3所示。 图3 填充面板 Solid（纯色填充）选择纯色（单色）填充方式，只能从调色板或屏幕上的任意地方选取一种颜色来填充，如图4所示。图4 纯色（单色）填充方式 Linear Gradient（线性渐变填充）选择线性渐变填充方式，可以使用线性渐变色填充。在线性渐变填充面板中，可以左右移动颜色滑块，调整滑块代表的颜色在渐变色中的位置。单击其中的某个滑块（即选中该滑块），然后单击调色板色块，弹出调色板，从中选取一种颜色，可以改变当前滑块代表的颜色。设置好渐变色后，从工具箱中选择油漆桶工具，即可用设定的渐变色填充图案。如果对自己设置的渐变色感觉满意，需要保存起来供以后使用，可以单击保存按钮，把它保存到颜色样本面板（Color Swatches）中。以后打开颜色样本面板，即可在该面板的下部选用所保存的渐变色。线性渐变填充方式及效果如图5所示。图5 线性渐变填充方式 Radial Gradient（辐射状渐变填充）选择辐射状渐变填充方式，可以得到辐射状渐变效果。设置方法与线性渐变填充相似。辐射状渐变填充方式及效果如图6所示。图6 辐射状渐变填充方式 Bitmap（位图填充）选择位图填充方式，可以使用导入的位图填充图案，得到各种各样的填充效果。位图填充方式及效果如图7所示。图7 位图填充方式3、描绘面板（Stroke）描绘面板用来设置Flash绘画工具（如直线工具、钢笔工具、椭圆工具、矩形工具、铅笔工具等）的笔画样式、粗细和颜色。Flash 5的描绘面板与Flash 4不同的是，调节笔画粗细的方式改用滑杆，且所见即所得，使用更加方便。描绘面板如图8所示。图8 描绘面板单击笔画样式选择菜单的下三角按钮，弹出笔画样式选择菜单。从中选择不同的样式（Flash 5设置了7种笔画样式），然后选择不同的颜色，通过调整滑杆调整笔画的粗细，即可画出不同的描绘效果。描绘效果如图9所示。图9 描绘效果4、转换面板（Transform）图10 变形效果转换面板右下角有两个按钮：应用按钮和复原按钮。单击应用按钮，首先拷贝一份源对象，然后可对拷贝的对象应用转换处理。单击复原按钮，可以撤消最近一次的转换操作。图10所示的是使用应用按钮得到的转换效果。 5、字符面板（Character）使用字符面板（Character Panel），可以检查和设置字体类型、字体大小、颜色、字距、行距和基线移位，还可以设置文本链接，如图11所示。图11 字符面板6、帧面板与场景面板（Frame & Scene）使用帧面板（Frame Panel）很容易设置运动动画和变形动画。使用场景面板（Scene Panel）很容易在场景之间导航场景顺序和管理场景名称，如图12所示。 图12 帧面板与场景面板7、声音面板与实体面板（Sound & Instance）图13 声音面板与实体面板使用声音面板（Sound Panel）可以快速编辑声音和音效，设置循环。使用实体面板（Instance Panel）可以检查动画的图符和实体，如图13所示。 8、效果（Effect）面板与Generator面板使用效果面板（Effect Panel），可以创建矢量图特效，如色彩和透明等。使用Generator面板（Generator Panel）可以设置由Macromedia Generator服务器产生的数据驱动参数，如图14所示。图14 效果面板与Generator面板9、颜色样本面板和混色器面板（Swatches & Mixer）使用颜色样本面板（Swatches Panel）可以管理颜色、实现渐变填充，还可以导入、排序和保存颜色集。使用混色器面板（Mixer Panel）可以按RGB、HSB、Hex方式快速选择颜色，设置Alpha透明，自由地在描绘和填充面板之间切换，如图15所示。图15 颜色样本面板与混色器面板10、其它面板 此外还有：排列面板（Align）、段落面板（Paragraph）、文本选项面板（Text Options)、剪辑参数面板（Clip Parameters）等，这里就不一一介绍了。二、库窗口（library）每个Flash 5文件都有自己的库，库中可以容纳符号、位图、声音和视频文件等元素。这些元素可重复利用，不同文件只要同时处于打开状态也可以相互调用而不会有什么影响。按Ctrl+L键或者选择Window-Library可调出库窗口，其形状如图16所示。库窗口的形状、大小是可以改变的，也可随意把它放置到合适的地方。图16 库窗口 使用某个符号，只需把它从库里拖出来即可。 运用折叠夹很方便，一个夹子相当于一个项目，可以有效地管理符号。要把符号装入夹子或者在两个夹子间换位，只需拖动那个符号就可以了。双击某夹子可以打开/关闭该夹子。要打开/关闭所有的夹子，在库窗口的Option菜单上选择Expand All Folders 或Collapse All Folders 。 某一项元素要更名，可以双击其名称，或者按右键弹出右键菜单，选Rename。 可以通过三角形的按钮对元素进行排序。 三、右键菜单（Context Menus）在工作平台或时间线选定项目后击右键，出现一菜单，上面显示了与所选项目相关的各种操作，如图17所示。图17 右键菜单四、矢量图和位图 在计算机中，图形的显示格式有两种：矢量格式和位图格式。了解一下它们之间的不同可使工作更有效率。Flash 5可创建矢量图形并对其进行动画设置，也可以导入并处理以其他方式创建的位图。1矢量图矢量图通过直线和曲线来描述图形。之所以称之为矢量图，是因为除此之外它还包含了颜色和位置属性。矢量图的形状是由曲线通过的点来描述的，而它的颜色则由曲线的颜色和曲线所包围区域的颜色确定。在对一幅矢量图进行编辑修改时，实际上修改的是其中曲线的属性，可对其进行移动、缩放、改变形状和颜色而不影响它的显示质量。矢量图具有分辨率无关性，这意味着它可在不同分辨率的输出设备上显示，显示质量没有任何下降。2位图位图通过把称作像素的不同颜色的点安排在网格中形成图像。位图成像的原理是通过指定的像素在网格中的排列位置和颜色值形成的，排列方式与拼接图形的方式十分类似。在对位图文件进行编辑时，对象是像素而不是曲线。位图显示的质量与分辨率有关，因为图像的每一个数据是针对特定大小的网格的，对位图进行编辑有可能改变显示的质量，尤其是缩放操作可使图形边缘呈锯齿状，在一个比图形本身分辨率低的输出设备上显示图形时也会使显示质量下降。五、其他概念1帧（Frame）也可称作“影格”，在Flash 5中，帧是构成作品的基本单位。帧中装载着Flash 5作品的播放内容。Flash 5作品的播放和交互操作也是以帧为基本单位进行的。在时间线控制窗口中，每一帧都是由一个动画轨道上的小矩形方格表示的。在Flash 5中，影片由一系列不同内容的帧组成，每帧占用固定的放映时间。在Flash 5中，一般的动画都是依靠关键帧来实现的，用户只需给出一个对象的几个关键动作，生成关键帧，系统就会根据需要在各个关键帧之间自动插入平滑的动画，因此，一个简单的动画可以在几分钟之内自动生成。2层（Layer）在时间线控制窗口中，每一条动画轨道就可以包含一个Flash层，在每一个层中都包含了一系列的帧，每个层所使用的帧是独立的，各层的帧的位置是一一对应的。在播放时，场景上的某一时刻展示的图像，是由所有层中处于播放指针所在位置的帧共同组合完成的。Flash由于使用了层的概念，不同的角色可以出现在不同的层上，但是不会互相干扰。我们可以单独对某一个层进行操作，并且可以看见效果。这样，即使动画已经生成完毕，需要修改的时候也不会遇到任何困难。3场景（Scene）一个Flash 5作品可以由若干个场景组成，每一个场景都可以是一个完整的动画序列。在播放时，场景与场景之间可以通过交互响应进行切换；如果没有交互切换，则在播放Flash 5作品时，自动按顺序播放。Flash动画可以分成多个场景（Scene），在制作复杂动画的时候，可以借助多个场景，而不只使用一个屏幕，而且场景之间可以自由切换。在制作多场景动画的时候，应该尽量考虑场景的使用。4动画（Movie）在制作过程中，按照制作方法和生成原理不同，可以将Flash 5动画分成两种：逐帧动画和渐变动画。渐变画又可以分为两种：移动渐变动画（Motion）和形状渐变动画（Shape）。5“流”式（Streaming）播放这是一个和Flash Player有关的术语，指的是从服务器流向客户机所要求的一股数据流。流式数据和GIF及JPEG文件之间的区别在于，在Flash Player中这些数据是存储在一系列连续的帧里的，只要一个帧里所有数据被接收到后，便可以在后续帧里的数据到达之前就将Flash动画显示在客户机上。因此，这种播放是否流畅就取决于两个因素：每个帧里数据的大小和网络速度是否足够快及稳定。6时间轴（Timeline）它是用来管理层和处理帧的。时间轴是Flash的一大特点，可以分成两部分,左边为层控制区，用于对动画作品中的层的控制；右边为时间线的控制，用于对动画作品的播放进行控制。而Flash动画的播放次序就是通过帧进行控制的。动画开始播放的就是第一帧的内容，一帧一帧按顺序播放，与电影的放映类似，每一帧相当于电影胶片上的一个影格。在以往的动画制作中，通常是要绘制作出每一帧的图像，或是通过程序来制作，而Flash使用关键帧和渐变技术，通过对时间轴上的关键帧的制作，Flash会自动生成运动中的动画帧，节省了制作人员的大部份的时间，也提高了效率。在时间轴的上面有一个红色的播放指针，拖动播放指针可以实现动画的观察。7洋葱皮（Onion Skin）通常情况下，Flash 5在舞台上一次只显示动画序列中的一帧。为了帮助用户更好地定位和编辑多帧的连续动画，可以使用Onion Skin（洋葱皮）。我们同时会看到多帧画面，播放头下边的帧显示为全彩色，而周围的帧却是灰暗的，就如同每一帧都是用半透明的洋葱皮纸绘制而成的，所有的绘图“纸”一张一张相互叠放在一起，显示为灰暗色的帧是不能够编辑的。这就是洋葱皮的作用。Flash 5 正是通过增加新的浮动面板、采用标准的Macromedia用户界面、支持FreeHand图像文件的导入、提供Generator开发工具、改进学习文档和在线帮助、重新设计时间轴窗口、增强资源管理工具和发布命令等方法，大大提高提高了其易用性。第二节 FLASH 5 的工具箱Flash 5的工具箱如下图（图18）所示。图18 Flash 5工具箱下面我们对其中的每个工具依次加以介绍。（注： “”中的字母代表该工具的快捷键。）1 选取工具（Arrow Tool） 选取和移动场景中的图形或组件，选取分为点选和框选，这要看编辑方式和物件种类而定。 Smooth ：使曲线更加平滑。 Straighten ：使曲线趋于直线或平弧线。通过附属选项（Options）既可以 旋转倾斜或 缩放场景中的图形或组件，也可通过浮动面板设定精确的参数。2 次选取工具（Subselect Tool） 与钢笔工具配合使用绘制图形，主要用于修改图形的路径。3 直线工具（Line Tool） 可以在场景中绘制各种长度和角度的直线段，通过图18所示的Stroke浮动面板可以设定线条的色彩、粗细与样式。粗细与样式的设置效果如图19和图20所示。将鼠标移到起点位置，按住鼠标拖拽至终点，释放鼠标即可完成直线的绘制。图18 Stroke浮动面板图19 粗细的设置图20 样式的设置4 套索工具（Lasso Tool） 直线套索 和自由套索 用于选择场景中图形的不规则区域。可以通过附属选项（Options）中的魔术棒 Magic Wand，选取位图中相近的色彩区域；通过Magic Wand Propwertiesk ，可调节色彩容错度（Threshold），输入数值越低，所选取相邻区域范围越小。相反，数值越高，所选范围越大。还可通过Smoothing指定位图边缘平滑度，如图21所示。图21 Magic Wand设置对话框5 钢笔工具（Pen Tool） Flash 5新增工具，通过勾绘路径来绘制图形。6 字符工具（Text Tool） 用于在场景中创建和编辑字符对象，通过浮动面板可以设定字符色彩、字型、大小、样式、对齐方式、段落属性和字距等属性。字符工具浮动面板如图22所示。图22 字符工具浮动面板 7椭圆工具 （Oval Tool） 图23 设定圆形属性用于在场景中绘制（椭）圆形或线框矢量图。按住鼠标左键拖拽时，可以产生椭 图形。如果先按住 Shift键，再按鼠标左键并拖拽鼠标，则产生正圆图形。在绘制正圆或椭圆图形前，可以首先在图23所示的Strock浮动面板选项中设定圆形的线条色彩、线条粗细、线条样式和填充颜色等属性，然后再绘制出满意的椭圆。8矩形工具 （Rectangle Tool） 用于在场景中绘制矩形或线框矢量图。按住鼠标左键拖拽时，可以产生矩形图形，如果先按住Shift键，再按鼠标左键并拖拽鼠标，则产生正方形。和椭圆工具一样，绘制图形前，也可以先通过Strock浮动面板的选项设定矩形的线条色彩、线条粗细、线条样式和填充颜色等绘制属性。9铅笔工具 （Pencil Tool） 用于在场景中绘制各种线形的线段矢量图形。按住鼠标左键拖拽时，可以产生曲线，如果先按住Shift键，再按鼠标左键并拖拽鼠标，则可绘制出直线。绘制图形前，可以先通过Strock浮动面板，在其选项中设定矩形的线条色彩、线条粗细、线条样式、填充颜色。铅笔工具提供三种模式来绘制曲线，如图24所示，其绘制效果分别如图25、图26、图27所示。图24 铅笔工具提供的三种模式 Straighten 模式下的绘制效果。 图25 Straighten绘制效果 Smooth 模式下的绘制效果。图26 Smooth绘制效果 Ink 模式下的绘制效果。 图27 Ink绘制效果 10笔刷工具 （Brush Tool） 用于在场景中绘制任意形状的矢量图形，可以模拟麦克笔或水彩笔的描绘。可通过其附属项调整笔刷大小，改变笔刷形状。笔刷工具和铅笔工具差别不大，但需要注意的是，铅笔工具绘制出的是线段，而笔刷工具绘制出的是图形。11墨水瓶工具 （Ink Bottle Tool） 用来改变场景中矢量线段、矢量曲线以及矢量图形外框线的颜色、粗细和线形属性。如使用椭圆工具、矩形工具、直线工具或铅笔工具所绘制的图形，可以使墨水瓶工具通过Stroke浮动面板来改变绘制的属性。12油漆桶工具 （Paint Bucked Tool） 用来改变场景中填充色块的色彩属性。可通过附属选项 来旋转或缩放颜色，具体的旋转颜色和缩放颜色的效果如图28和图29所示。图28 旋转颜色效果图29 缩放颜色效果 13吸管工具 （Dropper Tool） 可以将场景中已有的对象的一些属性赋予当前的绘图工具，如文字、线条、填色区块，并且可以提供该物体的颜色、线条粗细、样式等相关信息。14橡皮擦工具 （Eraser Tool） 用于清除场景中当前编辑层中的矢量曲线或填充色块。15移动手工具 （Hand Tool） 可以在场景中通过它拖动鼠标来编辑画面。双击工具箱中的移动手工具，可使场景全部显示。16放大镜工具 （Zoom Tool） 可以改变场景中编辑窗口的显示比例。双击工具箱中的放大镜工具，可使场景以100%的比例显示。第三节 基础动画设计实例一、移动动画实例本实例将向读者讲解如何应用Flash 5来实现移动动画的效果。在本实例中，我们将会看到红色的矩形从窗口的左下角向右上角翻滚移动，逐渐由大变小直至消失。本实例的瞬间效果如图30所示。图30 移动动画效果本实例的具体制作步骤如下：(1) 点击菜单中的Modify-Movie命令，在弹出的的对话框中将舞台的大小设置为640px480px，如图31所示。图31 Movie Properties 对话框(2) 点击工具箱中矩形工具 ，在场景中画一个矩形，如图32所示。图32 画一个矩形 (3) 然后利用选取工具全部框选这个矩形，如图33所示。图33 框选这个矩形框选后的图形如图34所示。 图34 框选后的矩形(4) 定义为组件，可点击菜单中的Insert -Convert to Symbol命令，如图35所示。或按快捷键F8，在弹出的Symbol Properties对话框中选择Graphic复选框，如图36所示，单击 按钮。图35 Conver to Symbol命令图36 Symbol Properties对话框 查看图37所示的矩形。图37 定义前状态再查看图38所示的矩形，比较矩形被定义为组件前的状态与定义为组件后的状态有何不同。图38 定义后状态 (5) 选中第20帧 ，插入关键帧，单击菜单中Insert -Keyframe命令，如图39所示，也可按快捷键F6。图39 Keyframe命令 (6) 点击第20帧，拖动组件到任意位置。(7) 点击菜单中的Window-Panels-Frame命令，如图40所示。图40 Frame命令 弹出Frame浮动面板，如图41所示。图41 Frame浮动面板 (8) 在Tweening下拉菜单中选择Motion，如图42所示。或在该层的时间轴上点击鼠标右键，在弹出的右键菜单中选取第一项Create Motion Tween，如图43所示，则这两个关键帧就会被箭头连起来，如图44所示。 图42 选择Motion 图43 选取Create Motion Tween图44 关键帧关联(9) 拖动时间轴上方的红色播放指针 （简称“播放头”），检测动画。也可通过执行菜单中图45所示的Control-Test Movie命令来测试影片（快捷键为Ctrl+回车）。 图45 TestMovie命令 测试后点击屏幕右上角 下边的 按钮，即可回到编辑界面。(10) 我们继续来制作这个动画，先点击第20帧，这时场景中的组件已被选中，选择工具箱中的选取工具 ，在附属选项中选择缩放工具 ，场景中的组件被8个节点框住，如图46所示。选择任一节点将组件变形 ，拖动播放头，观察动画有何变化。图46 组件被8个节点框住 (11) 再次点击第20帧，然后点击菜单中Window-Panels-Effect，弹出Effect浮动面板，如图47所示。图47 Effect浮动面板 在下拉菜单中选取Alpha，调节组件的透明度，如图48和图49所示。 图48 选取Alpha 图49 调节组件的透明度 拖动播放指针，观察动画有何变化。(12) 单击两个关键帧之间任意一处，选择Effect浮动面板中的Rotate选项，如图50所示。其中CW代表顺时针旋转，CCW代表逆时针旋转。我们选择顺时针旋转，Times代表要旋转的次数，输入2，设置结果如图51所示。图50 Rotate选项图51 设置结果 二、曲线运动实例本实例的动画只是一个两点间的直线运动，那么怎样才能做出曲线运动的动画效果呢？具体制作步骤如下：(1) 我们继续上一移动动画实例的制作，首先点击层面板上的 ，增加引导线层。增加后的层如图52所示。图52 增加引导线层(2) 然后在工具箱中选择铅笔工具 ，在场景中画一条曲线，完成后的效果如图53所示。图53 画一条曲线 (3) 选取Layer 1，点击第1帧，拖动矩形至曲线起点，过程如图2所示。点击第20帧，拖动矩形至曲线终点，拖动播放指针，观察动画是否沿曲线运动。图2 拖动过程(4) 按Ctrl+回车键，测试一下影片，这时会发现那条曲线是看不到的，这就是为什么称它为“引导线”的原因。此时，红色矩形已经沿着我们刚才绘制的曲线路径在移动了。那么，能不能通过这个原理做一个让组件沿圆形轨迹运动的动画呢？下面我们就继续做这个动画。(5) 点击引导线层除第1帧外任意一帧，按下键盘上的Del键，将原来的曲线删除，选中工具箱中椭圆工具 ，选择附属选项中的 ，按住它，选中 ，弹出如图3示的调色板。释放鼠标，则 变为 ，表示将要画出的椭圆只有边线。在场景中画一正圆（按住Shift键即可画出正圆），如图4所示。图3 调色板图4 绘制正圆(6) 点击工具箱中放大镜工具 ，选择附属选项中的 ，将曲线放大至最大显示，点击工具箱中选取工具 ，框选一段。(7) 按下Del键，将选中部分删除。选取Layer 1，点击第1帧，拖动矩形至任一断口处，点击第20帧，拖动矩形至另一断口处，按Ctrl+回车键，再测试一下影片三、图形变形动画实例具体制作步骤如下：(1) 点击工具箱中椭圆工具 ，选择附属选项中的 ，按住它，选中 ，释放鼠标，则 变为 ，表示将要画出的椭圆没有边线。(2) 在场景中画一椭圆，如图1所示。图1 椭圆(3) 点击时间轴上第20帧。(4) 插入空白关键帧，可点击菜单中Insert-Blank Keyframe命令，如图2所示。快捷键为F7。图2 Blank Keyframe命令(5) 点击工具箱中矩形工具 ，任意选一颜色，在场景中画一矩形，如图3所示。图3 画一矩形(6) 打开图4所示的Frame浮动面板，在Tweening下拉菜单中选择Shape，如图5所示。图4 Frame浮动面板拖动播放头，观察画面有何变化。可见窗口中的红色的椭圆逐渐变形为蓝色的矩形。 图5选择Shape一个简单的变形动画已经制作完成了。我们也可以通过首先在其他矢量绘图软件中绘制矢量图然后再导入Flash中的方法制作变形动画四、文字变形动画实例具体制作步骤如下：(1) 点击工具箱中字符工具 ，在场景中输入文字“FLASH 5”，如图1所示。图1 输入文字“FLASH 5”(2) 单击第20帧，然后点击菜单中Insert-Blank Keyframe命令，或按下键盘上的F7键，插入空白关键帧。接下来再输入另外一些文字，如图2所示。图2 输入文字“字体变形”现在，在Frame浮动面板中选择Tweening下拉菜单中的Shape，拖动播放头，我们会发现画面并没有动，这是因为两个关键帧中的还是文字，而不是图，那么怎样才能把文字变成图形呢?(3) 选中第1帧，点选菜单中Modify-Break Apart命令，如图3所示。快捷键为Ctrl+B。图3 Break Apart命令执行命令后文字效果如图4所示。图4 击碎“FLASH 5”的效果(4) 选中第20帧，重复执行Modify-Break Apart命令或按Ctrl+B键，击碎“字体变形”的效果如图5所示。图5 击碎“字体变形”的效果(5) 选择Frame浮动面板中Tweening下拉菜单的Shape命令。(6) 拖动播放头，观察画面有何变化，可见文字首先由原始的“FLASH 5”渐变为最终的“字体变形”。五、 感反弹球体动画实例具体的制作步骤如下：(1) 选择菜单Insert-New Symbol命令，如图2所示。图2 New Symbol命令弹出图像属性对话框，如图3所示。在Name栏中输入Ball，选择Graphic项。图3 图像属性对话框设置完毕后，点击OK按钮，进入图像编辑模式。(2) 选择工具箱中的椭圆工具 ，设置为无边框 ，执行Window-Panels-Fill命令，打开Fill面板，在下拉选单里选择Radial Gradient选项，如图4所示。图4 Radial Gradient选项进入自定义颜色对话框，定义颜色，颜色设置如图5所示。 图5 设置颜色(3) 移动鼠标至页面中的适当位置，按住Shift键，拖动鼠标画出一个正圆形，如图6所示。图6 画出一个正圆形(4) 用同样的方法，新建一个图像组件并将其命名为Shadow，绘制正圆，使用缩放工具将其压扁，设置与效果如图7所示。图7 设置与效果(5) 将场景切换到场景1，按Ctrl+L键打开图库窗口，将图像Ball拖入场景，依照如图8所示的Info面板中的信息为其设置位置。图8 图像Ball的信息(6) 在第13、17、21、29、35帧处插入关键帧，根据图9所示的内容，分别在Info面板中为插入的关键帧设置参数。 第13帧 第17帧 第21帧 第29帧第35帧图9 关键帧参数设置(7) 按住Ctrl键，选中第5帧到第32帧，点击右键，选择 ，制作移动动画，工作区设置如图10所示。图10 帧工作区(8) 新建一层Layer 2，并把它拖到Layer 1下方。从图库中拉入图像组件Shadow，设置Info面板中的参数，如图11所示。图11 Info面板设置参数这样做是为了使之与图像组件Ball同步运动。再分别在第13、17、21、29、35帧处插入关键帧，根据图12所示的内容，分别在Info面板中为插入的关键帧设置参数。 第13帧 第17帧 第21帧 第29帧第35帧图12 第二次插入关键帧的参数设置(9) 按住Ctrl键，选中第5帧到第32帧，点击右键，选择 ，制作移动动画，工作区设置如图13所示。图13 工作区设置(10) 选择菜单Control-Test Movie，测试动画效果，动画效果如图14所示。图14 动画效果第四节 蒙板动画设计实例一、探照灯蒙板动画实例(1) 按Ctrl+N键或通过菜单上的File-New命令，建立一个新页面，如图1所示。图1 新建页面(2) 通过菜单上的Modify-Movie命令（图2）或通过按Ctrl+M键来弹出影片属性对话框，如图3所示。 图2 Movie命令 图3 影片属性对话框设置场景背景色，在Background选项中选择黑色，如图4所示。Frame Rate选项代表每秒钟播放的帧数，默认为每秒钟12帧，Dimensions选项代表影片的宽和高。 图4 场景背景色选择黑色在执行Modify-Movie命令后，出现“Movie properties”对话框，其中有以下几点需特别说明： 在帧频文本框中，输入播放动画时每秒显示的帧数。对绝大多数用于计算机显示的动画尤其是网页动画而言，每秒8到12帧就足够了。 在幅面大小设置上要说明的是，幅面大小可用像素来衡量，在对话框中“Dimensions”所在行的“Width”和“Height”文本框中可分别输入像素值以确定幅面大小，默认的幅面大小为：550像素400像素，最小幅面为：18像素18像素，最大幅面为：2880像素2880像素。 如果想使用网格工具，可输入网格间隔值，为网格线选定一种颜色，并选中“Show grid”复选框。 此外，在该对话框中还可以改变背景色和度量单位。(3) 选择工具箱中的字符工具 ，在场景中单击鼠标，输入一些文字 。单击屏幕右下角的 中的 ，弹出Character浮动面板，如图5所示，在其中设置字体属性。图5 Character浮动面板(4) 为了确保在其他电脑上播放时不会出现乱码，我们按Ctrl+B键将这些字打散，效果如图6所示。现在场景中存在的已经不是字，而是图形了。这样就不必担心在其他电脑上播放时，因为没安装这种字体而出现错误了。图6 打散文字(5) 为了让图形在以后的30帧中一直存在，单击第30帧，按下F5键插入空白帧，如图7所示，这样在第1帧到第30帧时，刚才做的图形一直都存在。图7 在第1帧到第30帧间的图形位置(6) 单击图层面板中的 增加一层。(7) 选择工具箱中的椭圆工具，去除边框，选除黑色以外任意一种颜色，按住Shift键，在场景中图8所示位置绘制一正圆，这时图层的情形如图9所示。图8 绘制一正圆图9 图层的情形(8) 选择工具箱中的选取工具 点选正圆，点选后正圆如图10所示。图10 点选正圆按下F8键，或点击菜单中Insert-Convert to Symbol命令，将其定义为组件。点选选图像（Graphic），点击 。(9) 单击图层2第30帧，按下F6键。这时将场景中正圆拖至右侧。(10) 在图层2两个关键帧之间任意一处点击鼠标右键，选择第一项 ，这时图层的情形如 所示。拖动播放头，观察圆形是否移动。如不动，检查前面哪一步制作出现了错误。(11) 在图层面板的Layer 2上，点击鼠标右键，在弹出的右键菜单中选择Mask，如图11所示。这时图层的效果如图12所示。图11 Mask图12 图层效果拖动播放头，观察动画效果，按Ctrl+回车键测试影片，将会看到本实例的动画效果。二、 光蒙板动画实例(1) 首先按Ctrl+N键或通过菜单上的File-New命令建立一个新页面，通过菜单上的Modify-Movie 或通过按Ctrl+M键，弹出影片属性对话框，设置场景背景色，在Background选项中选择黑色。选择工具箱中的字符工具 ，在场景中单击鼠标左键，输入文字 。单击屏幕右下角的 中的 弹出Character浮动面板设置字体属性。(2) 按Ctrl+B键将这些字打散，打散效果如图1所示。 图1 文字打散效果(3) 单击第30帧，按下F5键插入空白帧，单击图层面板中的 增加一层，并将其拖拽至Layer 1下方，这时图层的情形如图2所示。图2 增加一层(4) 选择工具箱中的椭圆工具，去除边框，选 中任意一种颜色，按住Shift键在场景中图3所示位置绘制一正圆，这时图层的情形如图4所示。 图3 绘制一正圆图4 图层的情形(5) 选择工具箱中的选取工具 ，点选正圆，效果如图5所示。图5 点选正圆按下F8键，或点击菜单中Insert-Convert to Symbol命令，将其定义为组件。点选图像（Graphic），点击 ，定义后效果如图6所示。 图6 点选图像(6) 单击下面一层第30帧，按下F6键，将场景中正圆拖至右侧，拖动后的状态如图7所示。 图7 拖动后的状态(7)在图层2两个关键帧之间任意一处点击鼠标右键，选择第一项 ，这时图层的情形如图8所示。拖动播放头，观察圆形是否移动。如不动，检查前面哪一步制作出现了错误。图8 图层2状态(8) 在图层面板的上面一层上，点击鼠标右键，在弹出的右键菜单中选择Mask，这时图层的情形如图9所示。图9 图层1状态(9) 拖动播放头，观察动画效果。按Ctrl+回车键测试影片。本实例到此已经制作完毕，读者可将它与上一个动画比较一下，看看有何不同。三、激光蒙板动画实例(1) 按Ctrl+N键或通过菜单上的File-New命令建立一个新页面，通过选择菜单上的Modify-Movie命令或按Ctrl+M键，弹出影片属性对话框，设置场景背景色，在Background选项中选择黑色。选择工具箱中的字符工具 ，在场景中单击，输入文字 。(2) 单击屏幕右下角的 中的 ，弹出Character浮动面板，设置字体属性，颜色设置为深蓝，字体选择较粗字形，然后按Ctrl+B键将其打散。接着选择工具箱的 Ink Bottle工具来制作轮廓。因为要做Mask，所以颜色无所谓，但不要选择黑色，以免与背景混淆，在此选择的是白色。设置好以后文字的效果如图1所示。图1 文字设置后的效果(3) 选择箭头（Arrow）工具，并按Shift键将蓝色的文字一一选中，注意不要选到轮廓线，选中后文字如图2所示。按下F8键，将其定义为图像组件，接着按下Del键，将其删除，现在场景中只剩下字形的线了，这个组件依然在，只是我们现在还用不到它，如图3所示。图2 选中后文字图3 定义为图像组件(4) 在Flash 5中，线（Line）是不能做Mask效果的，所以要先将其转化成图形。用选取工具框选所有文字轮廓线，选择Modify菜单下Shape子菜单的Convert Lines to Fills命令，将轮廓线转换为图形，如图4所示（如果在以后的制作中想给线段填一个渐变色，请如前所述，先将线段转化成图形）。图4 Convert Lines to Fills命令(5) 接着我们要做轮廓线的Mask动画，为了实现无规则效果，每个文字都需要单独做。框选中其中一个文字的轮廓线，按下F8键，在弹出的对话框中选择Movie Clip，将其定义为影片片段，接着按下Del键，将其删除，其他文字用同样方法依次制作。(6) 按下Ctrl+L键或点击屏幕右下角 中的 ，打开图库，如图5所示，可见刚才定义的组件并没有删除，它们都在图库里，双击组件名称前面的小图标即可进入该组件的编辑界面。图5 图库(7) 我们以文字“G”为例说明其制作过程。进入文字“G”的编辑界面，然后建立一个新层，点击第7帧，按下F5键插入空白帧，为了编辑方便，点击层面板Layer 1右侧的第二个 将Layer 1锁定（再次点击即可解除锁定），锁定状态如图6所示。图6 图层锁定状态(8) 将Layer 2拖至Layer 1之下，使其处于轮廓线层之下以便用来做Mask的过度。选择矩形工具，去除边框线，画一长方型。选择工具箱中的矩形工具，去处边框，点击菜单中Window-Panels-Fill，弹出Fill浮动面板，选择下拉菜单中的Linear Gradient。(9) 在 中点击右边的 ，选择一个相对较亮的蓝色来表示电流（色彩参考：R为58、G为60、B为239）。将左边的滑杆 拖到1/2的位置 ，然后画一矩形矩，矩形大小和填充