flash绘制矢量图形分析课件.ppt

《flash绘制矢量图形分析课件.ppt》由会员分享，可在线阅读，更多相关《flash绘制矢量图形分析课件.ppt（95页珍藏版）》请在三一办公上搜索。

1、Flash cs5 二维动画制作案例教程,模块二 矢量图形绘制,模块二 矢量图形绘制,案例2 美丽的草原绘制基本图形,2.1矢量图与位图,2.2线条工具,2.3矩形工具组,2.4任意变形工具,案例3 满塘荷叶3D 刷子效果,案例4 绘制卡通女孩图形选择与修饰,2.5铅笔工具和刷子工具,模块二 矢量图形绘制,2.6选择工具和部分选取工具,2.7钢笔工具,2.8套索工具,案例5 甲壳虫对图形进行着色,2.9 滴管工具,2.10 墨水瓶工具,2.11颜料桶工具,2.12橡皮擦工具,案例2 美丽的草原绘制基本图形,案例描述:使用基本的绘图工具，绘制如图2-1所示的美丽的草原效果。 图2-1“美丽的草原

2、”图形效果案例分析:通过使用工具箱中的矩形工具组、线条工具、任意变形工具及颜料桶工具等，完成复杂图形绘制的效果。该案例主要练习草地、白云、城堡、大树等图形对象的绘制，以及在舞台上分布的技巧。,案例2 美丽的草原绘制基本图形,操作步骤:1.新建FLASH文档，按Ctrl+S打开“另存为”对话框，选择保存路径，输入文件名“美丽的草原”，然后单击“确定”，回到工作区。2.执行菜单“修改文档”命令，打开“文档属性”对话框，把背景颜色修改为浅蓝色：#00CCCC。3.绘制草地。单击“插入新建元件”命令，新建一个元件，命名为“草地”，类型选择“图形”，新建一个图层，命名为“草皮”， 选择“椭圆工具”，设置

3、笔触颜色为无，在“填充颜色”对话框中设置填充色为绿色：#00B80B，画一个大椭圆，如图2-2所示；再使用“选择工具”选择椭圆的下半部，按“Delete”删除；再使用“部分选取工具”选择剩余的部分，适当的调整几个锚点来改变形状，如图2-2所示。,案例2 美丽的草原绘制基本图形,4.绘制羊群。新建一个图层，命名为“羊群”， 选择“刷子工具”，设置刷子大小为较小，随意画部分不规则的小白点来制作羊群，如图2-3所示。 图2-3羊群效果图5.用同样的操作方法再绘制一个形状如2-4所示的草地，颜色为：#87D93C。 图2-4草地效果图,案例2 美丽的草原绘制基本图形,6.绘制城堡。新建一个图形元件，命

4、名为“城堡”，选择“多角星形工具” ，单击属性面板上“选项”按钮，设置多边形的边数为3，如图2-5所示；单击“笔触颜色”按钮，在该面板上单击按钮，表示设置笔触颜色为无，如图2-6所示。设置填充颜色为：F09A3C。 图2-5多角星形工具对话框 图2-6填充颜色对话框,案例2 美丽的草原绘制基本图形,7.设置完毕后，绘制一个三角形，作为屋顶，再用“矩形工具”绘制一个长方形，填充颜色为：#F86D78，作为房身，然后使用“选择工具”，对两个图形调整修改成图2-7所示的城堡外形。选择“线条工具”在房身上画出如图2-7所示的形状。 图2-7城堡外形,案例2 美丽的草原绘制基本图形,8.绘制白云。新建一

5、个图形元件，命名为“白云”。选择“椭圆工具”，设置笔触颜色为无，在“填充颜色”对话框中设置填充色为白色，画一些大小不同的相交的圆或者椭圆，如图2-8所示,外形画成白云的形状。,案例2 美丽的草原绘制基本图形,9.用上面同样的操作方法再绘制一个白云。新建一个元件，命名为“白云1”，使用“椭圆工具”、“选择工具”，“颜料桶工具”等绘制如图2-9所示白云效果。填充颜色的类形设置为“线型渐变”，填充颜色变白色渐变到透明，如图2-10所示。 图2-9白云效果 图2-10 “线型渐变”对话框,案例2 美丽的草原绘制基本图形,10.绘制树。新建一个元件，命名为“大树”， 选择“铅笔工具”，设置笔触颜色为黑色

6、，画一个如图2-11所示的树冠；使用“线条工具”绘制大树树干的轮廓。选择“颜料桶工具”，使用填充色：#009900，把树冠部分填充为绿色，把树干部分填充为深红色：#660000，最终生成如图2-11所示的大树效果。最后用“选择工具”选取大树的轮廓后删除。 图2-11 大树效果图,案例2 美丽的草原绘制基本图形,11.当所有对象绘制完成后，打开库面板把各个元件根据作品需要调整它们至舞台上合适的位置，并根据需要调整大小。调整图层的显示顺序如图2-12所示。图2-12图层顺序12.按Ctrl+S保存文件，然后按Ctrl+Enter测试影片，播放效果如图2-1所示。,2.1矢量图与位图,矢量图与位图是

7、Flash中非常重要的两个概念。Flash创建的几何形体都是用矢量图来表现的，包括线条、椭圆、矩形与多边形等。1.位图位图，也叫光栅图、点阵图 ，是由很多个像小方块一样的颜色网格（即像素）组成的图像。位图具有固定的分辨率，也就是说位图按照原始的大小来显示或打印效果最好，扩大或缩小都会造成图形失真。位图图像放大到一定的倍数后，看到的便是一个一个方形的色块，整体图像也会变得模糊、粗糙，且会产生锯齿。2.矢量图矢量图，又称向量图，是一种抽象化的图形，是对图像依据某个标准进行分析而产生的结果，它不直接描述图像上的每一个点，而是描述产生这些点的过程和方法。将矢量图放大后，图形仍能保持原来的清晰度，且色彩

8、不失真。有关位图与矢量图的转换在第三章会有祥细的讲解。,2.2线条工具,线条工具用于绘制直线。用鼠标单击工具箱中的“线条工具”按钮或按“N”键，可调出该工具。1.设置线条工具属性选择“线条工具”后，在“属性”面板中可以设置线条的颜色、大小、笔触样式以及端点和接合样式等，如图2-13所示。 “线条工具”属性面板的设置选项含义如下：笔触颜色：设置笔触的颜色。注：无法为线条工具设置填充属性。“笔触提示”复选框：启用笔触提示，可以调整直线控制点和曲线控制点，防止出现模糊的垂直或水平线。“端点”选项：设定路径终点的样式，有“无”、“圆角”和“方型”三种选项。 “缩放”：决定对象在被缩放的时侯线条的缩放状

9、态。选项有“一般”、“水平”、“垂直”和“无”，以此来决定线条随着哪个方向上的缩放比例进行缩放。“接合”选项：定义两个路径片段的相接方式，可以是“尖角”、“圆角”或“斜角”。“尖角”：该值可用于进行尖角限制。超过这个值的线条部分将被切成方型，而不形成尖角。,2.2线条工具,选择笔触样式：单击笔触样式列表框旁边的箭头，然后从弹出的列表中选择合适的笔触类型。单击“工具”面板的“选项”部分中的“对象绘制”按钮，以选择合并绘制模式或对象绘制模式。按下“对象绘制”按钮时，线条工具处于对象绘制模式。Flash中有六种笔触样式，单击“属性”面板中的“自定义”按钮，可以打开笔触样式的类型，对其分别进行设置，如

10、图2-14所示。 图2-13“线性工具”属性面板 图2-14笔触样式面板,2.2线条工具,2.线条工具的操作方法使用方法是：将鼠标移动到舞台上，接着按住鼠标左键并拖动，最后松开鼠标，一条直线就绘制好了。若在绘制进程中按住Shift键，可将直线的方向锁定在45的倍角方向上。在使用线条工具时，常选择不同的笔触类型，来绘制出各式各样的线条，如图2-15所示的图形就是使用“线条工具”绘制的。 图2-15通过线条工具绘制的图形,2.3矩形工具组,在工具箱中单击矩形工具组并按住鼠标不放，便会弹出下拉工具列表。该工具组包含了5个常用工具，分别为“矩形工具”、“椭圆工具” 、“基本矩形工具”、“基本椭圆工具”

11、和“多角星形工具”。这些工具主要用于绘制一些基本几何图形，如圆形、长方形、扇形、星形和多边形等。,2.3矩形工具组,矩形工具矩形工具用于绘制矩形、正方形等图形。在工具箱中选择“矩形工具”或按“R”键，即可调用该工具。（1）设置矩形工具属性打开“矩形工具”的属性面板，如图2-16所示。在矩形工具属性面板中，笔触颜色、笔触高度、笔触样式、端点、结合等参数跟线条工具属性面板中的相应选项含义是相同的，面板下方的矩形边角半径参数常用于绘制圆角矩形。,（2）矩形工具的操作方法绘制矩形使用方法是：选定矩形工具后，将鼠标指针置于舞台中，就会变为十字形状，单击并拖动鼠标即可从单击处为起点绘制一个矩形。绘制正方形

12、使用矩形工具绘制时，按住Shift键不放可以绘制正方形；按住Alt键不放，可以以单击处为中心进行绘制；若同时按下Shift+Alt组合键，则可以单击处为中心绘制正方形。,2.3矩形工具组,绘制圆角矩形可以在矩形工具属性面板中对“矩形边角半径”等参数进行相关设置，以绘制出圆角矩形等需要的图形，如图2-17所示的图形就是在不同的矩形边角半径下做出的。需要注意的是：要想使用矩形工具绘制圆角矩形，必须在绘制之前进行圆角的设置。若要在使用基本矩形工具拖动时更改角半径，请按向上箭头键或向下箭头键。当圆角达到所需圆度时，松开键。 图2-16矩形工具属性面板 图2-17不同矩形边角半径绘制的图形效果,2.3矩

13、形工具组,2.基本矩形工具基本矩形工具常用于绘制圆角矩形。在矩形工具组的下拉工具列表中选择“基本矩形工具”或按“R”键，即可调用该工具。多次按“R”键可以在“矩形工具”和“基本矩形工具”之间进行切换。基本矩形工具的属性面板与矩形工具的相同，各个参数的含义也一样，可参照图2-27所示的矩形工具属性面板进行学习。使用“基本矩形工具”绘制矩形的方法和“矩形工具”相同，只是在绘制完毕后矩形的四个角上会出现四个圆形的控制点，使用“选择工具”拖动控制点可以调整矩形的圆角半径。,2.3矩形工具组,3.椭圆工具椭圆工具用于绘制椭圆、正圆等图形。在矩形工具组的下拉工具列表中选择“椭圆工具”或按“O”键，即可调用

14、该工具。（1）设置椭圆工具属性“椭圆工具”对应的属性面板和“矩形工具”类似，选择椭圆工具后可在属性面板中进行相关设置，包括起始角度、结束角度、内径及闭合路径等参数，如图2-18所示。 “椭圆工具”属性面板设置选项的含义如下：起始角度：表示椭圆开始的角度，常用于绘制扇形。结束角度：表示椭圆结束的角度，常用于绘制扇形。内径：表示绘制的椭圆内径，常用于绘制圆环。闭合路径：在设定了起始角度与结束角度后，当前面的复选框勾选时，绘制的是闭合的路径图形，反之绘制曲线条。,2.3矩形工具组,（2）椭圆工具的操作方法绘制基本椭圆绘制椭圆的方法和绘制矩形的方法类似，选择“椭圆工具”后，将鼠标指针移至舞台，单击左键

15、并拖动鼠标即可绘制出一个椭圆。绘制正圆若在绘制时按住Shift键不放，可以绘制出一个正圆；若绘制时按住Alt键不放，则可以单击处为圆心进行绘制；若绘制同时按住Alt+Shift组合键不放，则可以单击处为圆心绘制正圆。,2.3矩形工具组,绘制扇形、圆环在绘制椭圆时，如果我们设定了起始角度与结束角度值，可以绘制扇形效果；如果设定了内径值，可以绘制圆环效果，如图2-19所示。 图2-18椭圆工具属性面板 图2-19椭圆工具绘制的各类图形,2.3矩形工具组,4.基本椭圆工具基本椭圆工具常用于绘制扇形、圆环等。在矩形工具组的下拉工具列表中选择“基本椭圆工具”或按“O”键， 即可调用该工具。多次按“O”键

16、可以在“椭圆工具”和“基本椭圆工具”之间进行切换。基本椭圆工具的属性面板与椭圆工具的相同，各个参数的含义也一样，可参照图2-18所示的椭圆工具属性面板进行学习。使用“基本椭圆工具”绘制椭圆的方法和“椭圆工具”相同，只是在绘制完毕后，椭圆上多出四个圆形的控制点，使用“选择工具”拖动控制点可以对椭圆的起始角度、结束角度和内径分别进行调整。,2.3矩形工具组,5.多角星形工具 “多角星形工具”用来绘制规则的多边形和星形。在矩形工具组的下拉工具列表中选择“多角星形工具”，即可调用该工具。（1）设置多角星形工具属性打开“多角星形工具”的属性面板，与“线性工具”的属性面板相似，如图2-20所示。在使用该工

17、具前，需要对其属性进行相关设置，以绘制出需要的形状。,2.3矩形工具组,绘制多边形下面通过绘制一个八边形为例来说明使用“多角星形工具”绘制多边形的操作方法。操作步骤：在工具箱中选择“多角星形工具”，打开“属性”面板，设置“笔触颜色”为黑色，“笔触高度”为2；单击“填充颜色”按钮，在弹出的调色板中单击“没有颜色”按钮，如图2-21所示。 图2-20多角星形工具属性面板 图2-21设定填充色为“没有颜色”,2.3矩形工具组,单击“选项”按钮，弹出“工具设置”对话框，在“样式”下拉列表框中选择“多边形”选项，在“边数”数值框中输入8，单击“确定”按钮，如图2-22所示。将鼠标指针移至舞台中，鼠标指针

18、变为十字形状，单击左键并拖动可绘制出一个规则的八边形，如图2-23所示。 图2-22工具设置对话框 图2-23八边形,2.3矩形工具组,绘制星形绘制星形的方法与绘制多边形是一致的，不同的是在绘制星形前应在“工具设置”对话框中的“样式”下拉列框中选择“星形”，如图2-24所示。需要注意的是：在“工具设置”对话框中，“星形顶点大小”的取值范围为01，值越大顶点的角度就越大。当输入的值超过其取值范围时，系统自动会以0或1来取代超出的数值。如图2-25所示的的五角星就是在“星形顶点大小”的值分别是0、0.5、1时绘制出来的。 图2-24工具设置对话框 图2-25五角星,2.4任意变形工具,使用“任意变

19、形工具”可以对选择的一个或多个对象进行各种变形操作，如旋转、缩放、倾斜、扭曲和封套等。单击工具箱中的“任意变形工具”或按“Q”键，可调用该工具。1.任意变形工具功能按钮“任意变形工具”选项区中有四个按钮，如图2-26所示。图2-26“任意变形工具”功能按钮“旋转与倾斜”按钮：单击该按钮只能对图形进行旋转和倾斜操作，在进行倾斜操作时，鼠标指针应位于控制点上，而非控制线上。“扭曲”按钮：单击该按钮后，只能对图形进行扭曲操作，用来增强图形的透视效果。“缩放”按钮：单击该按钮后，只能对图形进行缩放操作。将鼠标指针移至四角的控制点上，当其变为双向箭头时按住鼠标左键并拖动鼠标，可以等比例缩放图形。“封套”

20、按钮：单击该按钮后，图形四周出现许多控制点，用于对图形进行复杂的变形操作。,2.4任意变形工具,2.任意变形工具的操作方法在使用任意变形工具时有两种选择模式：一是先选择对象，然后再选择工具箱里的“任意变形工具”变形；另一种是先选取工具箱中的任意变形工具，然后再选择对象进行变形，使用时根据实际需要进行操作。使用任意变形工具操作时，可灵活使用选项区中的功能按钮，实现对应的变形效果。（1）“旋转与倾斜”及“缩放”命令可以对所有的图形对象来操作，变形效果如图2-27所示。 图2-27缩放、旋转、倾斜效果,2.4任意变形工具,（2）“扭曲”与“封套”命令只能针对矢量图形进行操作，变形效果如图2-28所示

21、。 图2-28扭曲与封套效果需要说明的是：“任意变形”工具不能变形元件、位图、视频对象、声音、渐变或文本。 如果多项选区包含以上任意一项，则只能扭曲形状对象。要将文本块变形，首先要将字符转换成形状对象。对物体进行变形操作，除了可以使用变形工具外，还可以使用变形面板进行，将在第三章节对该面板做详细介绍。,2.4任意变形工具,Deco工具基本工作流程为：从工具栏中选择Deco工具，然后单击舞台开始绘制图案。并且对选项稍作更改，即可快速创建自定图案。选中 Deco 工具时，可以通过“绘制效果”下拉菜单从十三种效果中作出选择：藤蔓式填充、网格填充、对称刷子、3D刷子、建筑物刷子、装饰性刷子、火焰动画、

22、火焰刷子、花刷子、闪电刷子、烟动画、树刷子。如图2-29所示。 图2-29绘制效果,2.4任意变形工具,1.藤蔓式填充效果要使用藤蔓式填充，请选择 Deco 工具，然后“绘制效果”下拉菜单的弹出菜单中选择“藤蔓式填充”效果。单击拾色器, 为树叶和花选择一种颜色，然后单击舞台任意位置。将使用藤蔓图案填充您单击的区域，直至延伸到边界如图2-30所示。单击舞台中的某个形状只会填充一个藤蔓图案。,2.4任意变形工具,使用自定元件和高级选项：Deco 工具最出色的功能是可以为每个工具绘制的默认形状交换库中的自定元件。各个工具的高级选项允许您进一步定义每个图案的绘制方式。如图2-30所示中自定义树叶填充效

23、果。 图2-30默认的藤蔓式填充及自定义树叶填充效果,2.4任意变形工具,2.网格填充效果使用网格填充效果，可以用库中的元件填充舞台、元件或封闭区域。将网格填充绘制到舞台后，如果移动填充元件或调整其大小，则网格填充将随之移动或调整大小。使用网格填充效果可创建棋盘图案、平铺背景或用自定义图案填充的区域或形状。对称效果的默认元件是 25 x 25 像素、无笔触的黑色矩形形状。具体属性如图2-31所示。,2.4任意变形工具,为网格填充选择布局有三种：平铺模式以简单的网格模式排列元件，砖形模式以水平偏移网格模式排列元件，楼层模式以水平和垂直偏移网格模式排列元件。要使填充与包含的元件、形状或舞台的边缘重

24、叠，请选择“ 为边缘涂色” 选项。要允许元件在网格内随机分布，请选择“ 随机顺序” 选项。可以指定填充形状的水平间距、垂直间距和缩放比例。应用网格填充效果后，将无法更改属性检查器中的高级选项以改变填充图案。单击舞台，或者在要显示网格填充图案的形状或元件内单击。 图2-31网格填充属性,2.4任意变形工具,3.对称刷子效果使用对称刷子效果，可以围绕中心点对称排列元件。在舞台上绘制元件时，将显示一组手柄。可以使用手柄通过增加元件数、添加对称内容或者编辑和修改效果的方式来控制对称效果。使用对称刷子效果可以创建圆形用户界面元素（如模拟钟面或刻度盘仪表）和旋涡图案。对称刷子效果的默认元件是 25 x 2

25、5像素、无笔触的黑色矩形形状。具体属性如图2-32所示。旋转围绕您指定的固定点旋转对称中的形状。默认参考点是对称的中心点。若要围绕对象的中心点旋转对象，请按圆形运动进行拖动。跨线反射跨您指定的不可见线条等距离翻转形状。跨点反射围绕您指定的固定点等距离放置两个形状。网格平移使用按对称效果绘制的形状创建网格。每次在舞台上单击 Deco 绘画工具都会创建形状网格。使用由对称刷子手柄定义的 x 和 y 坐标调整这些形状的高度和宽度。测试冲突不管您如何增加对称效果内的实例数，可防止绘制的对称效果中的形状相互冲突。取消选择此选项后，会将对称效果中的形状重叠。,2.4任意变形工具,图2-32对称刷子属性,2

26、.4任意变形工具,4.3D 刷子效果通过 3D 刷子效果，您可以在舞台上对某个元件的多个实例涂色，使其具有 3D 透视效果。Flash 通过在舞台顶部（背景）附近缩小元件，并在舞台底部（前景）附近放大元件来创建 3D 透视。接近舞台底部绘制的元件位于接近舞台顶部的元件之上，不管它们的绘制顺序如何。您可以在绘制图案中包括 1 到 4 个元件。舞台上显示的每个元件实例都位于其自己的组中。您可以直接在舞台上或者形状或元件内部涂色。如果在形状内部首先单击 3D 刷，则 3D 刷仅在形状内部处于活动状态。具体属性如图2-33所示。3D 刷效果包含下列属性：最大对象数：要涂色的对象的最大数目。喷涂区域与对

27、：实例涂色的光标的最大距离。透视：这会切换3D效果。要为大小一致的实例涂色，请取消选中此选项。距离缩放：此属性确定 3D 透视效果的量。增加此值会增加由向上或向下移动光标而引起的缩放。,案例3 满塘荷叶3D 刷子效果,使用工具箱中的相关工具，绘制如图2-33所示的满塘荷叶效果。图2-33的满塘荷叶效果案例分析通过使用工具箱中的铅笔工具、椭圆工具、选择工具及Deco工具等，完成复杂图形绘制的效果。该案例主要练习简单图形对象的绘制，以及Deco工具中3D刷子工具的技巧。,案例3 满塘荷叶3D 刷子效果,操作步骤1.新建FLASH文档，按Ctrl+S打开“另存为”对话框，选择保存路径，输入文件名“满

28、塘荷叶”，然后单击“确定”，回到工作区。2. 单击“插入新建元件”命令，新建一个元件，命名为“荷叶”，类型选择“图形”， 选择“椭圆工具”，设置笔触颜色为黑色，在“填充颜色”对话框中设置填充色为绿色：#00B80B，画一个大椭圆，如图2-34所示。3.选择“铅笔工具”，设定笔触颜色为：#00B80B，笔触大小为2，绘制荷叶柄；再设定笔触颜色为黑色，笔触大小为1，绘制叶脉如图2-34所示。,案例3 满塘荷叶3D 刷子效果,4回到场景1，选择“Deco工具”，如图2-35所示，在“绘制效果”中选择“3D刷子”，单击对象1后面的“编辑”按钮，打开选择元件对话框，选择荷叶元件；然后把“对象2”、“对象

29、3”、“对象4”前面的选择取消，最后点击“确定”按钮回到主界面。 图2-34荷叶效果 图2-35选择对象1的元件5用“3D刷子”在编辑区按下鼠标左键，从上到下绘制就可以达到如图2-33所示的满塘荷叶效果。越在上面的因为有透视的效果就越小，而下面的最大。当然也可以在一开始改变“3D刷子”的部分参数来达到不同的效果。,案例3 满塘荷叶3D 刷子效果,5.建筑物刷子效果借助建筑物刷子效果，您可以在舞台上绘制建筑物。建筑物的外观取决于为建筑物属性选择的值。从您希望作为建筑物底部的位置开始，垂直向上拖动光标，直到您希望完成的建筑物所具有的高度。建筑物刷子效果包含下列属性：如图2-36所示。建筑物类型：要

30、创建的建筑样式。建筑物大小：建筑物的宽度，值越大，创建的建筑物越宽。 图2-36建筑物刷子属性及效果,案例3 满塘荷叶3D 刷子效果,6.花刷子效果借助花刷子效果，您可以在时间轴的当前帧中绘制程式化的花。花刷子效果包含下列属性：如图2-37所示。花色：花的颜色。花大小：花的宽度和高度。值越高，创建的花越大。树叶颜色：叶子的颜色。树叶大小：叶子的宽度和高度。值越高，创建的叶子越大。果实颜色：果实的颜色。分支选择：此选项可绘制花和叶子之外的分支。分支颜色：分支的颜色。 图2-37 花刷子属性及效果,案例3 满塘荷叶3D 刷子效果,7.树刷子效果通过树刷效果，您可以快速创建树状插图。通过拖动操作创建

31、大型分支。通过将光标停留在一个位置创建较小的分支。Flash 创建的分支将包含在舞台上的组中。树刷效果包含下列属性：如图2-38所示。树样式：要创建的树的种类。每个树样式都以实际的树种为基础。树缩放：树的大小。值必须在 75 - 100 之间。值越高，创建的树越大。分支颜色：树干的颜色。树叶颜色：叶子的颜色。花/ 果实颜色：花和果实的颜色。 图2-38树刷子属性及效果,案例4 绘制卡通女孩图形选择与修饰,案例描述使用工具箱中的相关工具，绘制如图2-39所示的卡通人物效果。 图2-39“卡通女孩”图形效果案例分析通过使用工具箱中的选择工具、钢笔工具、铅笔工具及颜料桶工具等，完成复杂图形绘制的效果

32、。该案例主要练习人物轮廓和五官等图形对象的绘制，以及创建复杂线条及对图形进行精确修饰的技巧。,案例4 绘制卡通女孩图形选择与修饰,操作步骤1.新建FLASH文档，按Ctrl+S打开“另存为”对话框，选择保存路径，输入文件名“卡通女孩”，然后单击“确定”，回到工作区。2.单击“插入新建元件”命令，新建一个元件，命名为“头部”，类型选择“图形”，新建一个图层并命名为“头部轮廓”，然后使用“钢笔工具”在舞台中绘制一个如图2-40所示的头部轮廓。3.选择“颜料桶工具”，设定填充颜色：#FFCC99，对所绘头部轮廓进行填充；设定填充颜色：#FFCC33，对所绘脸部进行填充如图2-41所示。 图2-40头

33、部轮廓图2-41填充颜色,案例4 绘制卡通女孩图形选择与修饰,4.使用“线条工具”，绘制眉毛的轮廓，通过“椭圆工具”绘制右眼球轮廓；如图2-42所示。 图2-42绘制眉毛 图2-43修改眉毛5.使用“选择工具”将眉毛拖拉成如图2-43所示的效果；再通过“颜料桶工具”把右眼填充为黑色，如图2-43所示。,案例4 绘制卡通女孩图形选择与修饰,6.锁定“头部轮廓”图层，新建一个图层“嘴巴”，使用“钢笔工具”绘制嘴的轮廓，使用“线条工具”在鼻子位置绘制一条直线，如图2-44所示；然后使用“选择工具”将嘴和鼻子拖拉成如图2-44所示的形状，选择“颜料桶工具”将嘴巴轮廓填充为白色。 图2-44嘴巴及鼻子效

34、果 .使用“铅笔工具”绘制人物的脸晕，把它的颜色设置为红色，如图2-45所示。 图2-45绘制脸晕 图2-46头饰品,案例4 绘制卡通女孩图形选择与修饰,8.新建一个图层“饰品”，利用“椭圆工具”和“多角星形工具”分别绘制头部饰品，使用“选择工具”将两个饰品拖拉调整为如图2-46所示的效果，选择“颜料桶工具”将椭圆轮廓填充为#FFD9E6色，将星形头饰填充为绿色。9.新建一个类型为“图形”的元件“身体”，使用“钢笔工具”绘制人物身体轮廓，如图2-47左侧所示，最后通过“颜料桶工具”将向体填充为浅蓝色，上肢颜色为#FFCCA6，下肢颜色为#CC66FF，完成最终效果如图2-47右侧所示。 图2-

35、47身体部分,案例4 绘制卡通女孩图形选择与修饰,10.当所有对象绘制完成后，回到场景1，打开库面板把“身体”和“头部”两个元件拖到舞台上合适的位置，并根据需要调整大小。如图2-48所示。 图2-48最后效果11. 按Ctrl+S保存文件，然后按Ctrl+Enter测试影片，播放效果如图2-48所示。,2.5铅笔工具和刷子工具,1.铅笔工具 铅笔工具用来绘制线条，它的自由度非常大，适合习惯使用手写板进行创作的人员。单击工具箱中的“铅笔工具”或按“Y”键，可调用该工具。（1）设置铅笔工具属性“铅笔工具”对应的属性面板和“线条工具”类似，选择铅笔工具后可在属性面板中进行相关设置，包括笔触颜色、笔触

36、高度、笔触样式、平滑等参数，如图2-49所示，其中平滑参数用于设置笔触的平滑程度。 图2-49铅笔工具属性面板,2.5铅笔工具和刷子工具,（2）铅笔工具的操作方法铅笔工具的使用方法是：将鼠标指针移至舞台，待其变为形状时，按住鼠标拖动可绘制线条。注意在绘制之前，应选择合适的铅笔模式。“铅笔工具”有三种模式，单击“铅笔模式”按钮，将弹出一个下拉列表，如图2-50所示，在不同的模式下，所绘制线条的效果是不一样的，它们的对比效果如图2-51所示，下面对这三种模式进行说明。 图2-50铅笔模式 图2-51 通过“伸直、平滑、墨水模式”绘制的效果直线化模式：绘制直线，即降低线条的平滑度，并且将和三角形、椭

37、圆和矩形相近形状转化为对应的基本图形。平滑模式：绘制平滑的曲线。墨水模式：对绘制的线条不进行任何加工。,2.5铅笔工具和刷子工具,2.刷子工具刷子工具可以在画面上绘制出具有一定笔触效果的特殊填充。选择工具箱中的“刷子工具”或按“B”键，可调用该工具。（1）设置刷子工具属性在使用刷子工具之前，需要对其属性进行相关设置，如图2-52所示，主要是调整颜色和平滑度，“刷子工具”颜色是指填充颜色，使用它绘制出来的图形是没有笔触颜色的。（2）刷子工具的操作方法刷子工具的使用方法与铅笔工具相似，将鼠标指针移至舞台，按住鼠标拖动可进行绘制。注意在绘制之前，应选择合适的刷子模式。单击选项区中的“刷子模式”按钮，

38、在弹出的下拉列表中包含了“标准绘画”、“颜料填充”、“后面绘画”、“颜料选择”和“内部绘画”五种模式。标准绘画：笔刷经过的地方，线条和填充全部被笔刷填充所覆盖。颜料填充：笔刷只将鼠标经过的填充进行覆盖，对线条不起作用。后面绘画：笔刷不覆盖鼠标经过的矢量图形，只覆盖在没有图形的部分。颜料选择：笔刷只能对当前被选择的矢量图形起作用。内部绘画：笔刷对鼠标点击的闭合填充区域起作用，不会对其他区域起作用，这对于上色操作非常有用。,2.5铅笔工具和刷子工具,选择不同的笔刷模式可以绘制出不同的图形效果，比如设定当前填充色为红色：#CC0000，定义合适的笔刷形状与大小，对一副带有黑色描边的矢量图进行各类笔刷

39、模式的绘制，对比效果如图2-53所示。 图2-52刷子工具属性面板 图2-53各类刷子模式效果,2.5铅笔工具和刷子工具,3.喷涂刷工具喷涂刷工具的作用类似于粒子喷射器，使用它可以一次将形状图案“刷”到舞台上。默认情况下，喷涂刷使用当前选定的填充颜色喷射粒子点。但是，可以使用喷涂刷工具将影片剪辑或图形元件作为图案应用。选择工具箱中的“喷涂刷工具”或按“B”键，可调用该工具。（1）设置喷涂刷工具属性在使用喷涂刷工具之前，需要对其属性进行相关设置，如图2-54所示，“喷涂刷工具”的属性面板，你会发现它的特点，它基本上由元件和画笔组成。,2.5铅笔工具和刷子工具,（2）喷涂刷工具的操作方法喷涂刷工具

40、的使用方法与刷子工具相似，将鼠标指针移至舞台，按住鼠标拖动可进行绘制。到默认情况下“喷涂刷工具”的属性面板是“默认形状”，我们可以建立自己的图形，然后选择图形并按下快捷键“F8”键，转换为“图形元件”或“影片剪辑”元件，这样在喷涂时就可以选择我们刚准备好的“图形元件”或“影片剪辑元件”了。如图2-55所示。 图2-54喷涂刷工具属性 图2-55喷涂刷工具应用效果,2.6选择工具和部分选取工具,1.选择工具 选择工具是Flash中使用频率最高的工具，它的主要功能是选择对象、移动对象、编辑线条、平滑/伸直对象等，如图2-56所示。普通状态 选择对象 移动对象 编辑线条 平滑对象 图2-56选择工具

41、功能,2.6选择工具和部分选取工具,（1）选择工具功能按钮“选择工具”无对应的属性面板，只有三个功能按钮，分别为“贴紧至对象”、“平滑”、“伸直”按钮，如图2-57所示，各功能按钮的作用如下。图2-57选择工具功能按钮贴紧至对象：当其呈按下状态时，在移动或修改对象时可对对象进行自动捕捉，起到辅助的作用。平滑按钮：可以使线条或填充的边缘接近于弧线。用“选择工具”选择图形后，多次单击“平滑”按钮，可以使图形接近于圆形。伸直按钮：可以使线条或填充的边缘接近于折线。用“选择工具”选择图形后，多次单击“伸直”按钮，弧线变成了折线。,2.6选择工具和部分选取工具,（2）选择工具的操作方法选择单个对象绘制了

42、一个图形后，在工具箱中选择“选择工具”，在图形边缘的线条上单击鼠标左键，即可选择图形的部分线条；在图形边缘的线条上双击，可以选择与其相邻及颜色相同的所有线条；在图形填充上单击，可以选择图形的填充部分；在图形填充上双击，可以同时选择图形的线条和填充；在舞台的空白处单击鼠标可以取消选择。若所选的对象为文本、群组、元件或位图等，使用“选择工具”直接单击该对象即可将其全部选择。选择上述类型的对象后，其四周都会出现一个外边框，通过这些外边框，可以很轻松地知道所选对象的类型，如图2-58所示。 文本 群组 元件实例 位图 图2-58选定不同对象的外边框,2.6选择工具和部分选取工具,选定多个对象若要选择舞

43、台中的全部对象，可以执行菜单“编辑全选”或按Ctrl+A组合键。若要选择舞台中的部分对象可以通过点选和框选的方法来实现。方法一：点选对象选择工具箱中的“选择工具”，按住Shift键的同时逐个单击对象，若要取消选择对象，再次单击该对象即可。方法二：框选对象选择“选择工具”，将其移至舞台上，按住左键并拖动出一个选框，则在框中的对象全部被选择。移动对象选择“选择工具”，将鼠标指针移动至对象上，按住鼠标左键并拖动鼠标，到目标位置即可。复制对象选择“选择工具”，按住Ctrl键的同时单击并拖动对象，到目标位置后释放鼠标，然后释放Ctrl键即可。修改对象选择“选择工具”，在没有选择图形的情况下，将鼠标指针移

44、至图形的边缘，拖动鼠标，到目标位置后释放即可。,2.6选择工具和部分选取工具,2.部分选取工具部分选取工具主要用于选择线条、移动线条和编辑节点等，如图2-59所示，它可以使对象以锚点的形式进行显示，然后通过移动锚点或方向线来修改图形的形状。选择工具箱中的“部分选取工具”或按“A”键，可调用该工具。普通状态 选择边框 编辑节点 移动边框图2-59部分选取工具功能效果,2.7钢笔工具,钢笔工具可以对绘制的图形具有非常精确的控制，对绘制的节点、节点的方向点等都可以很好地控制，因此钢笔工具适合于喜欢精准绘制的设计人员。选择工具箱中的“钢笔工具”或按“P”键即可调用该工具。1.设置钢笔工具属性选定“钢笔

45、工具”，展开钢笔工具的属性面板，如图2-60所示，可以设置笔触高度、笔触颜色及笔触类型等参数。2.设置钢笔工具首选参数按Ctrl+U组合键，弹出“首选参数”对话框，在“类别”列表框中选择“绘画”选项，这时在其右侧显示了有关“钢笔工具”的三个参数设置，如图2-61所示，下面对其作简要说明。 图2-60钢笔工具属性面板 图2-61“钢笔工具”首选参数,2.7钢笔工具,显示钢笔预览：选择该复选框，在使用“钢笔工具”时，就会提前预览到线段的位置，未选择该选项，则没有预览显示。显示实心点：若选中该复选框，则未选择的锚点显示为实心点，选择的锚点显示为空心点。显示精确光标：选中该复选框后，则鼠标指针显示为形

46、状；取消选择该复选框，鼠标指针为形状。,2.7钢笔工具,（1）用钢笔工具绘制线条使用钢笔工具可以绘制出非常复杂的线条效果，如果在舞台上的各个地方单击，那么各个单击点将会依次连接，形成一条折线，如图2-62所示；如果将“单击”改成“按住鼠标左键拖动”，那么就可以创建曲线了，如图2-63所示。 图2-62创建折线 图2-63创建曲线,2.7钢笔工具,在按住左键进行拖动时，开始拖动的位置将形成“控制点”，像一个钉子一样将曲线钉住，不管以后怎么调整，曲线一定会经过这个点；拖动之后就会出现“控制柄”，它决定了曲线的走向，如图2-64所示。 图2-64对曲线的分析,2.7钢笔工具,（2）编辑路径节点钢笔工

47、具除了具有绘制图形的能力外，还可以进行路径节点的编辑工作，如图2-65所示；同时，使用钢笔工具创建的线条还可以使用“部分选取工具”进行调整，两种工具配合使用，能够创建出复杂、丰富的图形效果。 图2-65路径节点的编辑,2.7钢笔工具,（3）添加或删除锚点添加锚点可使您更好地控制路径，也可以扩展开放路径。但是，最好不要添加不必要的点。 点越少的路径越容易编辑、显示和打印。 若要降低路径的复杂性，请删除不必要的点。工具箱包含三个用于添加或删除点的工具：“ 钢笔” 工具 、“ 添加锚点” 工具 和“ 删除锚点” 工具 。如图2-66所示 图2-66添加或删除点的工具默认情况下，当您将钢笔工具定位在选

48、定路径上时，它会变为添加锚点工具，或者当您将钢笔工具定位在锚点上时，它会变为删除锚点工具。特别说明：不要使用 Delete、Backspace 和Clear键，或者“编辑剪切”或“编辑 清除”命令来删除锚点；这些键和命令会删除点以及与之相连的线段。,2.7钢笔工具,（4）在直线段和曲线段之间转换线段若要将线条上的线段从直线段转换为曲线段，请将转角点转换为平滑点。也可以反过来操作。若要将转角点转换为平滑点，请使用部分选取工具选择该点，然后按住 Alt并拖动该点以放置切线手柄。若要将平滑点转换为转角点，可用钢笔工具单击相应的点。指针旁边的插入 标记指示指针位于平滑点上方。,2.8套索工具,套索工具

49、和Photoshop的套索工具功能相似。在Flash CS5中，套索工具有三种模式：套索工具模式、多边形模式及魔术棒选取模式。对于矢量图形，可以使用套索工具或者多边形选取方式进行选择；对于打散的位图，除了可以使用套索工具和多边形选取方式外，还可以使用魔术棒选取方式。套索工具操作方法：1.套索工具模式使用套索工具模式选取图形时，首先调用“套索工具”，此时舞台中的鼠标指针变成了形状，按住左键并拖动，即可选定图形的某一区域。2.多边形模式选择“套索工具”后，在其选项区中单击“多边形模式”按钮，使其呈按下状态即可切换到多边形模式，然后在舞台上通过单击绘制选区即可。,2.8套索工具,3.魔术棒模式魔术棒

50、模式一般用于选择位图中相邻及相近的像素颜色。在使用时，首先单击“魔术棒”按钮，使其呈按下状态，然后将鼠标指针移至分离的位图上，鼠标指针会变成魔术棒的形状，单击后即可选中与单击位置颜色相同或相近的区域。使用魔术棒选取方式时，还可以使用“魔术棒设置”对话框进行选取设定，如图2-67所示。 图2-67魔术棒设置对话框“魔术棒设置”对话框中各个选项的含义如下：阈值：在该数值框中输入数值，可以定义选择范围内相邻或相近像素颜色值的相近程度，数值越大，选择的范围就越大。平滑：该下拉列表框用于设置选择区域的边缘平滑程度。,案例5 甲壳虫对图形进行着色,使用基本绘图工具及颜色填充工具，创建如图2-68所示甲壳虫