绘制与填充矢量图形.ppt

第2课 绘制与填充矢量图形,本课要点具体要求本课导读上机练习,本课要点,Flash 8中的图形概念Flash 8基本绘图工具Flash 8颜色填充工具,具体要求,了解位图与矢量图的区别。掌握线条工具、铅笔工具和钢笔工具等工具绘制线条的方法。掌握椭圆工具、矩形工具等几何图形绘制工具的使用方法。掌握滴管工具、颜料桶工具以及填充变形工具的使用方法。熟练掌握利用【混色器】面板为图形填充渐变色的操作方法。,本课导读,在Flash动画中，矢量图形是其必不可少的重要组成部分。在Flash 8中提供了一系列的矢量图形绘制与填充工具，用户可通过这些工具绘制所需的矢量图形，并将绘制的矢量图形应用到动画中。,2.1 Flash 8图形绘制基础,利用Flash 8中提供的矢量图形绘制与填充工具，可以根据动画需要，绘制出相应的矢量图形。在正式学习这些工具之前，首先需要对Flash 8中的图形概念以及【绘图】工具栏等基础知识进行了解。,2.1 Flash 8图形绘制基础,2.1.1 知识讲解2.1.2 典型案例在Flash中体会位图 和矢量图的区别,2.1.1 知识讲解,为了更好地对Flash 8中图形的相关基础知识进行了解，下面分别对Flash 8中的图形概念、【绘图】工具栏以及基本的绘图工具进行简单的介绍。,2.1.1 知识讲解,1.Flash 8中的图形概念2.认识【绘图】工具栏 3.Flash 8中的绘图工具,1.Flash 8中的图形概念,在Flash 8中，根据图形显示和存储原理的不同，将其分为位图和矢量图两种。位图：位图是根据图像中每一点的信息生成的，因其存储和显示原理，使得位图具有丰富的色彩表现力，一般多用在对色彩丰富度或真实感要求比较高的场合。矢量图：矢量图是由电脑根据存储的矢量数据，通过相应的计算后生成的，它主要通过包含颜色和位置属性的直线或曲线数据来描述图像。,2.认识【绘图】工具栏,Flash 8中的【绘图】工具栏位于主界面的左侧，【绘图】工具栏主要分为【工具】区域、【查看】区域、【颜色】区域和【选项】区域等4个区域。,3.Flash 8中的绘图工具,Flash 8中所有的绘图工具位于【绘图】工具栏的【工具】区域中。工具包括：选择工具、部分选取工具、任意变形工具、填充变形工具、线条工具、套索工具、钢笔工具、文本工具、椭圆工具、矩形工具、多角星形工具、铅笔工具、刷子工具、墨水瓶工具、颜料桶工具、滴管工具、橡皮擦工具,典型案例在Flash中体 会位图和矢量图的区别,案例目标本案例将把提供的位图素材导入到Flash 8中，复制位图，并将复制的位图转换为矢量图。通过对其进行比较，体会在Flash 8中位图和矢量图的实际区别。对比的效果如图2.7所示。素材位置：【第2课素材】源文件位置：【第2课源文件在Flash中体会位图和矢量图的区别.fla】,典型案例在Flash中体 会位图和矢量图的区别,操作思路（1）将提供的位图素材导入到Flash 8中。（2）复制位图，并将位图转换为矢量图。（3）在Flash 8中将场景的显示比例进行缩放，分别观察位图和矢量图出现的变化。（4）将图层以轮廓方式显示，观察位图和矢量图在这种方式下显示的不同状态。,典型案例在Flash中体 会位图和矢量图的区别,操作步骤具体操作步骤请教师参照软件及书中内容进行讲解。,典型案例在Flash中体 会位图和矢量图的区别,案例小结本例利用提供的位图素材，在Flash 8中以不同显示比例和显示方式对位图和矢量图进行了对比，通过对比使读者对位图和矢量图在Flash 8中的大致区别有了一个基本的认识。,2.2 绘制基础图形,在了解了Flash 8中的图形概念并认识【绘图】工具栏以及相关的绘图工具后，下面就对Flash 8中用于基础图形绘制的工具及其使用方法进行详细的讲解。,2.2 绘制基础图形,知识讲解 典型案例绘制“暴力 猴”矢量卡通图形,知识讲解,在Flash 8中，绘制基础图形的工具主要包括线条工具、铅笔工具、钢笔工具、刷子工具、橡皮擦工具、矩形工具、椭圆工具和多角星形工具，这类工具通常用于图形轮廓以及几何图形的绘制。,知识讲解,1.绘制直线2.绘制曲线3.绘制任意形状线条4.绘制矢量色块5.擦除图形6.绘制椭圆7.绘制矩形8.绘制多边形和星形,1.绘制直线,Flash 8中绘制直线的工具为线条工具。使用线条工具绘制直线的具体操作请教师参照软件和书中内容进行讲解。,2.绘制曲线,在Flash 8中，绘制曲线的主要工具是钢笔工具，相对其他工具，初次使用钢笔工具时会觉得该工具较难掌握，但在熟练掌握后，该工具将是十分有用的绘图工具。使用钢笔工具绘制曲线的具体操作请教师参照软件和书中内容进行讲解。,3.绘制任意形状线条,在Flash 8中，使用铅笔工具可以绘制任意形状的线条或不规则的线条轮廓。使用铅笔工具绘制线条的具体操作请教师参照软件和书中内容进行讲解。,4.绘制矢量色块,在Flash 8中，利用刷子工具可以绘制一些特定形状、大小及颜色的矢量色块。具体操作请教师参照软件和书中内容进行讲解。,5.擦除图形,在Flash 8中，利用橡皮擦工具，可对图形中绘制失误或不满意的部分进行擦除，以便重新进行绘制。除此之外，还可以通过对图形的某一部分进行擦除，而获得特殊的图形效果。橡皮擦工具的具体操作请教师参照软件和书中内容进行讲解。,6.绘制椭圆,在Flash 8中，利用椭圆工具可以轻松地绘制出椭圆图形。利用椭圆工具绘制椭圆的具体操作请教师参照软件和书中内容进行讲解。,7.绘制矩形,在Flash 8中，利用矩形工具可以绘制出不同大小、不同形状的矩形。使用矩形工具绘制矩形的具体操作请教师参照软件和书中内容进行讲解。,8.绘制多边形和星形,除了上面介绍的椭圆工具和矩形工具外，在Flash 8中还提供了一个专门用于绘制多边形和星形的工具多角星形工具，利用这个工具，可以绘制出不同边数和不同大小的多边形和星形。其具体操作请教师参照软件和书中内容进行讲解。,典型案例绘制“暴力猴”矢量卡通图形,案例目标本案例将利用所学的线条工具、铅笔工具、钢笔工具以及椭圆工具等基本绘图工具，绘制一个“暴力猴”的矢量卡通图形。在该练习中，通过对卡通图形的绘制，熟悉并掌握Flash 8中的基本绘图工具。源文件位置：第2课源文件绘制暴力猴.fla,典型案例绘制“暴力猴”矢量卡通图形,操作思路（1）首先使用铅笔工具和钢笔工具绘制暴力猴的五官轮廓。（2）然后使用铅笔工具配合钢笔工具绘制暴力猴的身体轮廓。（3）使用线条工具、矩形工具、椭圆工具和多角星形工具绘制卡通中的装饰物图形。（4）最后使用线条工具绘制用于划分图形明暗区域的线条。,典型案例绘制“暴力猴”矢量卡通图形,操作步骤具体操作步骤请教师参照软件及书中内容进行讲解。,典型案例绘制“暴力猴”矢量卡通图形,操作步骤本案例绘制了一个名为“暴力猴”的矢量卡通图形，通过实例练习了所学的线条工具、铅笔工具以及矩形工具等基本绘图工具。通过本例的练习，对上述工具已经有所掌握，建议读者搜集一些卡通图片素材，并参照这些素材自行练习，以达到熟练掌握工具的目的，并同时提高自身的绘图水平。,2.3 填充图形颜色,通常在绘制了矢量图形的轮廓线条后，还需要为其填充相应的颜色。恰当的颜色填充，不但可以使图形更加精美、漂亮，对于线条轮廓出现的细小失误还具有一定的弥补作用。下面就对Flash 8中用于颜色填充的各种工具进行讲解。,2.3 填充图形颜色,知识讲解 典型案例为“暴力猴”填充颜色,知识讲解,在Flash 8中，用于图形颜色填充的工具主要包括滴管工具、颜料桶工具、填充变形工具和墨水瓶工具。,知识讲解,1.对指定颜色采样2.为图形填充纯色3.为图形填充渐变色4.为图形添加线条轮廓,1.对指定颜色采样,在Flash 8中，使用滴管工具可以从指定的位置提取该位置的线条或矢量色块的颜色样本，并将其自动设置为颜料桶工具或墨水瓶工具的填充色。其具体操作请教师参照软件和书中内容进行讲解。,2.为图形填充纯色,在Flash 8中，为封闭图形中的颜色填充，主要通过颜料桶工具来完成。使用颜料桶工具填充颜色的具体操作请教师参照软件和书中内容进行讲解。,3.为图形填充渐变色,使用颜料桶工具，除了可以为一个封闭的区域填充单一的颜色外，还可通过与【混色器】面板以及填充变形工具配合使用，为封闭区域填充具有颜色渐变效果的渐变色。为图形填充渐变色的具体操作请教师参照软件和书中内容进行讲解。,4.为图形添加线条轮廓,在Flash 8中，除了利用颜料桶工具为封闭图形填充颜色外，还可利用墨水瓶为矢量图形添加指定颜色的线条轮廓。使用墨水瓶工具为图形添加轮廓的具体操作请教师参照软件和书中内容进行讲解。,典型案例为“暴力猴”填充颜色,案例目标本案例将利用所学的滴管工具、墨水瓶工具和颜料桶工具，配合填充变形工具和【混色器】面板，为前面绘制的“暴力猴”卡通图形填充颜色。素材位置：【第2课素材绘制暴力猴.fla】源文件位置：【第2课源文件为暴力猴填色.fla】,典型案例为“暴力猴”填充颜色,操作思路（1）使用墨水瓶工具为装饰物添加轮廓，利用滴管工具提取装饰物的填充色，并用提取的颜色填充袖口部分。（2）使用颜料桶工具，利用【混色器】面板对颜色进行调整，为卡通形象的不同部分填充颜色。（3）在【混色器】面板中调整渐变色，并使用渐变色对球棒进行填充，最后将图形中用于划分图形明暗区域的多余线条删除。,典型案例为“暴力猴”填充颜色,操作步骤具体操作步骤请教师参照软件及书中内容进行讲解。,典型案例为“暴力猴”填充颜色,案例小结本案例通过为前面绘制的“暴力猴”矢量卡通填充颜色，练习了滴管工具、墨水瓶工具、颜料桶工具、填充变形工具以及【混色器】面板的使用方法。在【混色器】面板中调整渐变色以及利用填充变形工具对渐变色填充属性进行调整是本例的重点，应仔细体会这部分的操作步骤，并争取将其熟练掌握。,2.4 上机练习,绘制“樱桃娃娃”卡通图形 绘制“显示器”矢量图形,绘制“樱桃娃娃”卡通图形,本次练习将绘制“樱桃娃娃”卡通图形。主要练习铅笔工具、钢笔工具、颜料桶工具和椭圆工具的操作。源文件位置：【第2课源文件绘制樱桃娃娃.fla】,绘制“樱桃娃娃”卡通图形,操作思路：文档的场景尺寸为300350像素。使用钢笔工具配合铅笔工具绘制出卡通的轮廓，其中较为规则的曲线可用钢笔工具来绘制，其余描绘细节以及用于划分图形明暗区域的线条使用铅笔工具绘制。使用椭圆工具绘制眼睛和脸上的红晕图形。然后使用颜料桶工具为图形的各部分填充相应的颜色。最后将所有用于划分明暗区域的线条删除，并将图形中的线条设置为不同的粗细，以增强画面的层次感。,绘制“显示器”矢量图形,本次练习将绘制一个“显示器”矢量图形，并利用渐变色将其填充。主要练习线条工具、钢笔工具、颜料桶工具、填充变形工具以及【混色器】面板的使用。源文件位置：第2课源文件绘制显示器.fla,绘制“显示器”矢量图形,操作思路：文档的场景尺寸为400350像素。使用线条工具配合钢笔工具绘制出显示器的轮廓，然后利用线条工具在图形中划分出不同的颜色填充区域。选择颜料桶工具，并在【混色器】面板中调整出银灰放射状渐变色。使用颜料桶工具为图形填充渐变色，然后使用填充变形工具对渐变色的填充属性做适当调整。使用椭圆工具在显示器面板上绘制表现控制按钮的椭圆图形。最后将除图形轮廓线条外的所有线条删除。,