绘制与填充矢量图形

《绘制与填充矢量图形》由会员分享，可在线阅读，更多相关《绘制与填充矢量图形（48页珍藏版）》请在装配图网上搜索。

1、第第2课课 绘制与填充矢量图形绘制与填充矢量图形本课要点本课要点wFlash 8中的图形概念中的图形概念wFlash 8基本绘图工具基本绘图工具wFlash 8颜色填充工具颜色填充工具具体要求具体要求w 了解位图与矢量图的区别。了解位图与矢量图的区别。w 掌握线条工具、铅笔工具和钢笔工具等工具掌握线条工具、铅笔工具和钢笔工具等工具绘制线条的方法。绘制线条的方法。w 掌握椭圆工具、矩形工具等几何图形绘制工掌握椭圆工具、矩形工具等几何图形绘制工具的使用方法。具的使用方法。w 掌握滴管工具、颜料桶工具以及填充变形工掌握滴管工具、颜料桶工具以及填充变形工具的使用方法。具的使用方法。w 熟练掌握利用熟练

2、掌握利用【混色器混色器】面板为图形填充渐面板为图形填充渐变色的操作方法。变色的操作方法。本课导读本课导读在在Flash动画中，矢量图形是其必不可少动画中，矢量图形是其必不可少的重要组成部分。在的重要组成部分。在Flash 8中提供了一中提供了一系列的矢量图形绘制与填充工具，用户可系列的矢量图形绘制与填充工具，用户可通过这些工具绘制所需的矢量图形，并将通过这些工具绘制所需的矢量图形，并将绘制的矢量图形应用到动画中。绘制的矢量图形应用到动画中。2.1 Flash 8图形绘制基础图形绘制基础利用利用Flash 8中提供的矢量图形绘制与填中提供的矢量图形绘制与填充工具，可以根据动画需要，绘制出相应充工

3、具，可以根据动画需要，绘制出相应的矢量图形。在正式学习这些工具之前，的矢量图形。在正式学习这些工具之前，首先需要对首先需要对Flash 8中的图形概念以及中的图形概念以及【绘图绘图】工具栏等基础知识进行了解。工具栏等基础知识进行了解。2.1 Flash 8图形绘制基础图形绘制基础2.1.1 知识讲解知识讲解2.1.2 典型案例典型案例在在Flash中体会位图中体会位图 和矢量图的区别和矢量图的区别2.1.1 知识讲解知识讲解为了更好地对为了更好地对Flash 8中图形的相关基础中图形的相关基础知识进行了解，下面分别对知识进行了解，下面分别对Flash 8中的中的图形概念、图形概念、【绘图绘图】

4、工具栏以及基本的绘工具栏以及基本的绘图工具进行简单的介绍。图工具进行简单的介绍。2.1.1 知识讲解知识讲解1. Flash 8中的图形概念中的图形概念2. 认识认识【绘图绘图】工具栏工具栏 3. Flash 8中的绘图工具中的绘图工具1. Flash 8中的图形概念中的图形概念在在Flash 8中，根据图形显示和存储原理中，根据图形显示和存储原理的不同，将其分为位图和矢量图两种。的不同，将其分为位图和矢量图两种。n位图：位图是根据图像中每一点的信息生成的，位图：位图是根据图像中每一点的信息生成的，因其存储和显示原理，使得位图具有丰富的色彩因其存储和显示原理，使得位图具有丰富的色彩表现力，一般

5、多用在对色彩丰富度或真实感要求表现力，一般多用在对色彩丰富度或真实感要求比较高的场合。比较高的场合。n矢量图：矢量图是由电脑根据存储的矢量数据，矢量图：矢量图是由电脑根据存储的矢量数据，通过相应的计算后生成的，它主要通过包含颜色通过相应的计算后生成的，它主要通过包含颜色和位置属性的直线或曲线数据来描述图像。和位置属性的直线或曲线数据来描述图像。2. 认识认识【绘图绘图】工具栏工具栏Flash 8中的中的【绘图绘图】工具栏位于工具栏位于主界面的左侧，主界面的左侧，【绘图绘图】工具栏工具栏主要分为主要分为【工具工具】区域、区域、【查看查看】区域、区域、【颜色颜色】区域和区域和【选项选项】区域等区域

6、等4个区域。个区域。3. Flash 8中的绘图工具中的绘图工具Flash 8中所有的绘图工具位于中所有的绘图工具位于【绘图绘图】工具栏的工具栏的【工具工具】区域中。区域中。工具包括：工具包括：选择工具、部分选取工具、任意变选择工具、部分选取工具、任意变形工具、填充变形工具、线条工具、套索工具形工具、填充变形工具、线条工具、套索工具、钢笔工具、文本工具、椭圆工具、矩形工具、钢笔工具、文本工具、椭圆工具、矩形工具、多角星形工具、铅笔工具、刷子工具、墨水、多角星形工具、铅笔工具、刷子工具、墨水瓶工具、颜料桶工具、滴管工具、橡皮擦工具瓶工具、颜料桶工具、滴管工具、橡皮擦工具2.1.2 典型案例典型案

7、例在在Flash中体中体 会位图和矢量图的区别会位图和矢量图的区别w案例目标案例目标本案例将把提供的位图素材导入到本案例将把提供的位图素材导入到Flash 8中，中，复制位图，并将复制的位图转换为矢量图。通复制位图，并将复制的位图转换为矢量图。通过对其进行比较，体会在过对其进行比较，体会在Flash 8中位图和矢量中位图和矢量图的实际区别。对比的效果如图图的实际区别。对比的效果如图2.7所示。所示。n素材位置：素材位置：【第第2课课素材素材】n源文件位置：源文件位置：【第第2课课源文件源文件在在Flash中体会位图中体会位图和矢量图的区别和矢量图的区别.fla】2.1.2 典型案例典型案例在在

8、Flash中体中体 会位图和矢量图的区别会位图和矢量图的区别w操作思路操作思路（1）将提供的位图素材导入到）将提供的位图素材导入到Flash 8中。中。（2）复制位图，并将位图转换为矢量图。）复制位图，并将位图转换为矢量图。（3）在）在Flash 8中将场景的显示比例进行缩放中将场景的显示比例进行缩放，分别观察位图和矢量图出现的变化。，分别观察位图和矢量图出现的变化。（4）将图层以轮廓方式显示，观察位图和矢）将图层以轮廓方式显示，观察位图和矢量图在这种方式下显示的不同状态。量图在这种方式下显示的不同状态。2.1.2 典型案例典型案例在在Flash中体中体 会位图和矢量图的区别会位图和矢量图的区

9、别w操作步骤操作步骤具体操作步骤请教师参照软件及书中具体操作步骤请教师参照软件及书中内容进行讲解。内容进行讲解。2.1.2 典型案例典型案例在在Flash中体中体 会位图和矢量图的区别会位图和矢量图的区别w案例小结案例小结本例利用提供的位图素材，在本例利用提供的位图素材，在Flash 8中中以不同显示比例和显示方式对位图和矢量以不同显示比例和显示方式对位图和矢量图进行了对比，通过对比使读者对位图和图进行了对比，通过对比使读者对位图和矢量图在矢量图在Flash 8中的大致区别有了一个中的大致区别有了一个基本的认识。基本的认识。2.2 绘制基础图形绘制基础图形在了解了在了解了Flash 8中的图形

10、概念并中的图形概念并认识认识【绘图绘图】工具栏以及相关的工具栏以及相关的绘图工具后，下面就对绘图工具后，下面就对Flash 8中中用于基础图形绘制的工具及其使用于基础图形绘制的工具及其使用方法进行详细的讲解。用方法进行详细的讲解。2.2 绘制基础图形绘制基础图形2.2.1 知识讲解知识讲解 2.2.2 典型案例典型案例绘制绘制“暴力暴力 猴猴”矢量卡通图形矢量卡通图形2.2.1 知识讲解知识讲解在在Flash 8中，绘制基础图形的工具中，绘制基础图形的工具主要包括线条工具、铅笔工具、钢笔主要包括线条工具、铅笔工具、钢笔工具、刷子工具、橡皮擦工具、矩形工具、刷子工具、橡皮擦工具、矩形工具、椭圆工

11、具和多角星形工具，这工具、椭圆工具和多角星形工具，这类工具通常用于图形轮廓以及几何图类工具通常用于图形轮廓以及几何图形的绘制。形的绘制。2.2.1 知识讲解知识讲解1. 绘制直线绘制直线2. 绘制曲线绘制曲线3. 绘制任意形状线条绘制任意形状线条4. 绘制矢量色块绘制矢量色块5. 擦除图形擦除图形6. 绘制椭圆绘制椭圆7. 绘制矩形绘制矩形8. 绘制多边形和星形绘制多边形和星形1. 绘制直线绘制直线Flash 8中绘制直线的工具为线条中绘制直线的工具为线条工具。工具。使用线条工具绘制直线的具体操使用线条工具绘制直线的具体操作请教师参照软件和书中内容进作请教师参照软件和书中内容进行讲解。行讲解。

12、2. 绘制曲线绘制曲线在在Flash 8中，绘制曲线的主要工具中，绘制曲线的主要工具是钢笔工具，相对其他工具，初次使是钢笔工具，相对其他工具，初次使用钢笔工具时会觉得该工具较难掌握用钢笔工具时会觉得该工具较难掌握，但在熟练掌握后，该工具将是十分，但在熟练掌握后，该工具将是十分有用的绘图工具。有用的绘图工具。使用钢笔工具绘制曲线的具体操作请使用钢笔工具绘制曲线的具体操作请教师参照软件和书中内容进行讲解。教师参照软件和书中内容进行讲解。3. 绘制任意形状线条绘制任意形状线条在在Flash 8中，使用铅笔工具可以绘制任中，使用铅笔工具可以绘制任意形状的线条或不规则的线条轮廓。意形状的线条或不规则的线

13、条轮廓。使用铅笔工具绘制线条的具体操作请教师使用铅笔工具绘制线条的具体操作请教师参照软件和书中内容进行讲解。参照软件和书中内容进行讲解。4. 绘制矢量色块绘制矢量色块在在Flash 8中，利用刷子工具可以绘中，利用刷子工具可以绘制一些特定形状、大小及颜色的矢量制一些特定形状、大小及颜色的矢量色块。具体操作请教师参照软件和书色块。具体操作请教师参照软件和书中内容进行讲解。中内容进行讲解。5. 擦除图形擦除图形在在Flash 8中，利用橡皮擦工具，可中，利用橡皮擦工具，可对图形中绘制失误或不满意的部分进对图形中绘制失误或不满意的部分进行擦除，以便重新进行绘制。除此之行擦除，以便重新进行绘制。除此之

14、外，还可以通过对图形的某一部分进外，还可以通过对图形的某一部分进行擦除，而获得特殊的图形效果。行擦除，而获得特殊的图形效果。橡皮擦工具的具体操作请教师参照软橡皮擦工具的具体操作请教师参照软件和书中内容进行讲解。件和书中内容进行讲解。6. 绘制椭圆绘制椭圆在在Flash 8中，利用椭圆工具可以轻中，利用椭圆工具可以轻松地绘制出椭圆图形。松地绘制出椭圆图形。利用椭圆工具绘制椭圆的具体操作请利用椭圆工具绘制椭圆的具体操作请教师参照软件和书中内容进行讲解。教师参照软件和书中内容进行讲解。7. 绘制矩形绘制矩形在在Flash 8中，利用矩形工具可以绘中，利用矩形工具可以绘制出不同大小、不同形状的矩形。制

15、出不同大小、不同形状的矩形。使用矩形工具绘制矩形的具体操作请使用矩形工具绘制矩形的具体操作请教师参照软件和书中内容进行讲解。教师参照软件和书中内容进行讲解。8. 绘制多边形和星形绘制多边形和星形除了上面介绍的椭圆工具和矩形工具除了上面介绍的椭圆工具和矩形工具外，在外，在Flash 8中还提供了一个专门中还提供了一个专门用于绘制多边形和星形的工具用于绘制多边形和星形的工具多多角星形工具，利用这个工具，可以绘角星形工具，利用这个工具，可以绘制出不同边数和不同大小的多边形和制出不同边数和不同大小的多边形和星形。星形。其具体操作请教师参照软件和书中内其具体操作请教师参照软件和书中内容进行讲解。容进行讲

16、解。2.2.2 典型案例典型案例绘制绘制“暴力猴暴力猴”矢量卡通图形矢量卡通图形w案例目标案例目标本案例将利用所学的线条工具、铅笔工具本案例将利用所学的线条工具、铅笔工具、钢笔工具以及椭圆工具等基本绘图工具、钢笔工具以及椭圆工具等基本绘图工具，绘制一个，绘制一个“暴力猴暴力猴”的矢量卡通图形。的矢量卡通图形。在该练习中，通过对卡通图形的绘制，熟在该练习中，通过对卡通图形的绘制，熟悉并掌握悉并掌握Flash 8中的基本绘图工具。中的基本绘图工具。源文件位置：源文件位置：第第2课课源文件源文件绘制暴力猴绘制暴力猴.fla2.2.2 典型案例典型案例绘制绘制“暴力猴暴力猴”矢量卡通图形矢量卡通图形w

17、操作思路操作思路（1）首先使用铅笔工具和钢笔工具绘制暴力）首先使用铅笔工具和钢笔工具绘制暴力猴的五官轮廓。猴的五官轮廓。（2）然后使用铅笔工具配合钢笔工具绘制暴）然后使用铅笔工具配合钢笔工具绘制暴力猴的身体轮廓。力猴的身体轮廓。（3）使用线条工具、矩形工具、椭圆工具和）使用线条工具、矩形工具、椭圆工具和多角星形工具绘制卡通中的装饰物图形。多角星形工具绘制卡通中的装饰物图形。（4）最后使用线条工具绘制用于划分图形明）最后使用线条工具绘制用于划分图形明暗区域的线条。暗区域的线条。2.2.2 典型案例典型案例绘制绘制“暴力猴暴力猴”矢量卡通图形矢量卡通图形w操作步骤操作步骤具体操作步骤请教师参照软件

18、及书中具体操作步骤请教师参照软件及书中内容进行讲解。内容进行讲解。2.2.2 典型案例典型案例绘制绘制“暴力猴暴力猴”矢量卡通图形矢量卡通图形w操作步骤操作步骤本案例绘制了一个名为本案例绘制了一个名为“暴力猴暴力猴”的矢量卡的矢量卡通图形，通过实例练习了所学的线条工具、通图形，通过实例练习了所学的线条工具、铅笔工具以及矩形工具等基本绘图工具。通铅笔工具以及矩形工具等基本绘图工具。通过本例的练习，对上述工具已经有所掌握，过本例的练习，对上述工具已经有所掌握，建议读者搜集一些卡通图片素材，并参照这建议读者搜集一些卡通图片素材，并参照这些素材自行练习，以达到熟练掌握工具的目些素材自行练习，以达到熟练

19、掌握工具的目的，并同时提高自身的绘图水平。的，并同时提高自身的绘图水平。2.3 填充图形颜色填充图形颜色通常在绘制了矢量图形的轮廓线条后通常在绘制了矢量图形的轮廓线条后，还需要为其填充相应的颜色。恰当，还需要为其填充相应的颜色。恰当的颜色填充，不但可以使图形更加精的颜色填充，不但可以使图形更加精美、漂亮，对于线条轮廓出现的细小美、漂亮，对于线条轮廓出现的细小失误还具有一定的弥补作用。下面就失误还具有一定的弥补作用。下面就对对Flash 8中用于颜色填充的各种工中用于颜色填充的各种工具进行讲解。具进行讲解。2.3 填充图形颜色填充图形颜色2.3.1 知识讲解知识讲解2.3.2 典型案例典型案例为

20、为“暴力猴暴力猴” 填充颜色填充颜色2.3.1 知识讲解知识讲解在在Flash 8中，用于图形颜色填充的中，用于图形颜色填充的工具主要包括滴管工具、颜料桶工具工具主要包括滴管工具、颜料桶工具、填充变形工具和墨水瓶工具。、填充变形工具和墨水瓶工具。2.3.1 知识讲解知识讲解1. 对指定颜色采样对指定颜色采样2. 为图形填充纯色为图形填充纯色3. 为图形填充渐变色为图形填充渐变色4. 为图形添加线条轮廓为图形添加线条轮廓1. 对指定颜色采样对指定颜色采样在在Flash 8中，使用滴管工具可以从中，使用滴管工具可以从指定的位置提取该位置的线条或矢量指定的位置提取该位置的线条或矢量色块的颜色样本，并

21、将其自动设置为色块的颜色样本，并将其自动设置为颜料桶工具或墨水瓶工具的填充色。颜料桶工具或墨水瓶工具的填充色。其具体操作请教师参照软件和书中内其具体操作请教师参照软件和书中内容进行讲解。容进行讲解。2. 为图形填充纯色为图形填充纯色在在Flash 8中，为封闭图形中的颜色中，为封闭图形中的颜色填充，主要通过颜料桶工具来完成。填充，主要通过颜料桶工具来完成。使用颜料桶工具填充颜色的具体操作使用颜料桶工具填充颜色的具体操作请教师参照软件和书中内容进行讲解请教师参照软件和书中内容进行讲解。3. 为图形填充渐变色为图形填充渐变色使用颜料桶工具，除了可以为一个封使用颜料桶工具，除了可以为一个封闭的区域填

22、充单一的颜色外，还可通闭的区域填充单一的颜色外，还可通过与过与【混色器混色器】面板以及填充变形工面板以及填充变形工具配合使用，为封闭区域填充具有颜具配合使用，为封闭区域填充具有颜色渐变效果的渐变色。色渐变效果的渐变色。为图形填充渐变色的具体操作请教师为图形填充渐变色的具体操作请教师参照软件和书中内容进行讲解。参照软件和书中内容进行讲解。4. 为图形添加线条轮廓为图形添加线条轮廓在在Flash 8中，除了利用颜料桶工具中，除了利用颜料桶工具为封闭图形填充颜色外，还可利用墨为封闭图形填充颜色外，还可利用墨水瓶为矢量图形添加指定颜色的线条水瓶为矢量图形添加指定颜色的线条轮廓。轮廓。使用墨水瓶工具为图

23、形添加轮廓的具使用墨水瓶工具为图形添加轮廓的具体操作请教师参照软件和书中内容进体操作请教师参照软件和书中内容进行讲解。行讲解。 2.3.2 典型案例典型案例为为“暴力猴暴力猴” 填充颜色填充颜色w案例目标案例目标本案例将利用所学的滴管工具、墨水本案例将利用所学的滴管工具、墨水瓶工具和颜料桶工具，配合填充变形瓶工具和颜料桶工具，配合填充变形工具和工具和【混色器混色器】面板，为前面绘制面板，为前面绘制的的“暴力猴暴力猴”卡通图形填充颜色。卡通图形填充颜色。n素材位置：素材位置：【第第2课课素材素材绘制暴力猴绘制暴力猴.fla】n源文件位置：源文件位置：【第第2课课源文件源文件为暴力猴填色为暴力猴填

24、色.fla】 2.3.2 典型案例典型案例为为“暴力猴暴力猴” 填充颜色填充颜色w操作思路操作思路（1）使用墨水瓶工具为装饰物添加轮廓，利用滴）使用墨水瓶工具为装饰物添加轮廓，利用滴管工具提取装饰物的填充色，并用提取的颜色填充管工具提取装饰物的填充色，并用提取的颜色填充袖口部分。袖口部分。（2）使用颜料桶工具，利用）使用颜料桶工具，利用【混色器混色器】面板对颜面板对颜色进行调整，为卡通形象的不同部分填充颜色。色进行调整，为卡通形象的不同部分填充颜色。（3）在）在【混色器混色器】面板中调整渐变色，并使用渐面板中调整渐变色，并使用渐变色对球棒进行填充，最后将图形中用于划分图形变色对球棒进行填充，最

25、后将图形中用于划分图形明暗区域的多余线条删除。明暗区域的多余线条删除。 2.3.2 典型案例典型案例为为“暴力猴暴力猴” 填充颜色填充颜色w操作步骤操作步骤具体操作步骤请教师参照软件及书中具体操作步骤请教师参照软件及书中内容进行讲解。内容进行讲解。 2.3.2 典型案例典型案例为为“暴力猴暴力猴” 填充颜色填充颜色w案例小结案例小结本案例通过为前面绘制的本案例通过为前面绘制的“暴力猴暴力猴”矢量卡通矢量卡通填充颜色，练习了滴管工具、墨水瓶工具、颜填充颜色，练习了滴管工具、墨水瓶工具、颜料桶工具、填充变形工具以及料桶工具、填充变形工具以及【混色器混色器】面板面板的使用方法。在的使用方法。在【混色

26、器混色器】面板中调整渐变色面板中调整渐变色以及利用填充变形工具对渐变色填充属性进行以及利用填充变形工具对渐变色填充属性进行调整是本例的重点，应仔细体会这部分的操作调整是本例的重点，应仔细体会这部分的操作步骤，并争取将其熟练掌握。步骤，并争取将其熟练掌握。2.4 上机练习上机练习2.4.1 绘制绘制“樱桃娃娃樱桃娃娃”卡通图形卡通图形 2.4.2 绘制绘制“显示器显示器”矢量图形矢量图形 2.4.1 绘制绘制“樱桃娃娃樱桃娃娃”卡通图形卡通图形本次练习将绘制本次练习将绘制 “樱桃娃娃樱桃娃娃”卡通卡通图形。主要练习铅笔工具、钢笔工具图形。主要练习铅笔工具、钢笔工具、颜料桶工具和椭圆工具的操作。、

27、颜料桶工具和椭圆工具的操作。源文件位置：源文件位置：【第第2课课源文件源文件绘制樱桃娃娃绘制樱桃娃娃.fla】2.4.1 绘制绘制“樱桃娃娃樱桃娃娃”卡通图形卡通图形操作思路：操作思路：n文档的场景尺寸为文档的场景尺寸为300350像素。像素。n使用钢笔工具配合铅笔工具绘制出卡通的轮廓，其使用钢笔工具配合铅笔工具绘制出卡通的轮廓，其中较为规则的曲线可用钢笔工具来绘制，其余描绘中较为规则的曲线可用钢笔工具来绘制，其余描绘细节以及用于划分图形明暗区域的线条使用铅笔工细节以及用于划分图形明暗区域的线条使用铅笔工具绘制。具绘制。n使用椭圆工具绘制眼睛和脸上的红晕图形。然后使使用椭圆工具绘制眼睛和脸上的

28、红晕图形。然后使用颜料桶工具为图形的各部分填充相应的颜色。用颜料桶工具为图形的各部分填充相应的颜色。n最后将所有用于划分明暗区域的线条删除，并将图最后将所有用于划分明暗区域的线条删除，并将图形中的线条设置为不同的粗细，以增强画面的层次形中的线条设置为不同的粗细，以增强画面的层次感。感。2.4.2 绘制绘制“显示器显示器”矢量图形矢量图形本次练习将绘制一个本次练习将绘制一个“显示器显示器”矢量矢量图形，并利用渐变色将其填充。主要图形，并利用渐变色将其填充。主要练习线条工具、钢笔工具、颜料桶工练习线条工具、钢笔工具、颜料桶工具、填充变形工具以及具、填充变形工具以及【混色器混色器】面面板的使用。板的

29、使用。源文件位置：源文件位置：第第2课课源文件源文件绘制显示器绘制显示器.fla2.4.2 绘制绘制“显示器显示器”矢量图形矢量图形操作思路：操作思路：w 文档的场景尺寸为文档的场景尺寸为400350像素。像素。w 使用线条工具配合钢笔工具绘制出显示器的轮廓，然后使用线条工具配合钢笔工具绘制出显示器的轮廓，然后利用线条工具在图形中划分出不同的颜色填充区域。利用线条工具在图形中划分出不同的颜色填充区域。w 选择颜料桶工具，并在选择颜料桶工具，并在【混色器混色器】面板中调整出银灰放面板中调整出银灰放射状渐变色。使用颜料桶工具为图形填充渐变色，然后射状渐变色。使用颜料桶工具为图形填充渐变色，然后使用填充变形工具对渐变色的填充属性做适当调整。使用填充变形工具对渐变色的填充属性做适当调整。w 使用椭圆工具在显示器面板上绘制表现控制按钮的椭圆使用椭圆工具在显示器面板上绘制表现控制按钮的椭圆图形。图形。w 最后将除图形轮廓线条外的所有线条删除。最后将除图形轮廓线条外的所有线条删除。