Flash课件制作教程(1)

本教程选自《跟着案例学Flash CS5课件制作》，一书，如需全部教程，请购买该书：

读者服务QQ群号：4764513

作者QQ：467616065

读者服务博客：/blog/user1/2852/index.html

读者服务微博：/u/2627673007

第2章图形的绘制与处理

了解了Flash CS5的基础知识后，从本章开始，主要以实例的方式来学习Flash课件的制作，所有需要掌握的知识和技巧都会融合在实例中。在学习的过程中，既要认真学习操作的基本技能，更要思考课件运行的机制，想清楚为什么要这样做，能够做到举一反三，这样才能高效率的学习。因此，本书中的实例绝不仅仅是一个操作步骤的详细叙述，当然这是必须的，更会讲清楚其中的道理，“为什么”比“怎么样”更重要。

2.1 矢量图的绘制

矢量图是Flash的特色之一。虽然网络上可以搜到一些矢量图，但那些通用的素材往往很难用在课件中，对课件制作来说用处不大。因此，课件中那些漂亮的矢量图大多是用Flash 的绘图工具绘制出来的，绘制矢量图也就成了课件制作中一个最重要的基本功，本节就通过4个实例来练好这个基本功。

2.1.1 圆锥体的绘制

圆锥体是数学课件中经常要绘制的图形，本节学习的第一个课件就是用绘图工具绘制一个圆锥体。实例效果如图2-1所示。

图2-1 圆锥体图2-2“另存为”对话框

制作步骤：

1.新建和保存Flash文件

（1）启动Flash CS5，在“启动画面”选择“新建”下面的“ActionScript3.0”

，新建一个Flash文件。

图2-3 文档“属性”面板图2-4 “文档设置”对话框“属性”面板是课件制作中使用特别多的一个面板，一般将其固定在窗口右边。当前选中的是什么对象，“属性”面板中显示的就是这个对象的属性，通过改变这些属性值就可以改变所选对象的属性。比如选中某一帧，“属性”面板显示的就是这一帧的属性，选中某个图案，“属性”面板中显示的就是这个图案的属性，选中某个工具，

是这个工具的属性。现在文档刚刚建立，显示的是整个文档的属性。

专家点拨：如果“属性”面板显示的不是文档属性，

图2-5 填充颜色设为无色的方法图2-6 工具箱底部的“对象绘制”按钮

3.绘制圆锥的底面

（1）选择绘图工具箱中的“椭圆工具”，单击“笔触颜色”按钮，在弹出的调色

板中选择黑色。单击“填充颜色”按钮，在弹出的调色板中选择无色，如图2-5所示。

专家点拨：当填充颜色设为无色后，所绘制的图形就只有线条轮廓而没有填充色块。

（2）让工具箱底部的“对象绘制”按钮处于没有选中的状态。

选择工具箱中的某些工具（不是所有）后，工具箱底部会出现一些按钮，用来设置使用此工具时不同的模式。比如选择“线条”工具、“椭圆”工具等绘图工具后，工具箱的底部就出现了2个按钮，如图2-6所示，上面一个是“对象绘制”按钮，下面一个是“紧帖至对象”按钮，连续单击这些按钮可以在不同模式之间切换。

本书约定，如果不是特别指出，在后面的实例中，绘图时“对象绘制”按钮都处于未选中状态。

专家点拨：“对象绘制”按钮处于选中状态与不处于选中状态时所绘制的图形外观是一样的，但对象性质不同，具体的区别后面再详细讲解。

（3）将鼠标移动到舞台上，这时鼠标指针变成十字形，拖动鼠标在舞台上绘制一个合适大小的椭圆。

专家点拨：在用“椭圆工具”绘图时，如果同时按住“Shift”键进行绘制，可以绘制出正圆。

4.设置椭圆的属性

（1）用“选择工具”在椭圆线条上单击一下，椭圆被选中，被选中的椭圆线条上出现了一些白色的点，看起来粗了一些，如图2-7所示。

（2）单击一下“属性”面板中“位置和大小”选项组中的，让其变为。

专家点拨：是指把所选图形的宽和高锁定在一起，改变宽或高其中一个值时，另一个值会自动按比例改变，以保持宽和高比值的恒定。则是解除这种锁定，让宽和高的值互不影响。

（3）在“属性”面板中把x值设为100，y值设为240，宽为200像素，高为100像素。如图2-8所示。设置属性值时，既可以用鼠标拖动这些属性值，也可以直接输入数据。

图2-7 处于选中状态的椭圆图2-8 在“属性”面板中设置椭圆的属性值

整个舞台宽400像素，椭圆宽200像素，(400-200)÷2=100，设椭圆的x值为100，正好可以让椭圆在左右方向上处于舞台的正中间。

专家点拨：如果对图形的大小、坐标要求很精确，可以通过调整其属性值来达到目的。图形的坐标值，也就是x值和y值就是这个图形所在的最小矩形的左上角在舞台上的坐标值，但后面所涉及的其他对象则不一定。

图2-9 用“选择工具”选择椭圆的上半部分

5.设置椭圆的上半部分为虚线

圆锥底面圆是一个圆形，其后半部分被挡着，是看不见的，在数学作图中一般用虚线表示。

（1）用“选择工具”从椭圆的左上方某处开始按住鼠标拖动，拉出一个矩形方框，把椭圆的上半部分框在方框内，如图2-9所示，放开鼠标后椭圆的上半部分就被选中了。

（2）在“属性”面板“填充和笔触”选项组中，把被选线条的笔触样式设为虚线，如图2-10所示。

图2-10 设置线条样式为虚线图2-11 绘制斜线后的图形

6.绘制两条斜线

为了保证圆锥的顶点在舞台的正中间，圆锥两边完全对称，在绘制斜线以前，必须先找到这个中点。

（1）选择“线条工具”，在“属性”面板中把笔触样式改回成实线，在舞台中间绘制一条竖线。

（2）选中这条竖线，在“属性”面板中将其x值设为200，让其处于舞台中间。

（3）继续用“线条工具”绘制两条斜线，这两条斜线与中间的竖线相交于一点，此时舞台如图2-11所示。

7.删除多余的竖线

中间那条竖线起的是一个定位的作用，现在斜线已经绘制完成，需要删除多余的竖线。

（1）切换到“选择工具”。用鼠标单击一下竖线，选中竖线的一半，按一下删除键“Delete”删除。

（2）再选中竖线的另一半用删除键删除。

8.输出课件

（1）选择“文件”｜“发布设置”命令，在打开的“发布设置”对话框中，勾选“Flash(.swf)”复选框和“Windows放映文件(.exe)”复选框，如图2-12所示，单击“确定”按钮关闭“发布设置”对话框。