flashcs3动画制作基础与案例教程教学课件作者温俊芹教学讲义第2章绘图、编辑和辅助工具.doc

《flashcs3动画制作基础与案例教程教学课件作者温俊芹教学讲义第2章绘图、编辑和辅助工具.doc》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第二章绘图、编辑和辅助工具第二章绘图、编辑和辅助工具Flash动画是由图形组成的，在学习Flash动画之前，必须掌握绘制和编辑Flash图形的方法，它是动画制作的基础。FlashCS3的绘图功能虽然不像专业的矢量绘图工具那么强大，但是它的灵活性和易操作性却是其他软件所不能比拟的。Flash在绘图方面已经远远做到了够用、实用。在Flash中，图形的绘制与编辑主要由工具面板中的各个工具与一些基本面板完成。在本次课中，我们将介绍如何使用这些相关的工具和面板来创建矢量图。第一部分学习要求一应知目标1.了解flash中的绘图工具，掌握工具箱中各种绘图工具的使用2.了解选取工

2、具的使用3.了解颜色编辑工具的使用二应会目标1.掌握绘图基本工具的使用2.掌握选取工具的使用3.掌握颜色编辑工具的使用三预备知识1.熟悉FlashCS3的工作环境和FlashCS3的基本操作2.掌握FlashCS3工具箱中各种功能强大的绘图、编辑和辅助工具的使用四课时安排项目学时教学方式（参考）1预习课余2课堂讲解2学时①.介绍位图与矢量图的区别②.重点是Flash中绘图、编辑和辅助工具的运用77第二章绘图、编辑和辅助工具第二部分课堂讲解2.1矢量图与位图在计算机中，图形文件的格式分为两类，即矢量图形格式和位图图形格式。在Flash中绘制的图形都属于矢量图形，不过

3、FlashCS3可以自由导入各种格式的图形文件，包括矢量图形和位图图形。下面简单介绍一下这两种图形文件格式之间的区别。2.1.1矢量图矢量图形是以数学的矢量方式来记录图像的内容的，它的内容以点、线条和色块为主。矢量图形的构成非常简单，基本上是由一些线条和线条所封闭的填充区域组成。对于图形的存储只需要记录线条的两个端点的坐标、线条的粗细和颜色以及填充区域的颜色等，所以矢量图形文件体积一般比较小。矢量图形的最大优点就是无论放大、缩小都不会失真，如图2-1和图2-2所示；最大的缺点就是很难表现逼真图像的效果。但是矢量图形体积小、灵活性高，比较适合于网络动画的制作。Fla

4、sh动画就是一种居于矢量图的动画，它采用了高效的压缩比，生成的动画文件体积非常小。图2-1矢量图原图图2-2放大后的矢量图2.1.2位图位图采用点阵法来枚举出图形中的所有的点，系统在保存位图时保存的是图像中各个像素点的色彩信息，因此，位图文件的图像看起来比较逼真，但是文件的体积都比较大。由于构成图像的像素点是固定在特定大小的栅格里，因而在对位图进行缩放操作时会降低它的显示质量，特别是当把位图图像的尺寸放大到一定程度后，图像会变的模糊失真，出现马赛克现象，如图2-3和图2-4所示，这是因为栅格里的像素点被重新分布的缘故。虽然位图有这样的缺点，但是由于它具有色彩层次丰

5、富，图像逼真的优势，在Flash动画中经常被用做背景。77第二章绘图、编辑和辅助工具图2-3位图原图图2-4放大后的位图2.2绘制图形的工具在制作Flash动画时，有很多图形需要用户自己去绘制。Flash自带了一些绘图工具，使用这些工具可以绘制出丰富的图形。Flash中的绘图工具包括“线条”工具、“铅笔”工具、“椭圆”工具、“矩形”工具、“刷子”工具和“钢笔”工具等。下面将一一介绍这些绘图工具的使用方法。2.2.1线条工具FlashCS3中的“线条”工具，主要用来绘制任意的矢量直线线段，在Flash中绘制直线段的步骤如下：（1）单击工具箱中的“线条”工具按钮。（2

6、）将鼠标移动到舞台中，当鼠标变为“＋”形状时，如图2-5所示，单击鼠标左键，确定绘制直线的起始点，此时不要松开鼠标左键。（3）拖拽鼠标到另外一个位置，再次单击鼠标左键，确定直线的结束点，这样就绘制好一条直线了，如图2-6所示，重复操作可以绘制多条直线。图2-5将光标移动到舞台上图2-6绘制直线77第二章绘图、编辑和辅助工具注意：在绘制直线时，如果在绘制的同时按住的Shift键，可以绘制出水平、垂直或者倾斜45度角的直线。当我们选择“线条”工具时，或者在绘制直线后选择绘制的直线时，“属性”面板中将会出现直线的属性，可以对直线的颜色、粗细、线型等进行修改，如图2-7所

7、示。图2-7“线条”工具的属性u改变线条颜色：如果想要修改线条的颜色，单击“笔触颜色”按钮后，可以弹出如图2-8所示的颜色设置面板，选择需要的颜色即可。u修改线条宽度：想要修改线条的宽度，只需要在“笔触高度”数值框中输入相应的数值即可，它的数值范围时0.1～200之间的数值。u改变线条样式：如果想要改变线条的样式，可以单击“笔触样式”下拉列表框，然后从弹出来的下拉列表中选择需要的样式即可，如图2-9所示。图2-8颜色设置面板图2-9线段的笔触样式u自定义笔触样式：如果“笔触样式”列表框中没有我们所需要的样式，可以单击“自定义”按钮，在弹出来的“笔触样式”对话框中自

8、己进行设置