中文版FlashCS网页动画设计分析报告.ppt

第2章 绘制及编辑图像工具 Flash动画是由图形组成的，图形是最基础的元素，在Flash应用软件中也提供了制作图形的工具，即工具箱。 本章就详细介绍Flash CS6的工具箱中各种工具的使用方法及其各项属性的设置方法。通过本章的学习，读者可以全面了解Flash CS6中各种常用工具的功能，并熟练使用这些工具绘制各种各样的矢量图形以及对图形进行编辑、修饰等。 2.1 Flash的图形格式 在使用Flash对图像进行处理之前，需要先分析图像的类型。图像类型一般分为两种：矢量图和位图。这两种格式的图像各有特点，下面就分别进行介绍。 2.1.1 位图 位图是以像素的点作为存储图像方式，这些像素点在图像中会显得异常绚丽。当图像放大时会出现马赛克现象。而且由于位图是用像素点方式存储，所以一般来说位图图像会比矢量图大。当然，并不是说所有的矢量图都比位图小，如果是线条特别复杂，图像色彩内容也特别复杂，有时完全相同的矢量图也会比位图大，但这样的情况并不常见。如图2-1所示为位图放大情况。 2.1.2 矢量图 矢量图是计算机利用点和线的属性方式来表达的，可以通过对图像中的点进行移动来达到修改图像的目的。矢量图的特点在于图像文件小，而且对图像进行放大和缩小均不会影响图像的质量。如图2-2所示为矢量图放大情况。 2.2 绘制图形的工具 Flash工具箱中的工具主要用于图形的绘制、选取以及其他一些对图形的基本操作。其中用于基本图形绘制的主要有线条工具、钢笔工具、铅笔工具、椭圆工具、矩形工具和文本工具。下面就分别介绍这6种绘图工具。 2.2.1 线条工具 在工具箱中单击线条工具按钮，可以绘制任意直线线段。 例2.1 对线条工具及属性面板的操作。 使用属性面板可以对直线的一些属性进行设置，比如线粗、颜色、类型等。在设置直线的属性时，可以在选择线条工具后，直接在属性面板中设置线条的相关属性；也可以在绘制完直线后，再设置直线的属性。 方法一：先设置属性，再绘制直线。 方法二：先绘制直线，再设置直线的属性。 2.2.2 钢笔工具 钢笔工具可以绘制任意形状的图形及矢量线，也可作为选取工具使用。 例2.2 对钢笔工具的操作。 (1) 单击工具箱中的“钢笔工具”，如图2-24所示。 (2) 在舞台上单击鼠标左键，确定图形的起始点，将鼠标移到舞台中的其他位置单击鼠标左键，确定图形的另一点，在这两点之间便出现一条直线，如图2-25所示。 2.2.2 钢笔工具 (3) 在舞台上的其他位置继续单击鼠标左键，确定另一条线的终点位置，便会在这两点之间出现一条直线，如图2-26所示。 (4) 以上操作是在舞台中绘制直线，下面介绍在舞台中绘制曲线的方法。在舞台中的其他位置按住鼠标左键并拖动便会出现控制柄，通过调整控制柄，可以调整出一条曲线，如图2-27所示。 (5) 在舞台中的其他位置单击鼠标左键并按住鼠标左键拖动，可以继续绘制直线或者曲线，如图2-28所示。 (6) 在舞台中双击鼠标左键，完成图形的绘制操作，如图2-29所示。 (7) 如果在图形的起始位置双击鼠标左键，可以绘制一个有填充色的封闭图形，如图2-30所示。 2.2.3 铅笔工具 铅笔工具主要用于绘制矢量线和任意形状的图形。 例2.3 对铅笔工具的操作。 (1) 单击工具箱中的“铅笔工具”，如图2-31所示。 (2) 在工具箱中的“选项”栏中单击“铅笔模式”按钮，如图2-32所示。 (3) 在弹出的铅笔模式中选择一种模式。本例选择“伸直”模式，如图2-33所示。 (4) 在舞台中按住鼠标左键，拖动鼠标完成线段及图形的绘制，如图2-34所示。 2.2.4 椭圆工具 椭圆工具可以绘制实心或空心的椭圆和正圆。如果工具栏中显示没有椭圆工具，可以用鼠标左键长按矩形工具，就会出现矩形工具列表框，在其中选择椭圆工具即可。 例2.4 对椭圆工具的操作。 (1) 在工具箱中选择“椭圆工具”，如图2-35所示。 (2) 在工具箱中的“颜色”栏中单击“笔触颜色”按钮，如图2-36所示。 2.2.4 椭圆工具 (3) 在弹出的笔触颜色列表框中，单击“无色”按钮，如图2-37所示。 (4) 在工具箱中的“颜色”栏中单击“填充颜色”按钮，如图2-38所示。 (5) 在弹出的填充颜色列表框中，选择椭圆的颜色。本例选择蓝色，如图2-39所示。 (6) 在舞台中，按住鼠标左键并拖动鼠标完成椭圆的绘制，如图2-40所示。 2.2.5 矩形工具 矩形工具用于绘制实心或空心的矩形、圆角矩形、正方形、多边形、星形。 使用矩形工具绘制实心或空心图形的操作方法与下面介绍绘制椭圆的操作方法一样，下面介绍绘制圆角矩形的操作步骤。 (1) 单击工具箱中的“矩形工具”，如图2-53所示。 (2) 在属性面板的“矩形选项”栏中滑动边角半径按钮