FLASH授课讲义

第一章 基本操作与位移动画制作

1、本课程的特点

学习时要注意以下几个方面

第一， 我们是以flash cs4 这个版本进行讲解的，建议大家学习时也用同样的版本，保持统

一性；

第二， 教学方法采用理论和案例相结合的方式；有的章节先讲理论知识，然后做几个动画，

还有的是一边讲动画，一边讲理论知识。

第三， 教学模式采用：短平快模式。即利用最短的时间，教大家flash中最常用和最实用的

一些命令，让大家迅速掌握flash这个软件。

2、flash cs4软件界面介绍

先启动flash软件，先进入欢迎界面，然后新建一个文件，就可以进入软件的操作界面。 标题栏，菜单栏，舞台（做动画的地方），时间轴面板（由图层和帧两个部分组成），属性，库面板，工具箱。

舞台太小，是因为面板太多，太大，怎么把舞台调大？

双击“时间轴”文字，可以把时间轴面板折叠起来，再双击，恢复。属性面板和库面板点右边两个三角形。

3、椭圆工具的使用

让工具完整显示，鼠标放工具左边，出现双向箭头时往左拉，出现两列工具按钮。 再选择椭圆工具，按住鼠标拖动即可。 绘制正圆，拖动之前按住shift键； 由中心向四周绘制椭圆：按住alt键；

由中心向四周绘制正圆：按住alt+shift键；

所画图形默认边框颜色和填充色是：黑色和白色；如何调整所画图形的边框色和填充色？ 恢复边框色和填充色方法和调换边框色和填充色方法？

4、更改椭圆的颜色

随便画一个椭圆，默认情况下边框色是黑色，填充色是白色，更改一下填充色画一个椭圆，然后要再去更改椭圆的填充色，怎么办？即如何更改已经画好的椭圆的颜色。 方法：用颜料桶工具（填充色）和墨水瓶工具（边框色）。

更改填充色方法：先选择其他填充色；再选择颜料桶工具；最后再单击要更改的椭圆内部任意位置。注意把填充色改为渐变色时还可以更改高光点。

更改边框色的方法：先选择其他边框色；再选择墨水瓶工具；最后再单击要更改的椭圆任意位置。注意把填充色改为渐变色时还可以更改高光点。

在更改填充色后，要把填充色改为无色，用如下方法是否可行？先选择无色的填充色，再选择颜料桶工具；最后再单击要更改的椭圆内部任意位置。大家会发现这个方法行不通。 对已经填好色的椭圆，不想要填充色的方法是：删除填充色。那么如何删除呢？在工具面板上选择“选择”工具，单击椭圆的填充色，使填充色被选中，再按del键即可。删除边框的方法类似。边框和填充色都不要，可以选中边框和填充色（框选或在椭圆内部双击），按del键即可。

5、散件如何变成元件

先用椭圆工具在舞台上绘制一个椭圆。然后框选中椭圆，大家发现当我们选择椭圆后，在椭圆上出现很多类似于网纹的形状。在flash中，当我们选择一个物体后出现这种情况，我们把这一类的物体叫“散件”或“图形”，更形象的叫“散件”。为什么叫“散件”呢？当我们框选中整个椭圆，移动的时候就移动整个椭圆，但我们框选椭圆的一部分会有什么情况？大家发现移动的将是这被框选的一部分。也即选择一个部分，移动一个 部分。这就是为什么它叫散件的原因。与散件相对应的另一个概念是“元件”，元件就不存在选择一部分的问题。 如何把散件转换成元件？选择散件，按F8键。

6、帧的概念

帧：指的是图片或者画面，一帧指的就是一张图片或一个画面。

关键帧（包括两类）

一类是有图像的关键帧，简称关键帧，并且用实心小圆点表示（.）；另一类是无图像的关键帧，简称空白关键帧，用空心小圆点表示（。）。 举例说明，什么是关键帧，什么是空白关键帧。

默认的第一帧就是空白关键帧，在舞台中随便画一个图像后，这帧就变为关键帧了。后面的那些帧都是不起作用的，也就是未开发的帧。以后我们做动画，最主要的是做关键帧。因为关键帧是有图像的。

举例说明：做一个圆从左边慢慢移动到右边。一个圆不断闪烁。

7、帧速率

帧速率(帧频率)：单位时间内播放多少张图片或画面。

早期版本是12帧为1秒，即在一秒钟内播放12张画面。Flash cs4将帧速率改了，帧速率为24帧/秒。

帧速率大小的关系：帧速率越大，意味着单位时间内播放的图片越多，图片越多意味着播放的速度越快。

用翻书做比方。在实际应用中不要把帧速率设置的过大，一般设置为12帧/秒即可。设置的越大，动画输出的时候文件也越大。

8、动画实例——球体移动

Flash这个软件主要是要是用来做动画的，它能做的动画种类主要有以下几种： 位移动画 形变动画 逐帧动画 路径动画 蒙版动画 脚本动画

现在我们将介绍最基本的动画制作：位移动画

实例：一个小球从左到右慢慢的移动。接下来我们把这个动画做一下。 （1）先新建一个文件。

（2）打开时间轴面板；此时舞台不一定完整显示，要想让舞台全部显示出来，按ctrl+2。Ctrl+2表示满画布显示。也即舞台以最大的方式显示出来。

（3）填充色设置为：渐变绿，边框色设置为无色，最后选择椭圆工具。

（4）时间轴上有个空心小圆点：这是一个空白关键帧。利用椭圆工具在上面画一个正圆，画完后空心小圆点变成了实心小圆点；可以修改高光点（用颜料桶工具）。框选中此圆（散件），在做位移动画是不建议同学们用散件来做，最好把它转换为元件（按F8）。

（5）假设从左边移动到右边需要2秒钟，CS4中默认是24帧/秒，我们修改为12帧/秒，2秒钟就应该是24帧，所以我们在第25帧的地方再做一个关键帧，按F6即可，F6表示：插入关键帧，并且复制上一关键帧的画面。再把第25帧里的小球移动到右边，按shift键移动表示水平移动。

（6）运行此动画（按Enter键），大家容易发现，左边的小球不是慢慢的移动到右边，而是从左边跳到右边，如何让小球慢慢移动到右边？要形成中间的过度帧，如何形成？选中两个关键帧中间的任何一帧，然后单击鼠标右键，选中“创建传统补间”，这样过度帧就做好了。回车几个测试效果，我们回车的时候是用flash这个软件来测试的，另外可以按ctrl+Enter键来测试，这个组合键是利用flash自带的播放器来播放（测试）。

9、矩形和多边形工具的使用

有了前面椭圆工具的使用基础，学习矩形和多边形工具的使用将变的更加简单。 如何绘制矩形？

选择矩形工具，按住鼠标左键拖动即可画出一个矩形。 按住shift键再拖动鼠标左键，将画出一个正方形。 由中心向四周绘制矩形：按住alt键；

由中心向四周绘制正方形：按住alt+shift键； 颜色的设置跟绘制椭圆时讲的一样。

现在我们绘制一个矩形，发现绘制的矩形的四个角是直角，那么，我们如何绘制圆角矩形？ 要绘制圆角矩形，需要对矩形的属性进行设置。

打开矩形属性窗口。里面属性比较多，我们暂时只看如何在里面设置圆角属性。其它的以后会专门来讲。

把“矩形选项”里的数值设置为20和-20，再分别画矩形，看看会得到什么效果？

设置的时候大家会发现，设置其中一个，四个数据同时设置了。那么如何分别设置四个圆角的圆角度呢？在下面有个“链接”按钮。点下即可分别设置四个圆角的圆角度。 接下来一个问题，如何删除矩形的某一条边或者所有的边？

方法：选择“选择”按钮，用鼠标单击某一条边，这条边处于被选择状态，按del键即可删除此边，如果是双击某条边，则选中的是矩形的所有边，按del键，则删除的是矩形的所有边。

下面再介绍多角星形工具，它既可以绘制多边形，也可以绘制星形。下面看看如何绘制。 都要配合属性来绘制。

多边形和星形的绘制：选择“多角星形”工具后，在其属性对话框中选择“选项”，会弹出“工具设置”对话框，在这个对话框中设置好相关参数，然后再用鼠标拖动绘制即可。

10、设置文档、散件和元件属性

前面我们已经给大家介绍过散件和元件的概念。但它们的属性还没介绍。

首先我们来介绍文档的属性。什么是文档属性呢？ 不选择任何工具，属性面板显示的就是文档属性，另外也可以选择“修改”菜单下的“文档”命令或者按快捷键ctrl+J键，打开文档属性窗口。 设置舞台颜色。

设置舞台的大小。400*200。

设置帧频率。不宜设置的过大，也不宜设置的过小。如果设置的很大，输出的文件大小也很大。过小的话，动画在播放的时候会有不连贯的效果。设置为12比较合理。 如何设置散件属性？

选择矩形工具，画一个矩形，框选中此矩形，这个被选中的矩形就是一个散件，此时属性面板显示的就是该散件的属性。主要有如下属性： 宽度和高度：设置为200*100。

边框色和填充色：绿色，红色。以前我们讲过通过颜料桶和墨水瓶工具来设置，也可以通过属性来设置。

笔触：设置边框的粗细。配合“接合”这一属性，可以设置边框的圆角度。有尖角，圆角，斜角三个选项。

样式：设置线条的形状，有实线虚线等。 如何设置元件属性？

先将此矩形转换成元件（按F8）。

选择此矩形后，属性面板即会出现元件属性。 里面有很多属性，重点看“色彩效果”这一属性。

样式：默认是无。即没有任何效果。展开来，有无，亮度，色调，高级，alpha五项。 亮度是调整此元件的亮度。亮度调整为100时，此物体变为白色。不是透明色。 调整为-100，此物体变为黑色。为0，是原来的效果。 色调：在原有颜色的基础上，变为另外一个颜色。

Alpha：设置对象的不透明度。为100，表示不透明，为0，完全透明。

11、动画实例—球体渐隐渐显

先看一个实例1-11-1，如何做这个实例？ 制作过程：

（1）选择椭圆工具，调好填充色（渐变绿）和边框色（无色），用颜料桶工具改变高光点，框选中此物体，按F8键，转换为元件（图形），打开时间轴面板。

（2）第一关键帧在左边，第二帧到了中间，假设在15帧的位置，按F6键（插入和上一关键帧一样的画面），按住shift键，并移动物体到画面中间。到29帧的位置再按F6键，按住shift键，将物体移到右边，这样三个关键帧里物体的位置就创建好了。 （3）如何将中间物体变的透明一点，选中此物体（单击此物体），确保属性面板显示的是元件的属性，在“样式”里调整alpha透明度，改为0即可。 （4）在两个关键帧中间“创建传统补间”。 （5）用Ctrl+Enter播放此动画。

再看一个动画1-11-2，这个动画只要将中间的物体变小就可以。如何将中间物体变小？调整之前先把此物体改为不透明，改小后再改为透明。工具箱中有一个“任意变形工具”，选中此工具，按Shift键进行等比例调整。还可以选择放大器将它放大一点再调小。放大镜中间