Flash课件制作教程(1).doc

本教程选自跟着案例学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）选择“文件”“保存”命令，弹出“另存为”对话框，在其中定位保存的位置，并输入文件名，如图2-2所示。单击“保存”按钮把Flash文件保存到电脑中。专家点拨：在课件制作的过程中，要经常保存课件，以免发生断电、死机等情况后，前面制做的部分因没有及时保存而丢失。第一次保存时要定位位置并输入文件名，后面的保存就简单多了，只需要单击“保存”按钮就可以了。2.设置文档属性（1）在“属性”面板中展开“属性”选项组，如图2-3所示。专家点拨：“属性”面板中有3个选项组：发布、属性和SWF历史记录，其中中间的“属性”选项组包括帧频（默认值是24）、舞台大小（默认值是550400像素）、舞台颜色（默认值是白色）这3个属性设置。（2）单击“大小”右边的 “编辑”按钮，在打开的“文档属性”对话框中，把舞台尺寸设为400400像素，帧频改为12，背景颜色保持默认的白色，然后单击“确定”按钮。如图2-4所示。 图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所示，单击“确定”按钮关闭“发布设置”对话框。图2-12 “发布设置”对话框这时还没有输出课件，只是设置了输出文件的格式。（2）选择“文件”“发布”命令，输出课件。9.查看课件通过“我的电脑”打开课件所在位置，可以看到3个文件，如图2-13所示。左边一个是输出的带了播放器的课件，扩展名是exe，在任何电脑上都可以打开播放。中间一个是源文件，扩展名是fla，是可以继续修改编辑的，右边一个是没带播放器的课件，扩展名是swf，和左边带了播放器的课件的播放效果一样，只是因为没有带播放器，文件小了一些，可以直接发布在