第一部分Flash5.0的基本概念

第一部分Flash5.0的基本概念

Flash5.0是Macromedia公司非常受欢迎的产品。它是一种用于制作和编辑动画和电影的软件，用它可以制作出一种扩展名为.swf的动画文件。这种文件可以插入HTML里，也可以单独成为网页。它可以在使用很少字节量的情况下，实现高质量的矢量图形和交互式动画的制作。FLASH制作的这种动画可以在所有安装了ShockwaveFlash插件的浏览器中播放。一、基本功能

1.具有较强的矢量绘图和动画制作功能，图像质量高。制作的动画和网页数据量小。

2.导入和发布功能强。可以导入点阵图、QuickTime格式电影文件和MP3音乐格式文件等，可发布MP3音乐格式文件等；

3.插件的工作方式。只要机器内有安装了ShockwaveFlash插件的浏览器，即可观看Flash动画。采用“流技术”播放Flash动画，文件没有全部下载完就可观看已下载的内容。4.新增了许多功能强大的ActionScript函数、属性和目标对象。5.采用了与Javascript类似的语法结构，以及新的文本编辑区和调试区。可进一步提高程序的开发能力，开发更多的可扩展的工具，用来开发Web应用程序。6.ActionScript编辑器允许有两种模式：普通模式和专家模式。所有的脚本程序均可从外部脚本文件调入，外部的脚本文件可以使任何ASCII码编写的文本文件。二、重要的基本概念

1.舞台：是绘制和展示图形和编辑图形、图像的矩形区域，也是创建和展示电影动画的区域。舞台中有一个白色的矩形区域，是舞台的工作区。

2.场景：在电影中或话剧中，经常需要更换场景。在Flash电影中，舞台只有一个，但在演出过程中，也可以更换不同的场景。每个场景都有名称，在舞台的左上角给出了当前场景的名称。

3.符号：在电影中常会遇到一个演员要出场多次，甚至会在一个场景中多次出现，同一个演员做许多不同的事情。我们制作动画时，也会遇到某个对象在舞台中多次出现的情况。如果把这种对象的每次出现都分别制作，既费事又增加动画文件的大小。为此，Flash设置了一个库，将这样的对象放置其中，形成符号。在需要符号上场时，只需用鼠标将该符号拖拽到舞台中即可。4.实例：符号拖拽到舞台中后形成的对象，是符号的复制品，称为实例。5.图层：图层就相当于舞台中演员所处的前后位置。在空间上，设定了对象演出的位置。图层靠上，相当于该图层的对象在舞台的前面。在同一个纵深位置处，前面的对象会挡住后面的对象。

7.时间轴：规定动画演出的时间长度。在时间上，规定演员出的场次序。

8.图库：是存放符号的仓库。

四、认识Flash5的工作环境菜单栏工具栏工具箱舞台状态栏控制面板时间线窗口Flash5应用程序窗口绘图工具栏控制器选取工具直线工具铅笔工具椭圆工具铅笔工具墨水瓶工具滴管工具掌形工具次级选取工具套索工具文字工具矩形工具笔刷工具油漆桶工具橡皮擦工具放大工具边框颜色填充颜色选项区用来播放制作的动画认识Flash5的工作环境时间线窗口添加层添加导线层显示/隐藏层锁定层外框显示帧的显示设定删除层洋葱皮操作按钮

在时间线窗口的状态显示条上，有三个数据：1、12.0帧、0.0秒，它们分别表示当前动画所处的场景、帧速率和动画的长度。洋葱皮按钮组的作用是在你想看某一帧时，把左右邻近的两帧或多帧内容也以一定的灰度显示出来，并可以根据自定义的范围，进行多帧编辑。认识Flash5的工作环境认识Flash5的工作环境Flash的时间窗口：时间轴窗口右上角的可以用来调整时间每个单元格的宽窄大小，各人可根据自己的喜好，动画的长短等因素进行修改，以便于实际操作。另外，我们还注意到在时间轴窗口中帧的表现形式也很多样。在Flash中，有两类动画，一类是渐变动画，通过创建关键帧到关键帧的过渡动画的方法实现；另一类为帧-帧动画，是将每一帧都作为关键帧的动画，用来实现无法用渐变动画实现的效果，但一般不推荐频繁使用，因为关键帧的增加将加大动画文件的大小。以下列出了区分这两类动画的所有可能的方法：空心小圆圈表示空白的关键帧，没有内容，例如在新建一个动画文件时出现。表示运动渐变动画，关键帧用黑色的圆点标识，内插帧用黑色的实线表示，背景为淡紫色(浅蓝色)。表示变形过渡动画，关键帧用黑色的圆点标识，内插帧用黑色的实线表示，背景为淡绿色。虚线说明中间的过渡存在错误，无法正确实现内插。

单独的关键帧为一黑色圆点，后面为灰色表明其后各帧的内容与其一致，没有变化。字母a表示该帧已通过帧属性对话框指定了动作。小红旗表明该帧有标签或注解。Flash的层：关于图层(Layer)的概念，学过Photoshop的人都不会陌生。形象地说，图层可以看成是叠放在一起的透明的胶片，如果层上没有任何东西的话，你就可以透过它直接看到下一层。所以我们可以根据需要，在不同层上编辑不同的动画而互不影响，并在放映时得到合成的效果。使用图层并不会增加动画文件的大小，相反它可以更好帮助我们安排和组织图形，文字和动画。图层是Flash中最基本而且重要的内容，因而需要很好地掌握。

左图是一个典型的图层例子，图中所示共有十一个层。其中用黑色标识带有一支铅笔标志的层为当前正在编辑的层。如果该层不能被编辑，则会显示图标。在这些层右上方有三个图标，其中可以控制该层是否被显示，默认状态为正常显示，在对应下方用表示，如果点击这个黑点，则会出现，同时该层被隐藏，隐藏的层不能被编辑。用来控制是否锁住该层，被锁住的层可以正常显示，但不能被编辑，这样在你编辑其它层时，可以利用这一层作参考，而不会误改了这一层的内容。可以控制是否将层以轮廓线方式显示，点击对应的黑点，会出现，再点一次恢复正常。这几个功能可以同时起作用。

点击层下方的可以在当前选中的层上方新建一个层。的作用是新建一个导向层，关于导向层的概念我们以后再说。用来删除当前选定的层，注意点击这个图标就会立即把当前层删掉，没有提示。双击任何一个层都可以选中该层并进入更换图层名称的状态，把图层命名为与编辑内容相关的名称将有利于我们的工作。当我们选中了某一层的同时，也就选中了所有该层上的对象。按住SHIFT键，我们可以同时选择多个图层。另外要注意的是，层的排列是有顺序的，最上面的层是你所能看到的最接近你的层，其上的内容将遮盖其它层，但你也可以通过用鼠标拖动的方式改变层与层之间的排列关系。

每一层上的图标和文字都称作是该层的属性，我们也可以通过在某一层点鼠标右键，在菜单中选属性来进行修改，在类型一栏中一共有五个选项，普通图层，也是图层的默认状态。导向图层，其作用是辅助其它图层对象的运动或定位，例如我们可以为一个球指定其运动轨迹。另外也可以在这个图层上创建网格或对象，以帮助对齐其他对象。被导向图层，该选项在上一层为一导向层或被导向层时才有效。当该项被选择时，所代表的层与导向图层将产生某种关联。注意，在没有被导向层时，导向层用来表示，有被导向层以后，导向层的标识将变为。遮罩层中的对象被看作是透明的，其下被遮罩的对象在遮罩层对象的轮廓范围内可以正常显示。遮罩也是Flash中常用的一种技术，用它可以产生一些特殊的效果，例如探照灯效果。遮罩层的标识为，当定义一层为遮罩层时，其下的一层会自动定义为Masked，也就是被遮罩层，当然也可以通过属性进行修改。在其上一层为遮罩层或被遮罩层时才有效。被遮罩层的标识为并缩进。控制面板组在Flash5中包含了十多个控制面板，主要用于设置绘图工具的有关参数或对对象进行辅助编辑。可以将这些控制面板组合在一起，也可以将它们分开。Flash5中的面板可以从窗口菜单中调出。认识Flash5的工作环境

三、动画制作步骤

1.启动“新影片”，设置合适大小的场景；

2.制作动画用的所有组件(共有三类：影片剪辑、按钮、图形)；

3.在场景中逐一让组件上场表演；

4.保存影片。第二部分动画制作基本技术在Flash5.0中，制作动画的基本技术主要包括：

1.位置移动动画的制作

2.旋(翻)转动画的制作

3.移动、旋(翻)转动画的制作

4.大小变化动画的制作

5.颜色渐变动画的制作

6.形状渐变动画的制作六个部分。Flash5中Motion(运动过渡动画)与Shape(形变过渡动画)的区别

动画实际上是一系列静态图片快速连续播放，早期动画的制作是通过手工一张张绘制，这样较费时，但效果非常不错，这种方法通常被称为逐帧动画。在Flash5中也可通过一张张绘制图片来形成动画，但很多动画不需一帧帧地制作。利用Flash5提供的内插动画，只需绘制出两个关键帧中的图像即可，至于中间的过渡图像就可通过内插自动产生。Flash5提供了两种内插方法，即运动过渡动画和形变过渡动画。这两种动画的共同之处在于。都需要制作两个关键帧，这样才能在两个关键帧之间添加内插效果。#制作运动过渡动画：必须保证两个关键帧中的图像为同一个符号的两个实体或是图形组。#制作形变过渡动画：必须保证两个关键帧中的图像为矢量图形。如果不能保证以上两点，则不能够产生正确的内插效果。例：“我和你”三个字由大到小旋转着出现在场景中，并且在由大到小的变化过程中文字的颜色也由浅入深地显示出来。一、用运动过渡动画方式制作1、打开Flash5，新建一图形组件2、回到场景，按Ctrl+L将组件调入场景3、在第25帧插入关键帧4、选中第1帧，用工具条中的将组件放大。5、在组件上点右键弹出帧面板。如图设置。并在效果面板中将Alpha值设置为0。6、按Ctrl+Enter测试动画。二、用形变过渡动画制作1、新建一Flash文件，在主场景中输入“我和你”三个字。2、由于是制作形变动画，因此每个关键帧的图像必须是矢量图，所以，选中这个文本，按Ctrl+b将文本打散。3、在主场景的时间面板选中25帧，插入关键帧。4、选中第1帧，用工具栏上的“比例”工具将图形放大。5、选中窗口菜单栏中的调色板面板，将Alpha值设为0。6、按Ctrl+F调出帧面板。变化一栏选择“图形”，此时，时间线面板如图所示，两个关键帧之间产生了一个箭头，并且背景变为淡绿色。7、按Ctrl+Enter测试动画。

比较两个动画的区别之后，会发现运动过渡动画可实现旋转效果，而形变过渡动画不能实现旋转效果。但这并不是它们之间的本质区别。本质区别还是运动过渡动画：必须保证两个关键帧中的图像为同一个符号的两个实体或是图形组;形变过渡动画：必须保证两个关键帧中的图像为矢量图形。例：滴水效果

1、用铅笔工具建立一背景为兰色，线条为白色的水滴组件如图：2）点击工具栏中的油漆桶工具，设置其填充颜色为从淡蓝色到白色的渐变。（渐变的设置在填充面板）4）切换到场景1，从图符资料库中拉入组件1，适当调整其位置，在第7帧处插入一关键帧，适当调整位置，建立运动渐变路径。

5）新建一图层Layer2，在第7帧处插入一关键帧，从图符资料库中拉入图符：bo，调整其位置为如图所示：

6）在第二层36帧处插入一关键帧，设置该帧中图符的Alpha值为0，用比例按钮放大圆形，建立渐变路径(创建动画动作)。

Alpha设置在效果面板中设置7）新建图层Layer3、Layer4、Layer5、Layer6，复制Layer2中的帧到各层中。

8）制作结束，观看效果六、形状渐变动画的制作制作效果

制作步骤：

1.设置“新影片”尺寸大小为700*300象素；

2.利用工具栏在图层1的第1帧输入文字“形状渐变”(文字大小、颜色设置合适即可)，并按快捷命令^B(或选择菜单中的“修改”→“分解组件”)，使其成为如下形式：例1：3.在第40帧位置插入一个空白关键帧，并利用工具栏在第40帧位置画上一个园，同样按快捷命令^B分解其图形成如下形式：4.鼠标右键单击第1帧，选择该快捷菜单中的“面板”→“帧”，如上图所示，调出其浮动面板，选择“变化”中的“图形”，此时会发现时间轴上已生成了中间动画，如右图。园分解后的形式浮动面板形式

到此，动画制作结束，可用播放键播放该动画。制作实例:制作过程例2：字母的变形1.按Ctrl+M,设定动画的大小为50pxX100px，背景白色；

3.鼠标点在时间轴的第一影格上，

4.选择文字输入工具，TimesnewRoman字体，选择60大小，选择蓝色；

5.在底板上打上字母“A”；

6.选择箭头工具，然后按Ctrl+b，打散字母，可以看到字母变灰色网格

7.鼠标点在时间轴的第10影格处，按F7插入一空白关键帧；

8.用文字输入工具在底板上继续输入“B”,覆盖在字母“A”上，Ctrl+b打散

9.同样方法，分别在20,30,40影格处打上字母“C”,“D”,“E”，并用Ctrl+b打散；

10.下面是变形的关键一步：用鼠标右键击第一影格的黑色圆点，跳出一帧控制面板。如图设置即可；

11.这时可以看见时间轴的第1影格到第10影格间产生一条绿色箭头线；

12.用同样方法处理第10、20、30、40帧处。

制作过程第三部分高级动画制作技术本部分内容共包括：1.遮色动画的制作

2.图形的导入3.轨迹动画的制作4.多媒体动画制作四个方面。一、遮色动画的制作所谓遮色动画是指透过遮罩图层内的图形看到其下面图层的内容的一种动画。制作步骤：

1.设置场景大小为780*200像素；

2.制作两个组件。一个为汉字(绵阳师范学院)组件，一个为图片组件。要求图片组件不要太宽，但应尽可能长；第二个组件的颜色一定要有过渡。

3.将场景中的“图层一”更名为“遮件”；

4.增加“图层二”并更名为“文字”；

5.从图库中拖出组件一至文字图层的第1帧,并放置在场景的正中央；

6.在文字图层的第60帧位置插入一个关键帧；

7.从图库中拖出组件二至遮件图层第1帧，并使组件二图片的右端与组件一的左端对齐；

8.在遮件图层的第60帧位置插入一个关键帧，并移动组件二图片，使其左端与组件一的右端对齐；

9.在遮件图层的第1帧与第60帧之间的任意位置点击鼠标右键，调出快捷菜单，选择其中的“创建动画动作”；

10.在文字图层的“文字”字后点击鼠标右键，调出快捷菜单，选择其中的“遮蔽”。至此，整个动画全部制作完毕，可按播放键浏览效果。例2：如何制作灯光效果1.按Ctrl+M,设定动画的大小为400X100，背景黑色；

2.制作组件1：白色的“灯光效果”组件2：黑白渐变的圆；3.将场景中的“图层一”更名为“背景”；4.增加“图层二”并更名为“前景”；5.从图库中拖出组件一至前景图层的第1帧,并放置在场景的正中央；6.在前景图层的第30帧位置插入一个关键帧；7.从图库中拖出组件二至背景图层第1帧，并使组件二图片的右端与组件一的左端对齐；8.在背景图层的第30帧位置插入一个关键帧，并移动组件二图片，使其左端与组件一的右端对齐；

9.在背景图层的第1帧与第30帧之间的任意位置点击鼠标右键，调出快捷菜单，选择其中的“创建动画动作”；10.在前景图层的“前景”字后点击鼠标右键，调出快捷菜单，选择其中的“遮蔽”。至此，整个动画全部制作完毕，可按播放键浏览效果。

二、图形的导入在Flash中导入图形有两种场合：其一是在制作组件时，导入的图形作为组件使用；其二是在场景中导入的图形可作为场景背景使用。导入的方法：在需要导入图形的地方，选择菜单中的“文件”→“导入”(或直接按Ctrl+R命令)，即可调出“导入”对话框。如下：在此对话框中即可选取所需图形文件Flash5.0支持的图形格式有：位图图形转化为矢量图的方法：1.单击修改→分解组件命令，即可将选中的点阵图打碎。2.单击修改→描绘位图命令，弹出“描绘位图”对话框，设定参数后，即可将选中的点阵图打碎。三、制作对象的运动轨迹动画运动的轨迹，可以是规范的，也可以是任意曲线。下面以一个球体沿一条任意曲线一边移动一边旋转为例来介绍线索动画的制作方法。制作步骤：

1.设置新影片的大小为500*400像素；

2.制作组件。一个球体,调整位置，对齐中心位置；

3.在场景中，将图层一更名为：运动对象;4.在运动对象图层的第1帧位置拖入图库中的组件，放置到合适位置，并在其第80帧位置插入一个关键帧；

5.选择菜单中的“插入”→“运动引导线”，此时在图层位置会插入一个“引导线”图层；

6.选中“引导线”图层，选取工具栏中的铅笔工具，在场景中任意画一条曲线作为导引线(线索)；

7.选择“动画对象”图层的第1帧，将组件拖至导引线的起始端；8.用鼠标右键单击“动画对象”图层的第1帧，调出其快捷菜单，选择其中的“面板”→“帧数”，设置调出的“帧数”面板中的“变化”为“动作”，并选中“比例”、“使路径适应”、“同步”、“吸附”四个复选框；

9.选中“动画对象”图层的第120帧，将组件二拖至任意曲线的末端。

例2：月亮绕着地球转，地球绕着太阳转1.设定动画的大小为550X400，背景白色；2.

制作图形组件一，命名为月亮3.制作影片剪辑组件二，在标题图层的第1帧位置拖入图库中的组件一，放置到合适位置，并在其第30帧位置插入一个关键帧；4.选择菜单中的“插入”→“运动引导线”，此时在图层位置会插入一个“引导线：动画对象”；5.选取工具栏中的铅笔工具，在场景中画一空心椭圆作为引导线(线索)；6.选择图层1的第1帧，将组件一拖至引导线的起始端；第30帧将组件一拖至引导线的末端7.在任意帧的位置单击右键，选“创建动画动作”，至此组件二完成8.返回场景，将将图层一命名为太阳，并在第一帧画一红色圆形，在其第120帧插入帧9.增加图层二，命名为地球，在第1帧位置拖入组件二，放置到一个任意位置，并在第120帧位置插入一个关键帧；10.选择菜单中的“插入”→“运动引导线”，此时在图层位置会插入一个“引导线：图层11.选取工具栏中的椭圆工具，在场景中画一空心椭贺作为导引线(线索)；12.选择地球图层的第1帧，将组件二拖至引导线的起始端；第120帧将组件二拖至引导线的末端13.在任意帧的位置单击右键，选“创建动画动作”至此，整个线索动画宣告制作结束。注意：为了方便调整起点和终点，可以用橡皮擦工具将椭圆擦出一小的缺口完成四、多媒体动画制作在播放动画的同时可以播放声音，从而制作出多媒体动画。制作步骤：

1.在制作完毕动画的基础上，选择菜单“插入”→“图层”，并命名图层为“音乐”；

2.用鼠标选中“音乐”图层的第1帧，选择菜单“文件”→“导入”，选择一个声音文件；

3.用鼠标右键单击“音乐”图层的第1帧，选择“动作”，调出“声音”面板；

4.将其中的“声音”设置为刚才选中的声音文件。至此，多媒体动画及宣告制作结束。制作过程第四部分交互式动画制作技术交互式动画主要用着菜单类动画的制作。例1：按我我会变色1.按Ctrl+M,设定动画的大小为200X160，背景黑色；

2.建立一个按钮组件,这时会看见原来时间轴的地方变为。3.点击“向上”下面的小圆点，画一个兰色圆形渐影圆.4.鼠标点击”经过”下面的影格，插入一个关键帧。选择油漆桶工具，在调色板下拉色板里选择红色圆形渐影，5.同样，鼠标点击”向下”下面的影格，插入一个关键帧。选择油漆桶工具，在调色板下拉色板里选择黑白色圆形渐影，6.建立一新图层；在图层2上点击“向上”下面的影格。选择文字工具，白色，黑体，大小为16，在兰色小球下输入“按我”。7.在图层2上点击“经过”下面的影格。插入一空白关键帧，选择文字工具，白色，黑体，大小为16，在红色小球下输入“我会变色”。

8.在图层2上点击“向下”下面的影格。插入一空白关键帧，选择文字工具，白色，黑体，大小为16，在黑白小球下输入“谢谢！”。9.返回场景，Ctrl+L调出组件，将它拖到场景中。10.作品完成，按Ctrl+Enter观看效果。

接下来我们用按钮来控制动画的运动，在这里要加入一些简单的Action语句例2：让我来控制你制作步骤：

1.启动新影片并设置其大小为350*350像素；

2.制作两个椭圆形按钮组件，并分别在其上面标上“play”、“stop”字样。