FlashCS6中文版基础教程：第3章 绘制矢量图形

1第3章绘制矢量图形本章主要介绍了绘画图形原理，讲解了如何绘制、编辑线条以及绘制形状的方法，另外还讲解了位图的导入方法，人体结构比例知识等。23.1绘画图形原理矢量图形文件就是由这些矢量对象组合而成的描述性文件。矢量图形则是计算机软件通过一定算法，将矢量对象的描述信息在显示终端上重绘的结果。比如一个椭圆，它就包括由通过椭圆边缘的一些点组成的轮廓和轮廓内的点两个部分。对于矢量图形，椭圆的颜色取决于椭圆轮廓曲线的颜色和轮廓封闭的区域颜色，与轮廓内单独的点无关。我们可以通过修改描述椭圆轮廓的直线或曲线来更改椭圆的性质。也可以移动、放缩、变形，或者在不改变图形显示质量的前提下，改变具有矢量性质的椭圆的颜色。矢量图形具有独立的分辨率，也就是说我们以各式各样的分辨率来显示矢量图形，它都不会失真。33.1.1分辨率分辨率是指单位面积(英寸)里所包含的像素的数目(pixelsperinch，ppi)，分辨率越高，单位面积里所含的像素值也就越多，输出的画面也就越精细；如果分辨率不高，那么画面就会呈现锯齿状。1.图像分辨率2.屏幕分辨率43.1.2位图图像位图图像(在技术上称作栅格图像)使用图片元素的矩形网格(像素)表现图像。每个像素都分配有特定的位置和颜色值。在处理位图图像时，编辑的是像素，而不是对象或形状。位图图像是连续色调图像(如照片或数字绘画)最常用的电子媒介，因为它们可以更有效地表现阴影和颜色的细微层次。位图图像与分辨率有关，也就是说，它们包含固定数量的像素。因此，如果在屏幕上以高缩放比率对它们进行缩放或以低于创建时的分辨率来打印它们，则将丢失其中的细节，并会呈现出锯齿，如图3-3所示。53.1.3矢量图形矢量图形(有时称作矢量形状或矢量对象)是由称作矢量的数学对象定义的直线和曲线构成的。矢量根据图像的几何特征对图像进行描述。图3-4所示就是矢量图形。矢量图形可以任意移动或修改，而不会丢失细节或影响清晰度。因为矢量图形是与分辨率无关的，即当调整矢量图形的大小、将矢量图形打印到PostScript打印机、在PDF文件中保存矢量图形或将矢量图形导入到基于矢量的图形应用程序中时，矢量图形都将保持清晰的边缘。因此，对于将在各种输出媒体中按照不同大小使用的图稿(如徽标)，矢量图形是最佳选择。63.1.4路径、笔触与填充1.使用钢笔工具创建路径(1)钢笔指针指示(2)了解路径、路径段、锚记点和切线手柄(3)设置钢笔工具首选参数2.路径的组成(1)路径组件(见图3-8)(2)路径上的点3.笔触与填充73.2绘制编辑线条3.2.1创建直线

使用线条工具创建直线的方法如下。(1)从【工具】面板中选择【线条工具】，然后选择【窗口】|【属性】菜单命令，在弹出的线条工具【属性】检查器面板中设置属性。如图3-17所示为在【属性】检查器面板中设置直线的颜色为黑色(颜色的设置还可以在【工具】面板的颜色区域进行)，线条的粗细为“1”，【样式】为【实线】类型。(2)在舞台中按住鼠标左键不放拖曳鼠标到所画直线的终点，然后释放鼠标左键就可画出一条直线，如图3-18所示83.2.2创建线条使用【铅笔工具】可以绘制直线和曲线，其创建曲线的步骤如下。图3-19【铅笔工具】属性设置(1)在【工具】面板中选择【铅笔工具】。(2)选择【窗口】|【属性】菜单命令，在弹出的铅笔工具【属性】检查器面板中选择笔触颜色、线条粗细和样式，同【线条工具】设置方法一样，【铅笔工具】也不能设置填充属性，如图3-19所示。(3)在【工具】面板的【选项】区域中单击【铅笔模式】按钮，其下拉列表中包含三种绘画模式，如图3-20所示。选择其中的一种绘画模式作为铅笔工具模式即可。93.2.3涂色【刷子工具】能通过刷子般的笔触为对象填充颜色，就像在涂色一样。它可以创建特殊效果，比如书法效果。使用刷子工具功能键可以选择刷子大小和形状。对于新笔触，刷子大小甚至在更改舞台的缩放比率级别时也保持不变，所以当舞台缩放比率降低时同一个刷子大小就会显得太大。例如，假设将舞台缩放比率设置为100%并使用刷子工具以最小的刷子大小涂色。然后将缩放比率更改为50%并用最小的刷子大小再画一次。绘制的新笔触就比以前的笔触显得粗50%。图3-21用铁笔绘制的宽度可变的刷子笔触如果将wacom压敏绘图板连接到计算机，可通过使用刷子工具的【压力】和【斜度】功能键，以及改变铁笔上的压力来改变刷子笔触的宽度和角度，如图3-21所示。103.2.3涂色刷子的使用方法如下。(1)选择【刷子工具】。(2)选择【窗口】|【属性】菜单命令，然后选择一种填充颜色。(3)单击【刷子模式】功能键并选择一种涂色模式。(4)从【刷子工具】功能键中选择一种刷子大小和形状。(5)如果将wacom压敏绘图板连接到计算机，可以选择【压力】功能键、【斜度】功能键或两者的组合来修改刷子笔触。(6)在舞台上拖曳。若要将刷子笔触限制为水平和垂直方向，请按住Shift键拖曳。涂色有以下几种模式。标准涂色填充涂色后面涂色选区涂色内部涂色113.3绘制形状使用矩形工具或椭圆工具创建矩形或椭圆时，不同于使用对象绘制模式创建的形状，Flash将形状绘制为独立的对象。形状工具可让读者使用【属性】检查器面板中的控件，指定矩形的角半径以及椭圆的开始角度、结束角度和内径。创建形状后，可以选择舞台上的形状，然后调整【属性】检查器面板中的控件来更改半径和尺寸。123.3.1绘制椭圆下面介绍如何使用椭圆工具来绘制椭圆，具体操作步骤如下。(1)选择【工具】面板中的【椭圆工具】，然后单击【工具】面板中的【笔触颜色工具】按钮，在打开的【混色器】中单击【没有颜色】按钮，如图3-22所示，将笔触颜色设置为没有颜色。(2)单击【工具】面板中的【填充颜色工具】按钮，打开【填充颜色】工具的【混色器】，为椭圆选择一个颜色，如图3-23所示。133.3.1绘制椭圆(3)将鼠标指针移至舞台中，然后按住左键向右下方进行拖曳，调整到一个合适的形状和大小时释放鼠标左键，绘制的椭圆如图3-24所示。如果按住Shift键，那么无论向什么方向拖曳鼠标都将绘制出正圆来。143.3.2绘制矩形绘制矩形的方法如下。(1)选择【工具】面板中的【矩形工具】，然后单击【工具】面板中的【笔触颜色工具】按钮，在打开的【混色器】中单击【没有颜色】按钮，将笔触颜色设置为没有颜色，如图3-25所示。(2)单击【工具】面板中的【填充颜色工具】按钮，打开【填充颜色】工具的【混色器】，为矩形选择一个颜色，如图3-26所示。153.3.2绘制矩形(3)将鼠标指针移至舞台中，然后按住左键向右下方进行拖动，调整到一个合适的形状和大小时释放鼠标左键，绘制的矩形如图3-27所示。同样，在绘制矩形的时候如果按住Shift键，那么绘制出来的矩形则为正方形。163.3.3绘制多边形和星形绘制多边形和星形的方法如下。1.绘制多边形2.绘制星形173.3.4喷涂刷工具喷涂刷的作用类似于粒子喷射器，使用它可以一次将形状图案“刷”到舞台上。默认情况下，喷涂刷使用当前选定的填充颜色喷射粒子点。但是，也可以使用【喷涂刷工具】将影片剪辑或图形元件作为图案应用。1.喷涂刷工具的操作步骤2.喷涂刷工具属性选项的设置183.3.5Deco(装饰性绘画)工具Deco工具的具体操作步骤如下。图3-37在【属性】检查器面板中选择效果(1)在【工具】面板中选择【Deco工具】。(2)选择【窗口】|【属性】菜单命令，可以从Deco工具的【属性】检查器面板中选择效果，如图3-37所示。(3)在舞台上进行绘画，如图3-38所示。193.3.6骨骼工具通过骨骼工具，可为动画角色添加骨骼，可以很轻松地制作出各种动作的动画。在FlashCS6中借助【骨骼工具】的属性，可以制作出更加逼真的物理效果。【强度】和【阻尼】属性可以使骨骼工具动画更加灵活，并且动画效果具有高可配置性，最好在向姿势图层添加姿势之前设置这些属性。选择【窗口】|【属性】菜单命令，打开【属性】检查器面板，如图3-39所示。203.3.6骨骼工具骨骼工具的使用方法如下。(1)单击【工具】面板中的【骨骼工具】按钮。(2)在舞台上，在要添加骨骼的图形上单击并拖曳即可，如图3-40所示。213.4导入位图在制作Flash动画的过程中，仅使用自带的绘图工具是远远不能满足对素材的需要的。实际上Flash可以很方便地导入其他程序制作的各种类型的文件。支持的文件包括位图、矢量图、音频和视频等。Flash的一个重要的特点在于体积小，而导入其他类型的文件则会导致Flash的体积变得非常大，因此需要对导入的文件进行压缩、优化等处理。223.4.1位图文件的导入下面来讲解导入位图文件的方法，具体操作步骤如下。(1)新建Flash文档并命名为“位图导入.fla”，然后选择【文件】|【导入】|【导入到库】菜单命令，如图3-41所示。(2)在弹出的【导入】对话框中选中需要的几张图片，如图3-42所示。(3)单击【打开】按钮将位图导入。此时按Ctrl+L组合键打开【库】面板，即可看到所导入的位图素材，如图3-43所示。233.4.1位图文件的导入(4)如果在【文件】|【导入】菜单命令中选择【导入到舞台】子菜单命令，则可将外部文件同时导入到舞台和【库】面板中，如图3-44所示。243.4.2设置位图属性用户可以对导入的图像进行设置。打开【库】面板，在需要进行设置的位图上右击，然后在弹出的快捷菜单中选择【属性】命令，如图3-45所示。也可以选中位图后单击【库】面板下方的【属性】按钮。253.4.3缩放工具和手形移动工具缩放工具：在进行操作的过程中，需要缩小工作区查看Flash影片的构成要素以及工作区外的部分；相反，有时也需要放大工作区进行细微的修改。这时，利用【工具】面板中的缩放工具，或在工作区的右上端调整工作区大小的百分比即可。手形工具：任何时候只要按住Shift键，鼠标指针就会变成手形。263.5上机实践操作在绘制人物之前，先要了解一下人体的结构，图3-46所示是一张人体结构几何图。灰线标示的地方是关节的位置。关节是可以自由活动的。人物的各种动作都是由肢体配合关节的运动做出来的。本范例完成文件：\03\人物绘制.fla。多媒体教学路径：光盘→多媒体教学→第3章。273.5.1实例介绍和展示本例通过运用【线条工具】、【选择工具】、【部分选择工具】、【颜料桶工具】、【椭圆工具】等绘制人物。效果如图3-47所示。283.5.2绘制脸部形状(1)打开FlashCS6软件，在【工具】面板中单击【线条工具】，绘制三条线段，成倒三角状，如图3-48所示。(2)单击【选择工具】，分别选中三条线段，将线条拖出一定的弧度，如图3-49所示。(3)使用【部分选取工具】，拖曳弧线的顶点，如图3-50所示。(4)这样，就绘制出人物脸部的简单轮廓，如图3-51所示。293.5.3绘制耳朵轮廓使用【线条工具】绘出人物的耳朵，删去多余的线条，再使用【部分选取工具】调出线条的弧度，如图3-52所示。303.5.4绘制头发和发卡(1)使用【线条工具】画出发梢，封闭人物头型的缺口，如图3-53所示。(2)继续使用【线条工具】绘制出人物佩戴的发卡，然后使用【部分选取工具】将直线调整成弧线，如图3-54所示。313.5.4绘制头发和发卡(3)使用【线条工具】绘出人物的刘海，再使用【部分选取工具】辅助修改线条，使其线条更加流畅圆滑，如图3-55所示。(4)此时，人物头部的外轮廓就绘制完成了，如图3-56所示。323.5.5填充颜色人物的轮廓线勾勒完成后，接下来我们要给它填充颜色了。(1)单击【工具】面板中的【填充颜色工具】按钮，打开【填充颜色】工具的【混色器】，从中选择棕色“#4E1616”，如图3-57所示。(2)选择【颜料桶工具】，将此颜色填充到头发中，如图3-58所示。(3)选择如图3-59所示的颜色“#CC9900”，使用【颜料桶工具】将此颜色填充到发卡中。333.5.6绘制发辫使用【线条工具】绘制发辫。在绘制中尽量使用粗一些的线条，使发辫看起来更硬朗，并填充之前头发的颜色，如图3-60所示。343.5.7绘制眼睛(1)绘制眼睛部分时，需要注意的是眼睛与眉毛之间的距离，且保证两个眼睛瞳孔方向一致。选择【椭圆工具】，填充颜色选择黑色，在舞台中绘制一个椭圆形，如图3-61所示。(2)使用【椭圆工具】，填充颜色选为白色，把鼠标移至黑色椭圆内，绘制出一个白色的椭圆形，使眼睛看起来更加有神，如图3-62所示。(3)以同样的方式绘制另一只眼睛，如图3-63所示。353.5.7绘制眼睛(4)选择【选择工具】，把鼠标放在直线段的上边缘。此时鼠标所显示的【选择工具】图标下方会出现一个半弧形状的图案，按住鼠标左键向上拖曳直线段的上边缘，拉出一条弧线，如图3-64所示。(5)拉到合适位置后，松开鼠标左键，继续使用【选择工具】把鼠标移动到该线段的下边缘，按住鼠标左键向上拖曳至如图3-65所示的位置后，松开鼠标左键，绘制出上眼线。363.5.7绘制眼睛(6)选择【选择工具】把绘制好的上眼线拖曳到眼睛的上方，然后使用【任意变形工具】单击上眼线图形。此时该图形的四周被四条直