Flash绘图工具的使用课件教学

中文版FlashCS6动画制作实例教程绘制工具的使用绘制路径工具的使用3.13.2第3章Flash绘图工具的使用“颜色”面板的使用3.3颜色填充工具的使用3.4实例1使用线条工具实例2使用铅笔工具3.1绘制工具的使用实例3使用矩形工具与基本矩形工具

在FlashCS6中绘制工具主要包括线条工具、铅笔工具、矩形工具、基本矩形工具、椭圆工具、基本椭圆工具、刷子工具、喷涂刷工具以及Deco工具。实例4使用椭圆工具和基本椭圆工具实例5使用多角星形工具实例6使用刷子工具实例7使用喷涂刷工具实例8使用Deco工具线条工具用于绘制直线。单击工具箱中的“线条工具”按钮

或按【N】键，即可调用线条工具。调用线条工具后，移动鼠标指针至目标位置，鼠标指针变为

形状，按住鼠标左键并拖动鼠标即可绘制出一条直线。此时绘制的直线“笔触颜色”和“笔触高度”为系统默认值，通过“属性”面板可以对绘制对象进行相应的属性设置。实例1使用线条工具-1

绘制线条

设置绘制对象属性设置线条工具属性

“实线”样式

“虚线”样式实例1使用线条工具-2“实线”样式：“实线”样式是最简单的样式。选择线条工具后，打开“属性”面板，单击“自定义”按钮，弹出“笔触样式”对话框。在“类型”下拉列表框中选择“实线”选项，可以对实线粗细进行设置，在左上角可以预览样式。选中“4倍缩放”复选框后，可以对所做的设置进行放大预览；选中“锐化转角”复选框后，可以在转角处做锐化处理，如图3-4所示。“虚线”样式：在“类型”下拉列表框中选择“虚线”选项后，可以对虚线的粗细、长短及间距进行设置，如图3-5所示。

“点状线”样式“锯齿线”样式实例1使用线条工具-3“点状线”样式：在“类型”下拉列表框中选择“点状线”选项后，可以对点状线的粗细和点距进行设置，如图3-6所示。“锯齿线”样式：在“类型”下拉列表框中选择“锯齿线”选项后，可以对锯齿的粗细、图案、波高及波长进行设置，如图3-7所示。

“点刻线”样式

“斑马线”样式实例1使用线条工具-4“点刻线”样式：在“类型”下拉列表中选择“点刻线”选项后，可以对点描的粗细、点大小、点变化及密度进行设置，如图3-8所示。“斑马线”样式：“斑马线”样式是最为复杂的一种线条类型，在“类型”下拉列表框中选择“斑马线”选项后，可以对其多种参数进行设置，如图3-9所示。

笔触效果范例实例1使用线条工具-4在绘制直线前，可以先对线条工具的属性进行设置，也可以在绘制完成后在“属性”面板中对线条的样式进行修改。如图3-10所示为运用了多种笔触样式后的线条效果。实例2使用铅笔工具-1单击工具箱中的“铅笔工具”按钮

或按【Y】键，即可调用铅笔工具，这时将鼠标指针移至舞台，当其变为

形状时即可绘制线条。

设置铅笔工具属性铅笔模式实例2使用铅笔工具-2“伸直”模式：选择该模式，绘制出的线条将转化为直线，即降低线条的平滑度。选择铅笔工具后，在舞台中按住鼠标左键并拖动鼠标绘制图形，松开鼠标左键后曲线部分将转化为一段直线，如图3-13所示。“平滑”模式：选择该模式，可以自动对绘制的线条进行平滑，即增加平滑度，如图3-14所示。“墨水”模式：选择该模式，绘制出的线条基本上不作任何处理，即不会有任何变化，如图3-15所示。

“伸直”模式绘制

“平滑”模式绘制“墨水”模式绘制实例3矩形工具与基本矩形工具-1

在工具箱中单击“矩形工具”按钮或按【R】键，即可调用该工具。在调用矩形工具后，将鼠标指针置于舞台中，当指针变为十字形状时，按住鼠标左键并拖动鼠标即可以单击处为一个角点绘制一个矩形，如图3-16所示。按住【Shift】键的同时拖动鼠标可以绘制出正方形，按住【Alt】键的同时拖动鼠标可以单击处为中心进行绘制。按住【Shift+Alt】组合键的同时拖动鼠标，则可以单击处为中心绘制正方形，如图3-17所示。绘制矩形

绘制正方形1．矩形工具实例3矩形工具与基本矩形工具-2

在“属性”对话框中设置矩形工具的填充和笔触样式，在“矩形选项”选项区中单击锁定按钮解除锁定并分别设置各边角的半径，如图3-18所示。在舞台中按住鼠标左键并拖动鼠标绘制矩形，效果如图3-19所示。设置矩形工具属性

绘制矩形正方形1．矩形工具

使用基本矩形工具绘制矩形的方法和矩形工具的方法相同，只是在绘制完毕后矩形的4个角上会出现4个圆形的控制点，如图3-20所示。使用选择工具拖动控制点可以调整矩形的边角半径，也可以在“属性”面板中对基本矩形进行边角半径设置，如图3-21所示。绘制基本矩形

设置矩形选项属性实例3矩形工具与基本矩形工具-32．基本矩形工具实例4椭圆工具和基本椭圆工具-1

选择椭圆工具后，可在“属性”面板中进行相关设置，包括开始角度、结束角度、内径及闭合路径等，如图3-22所示。将鼠标指针移至舞台，按住鼠标左键并拖动鼠标即可绘制出相应的图形，如图3-23所示。设置椭圆工具属性

绘制图形1．椭圆工具

使用基本椭圆工具绘制椭圆的方法和椭圆工具相同，在绘制完成后椭圆上会多出几个圆形的控制点，如图3-24所示。使用选择工具拖动控制点可以对椭圆的开始角度、结束角度和内径分别进行调整，也可以在“属性”面板中对基本矩形进行椭圆选项设置，如图3-25所示。绘制基本椭圆

设置椭圆选项属性实例4椭圆工具和基本椭圆工具-22．基本椭圆工具实例5多角星形工具-1

在工具箱中选择多角星形工具，打开“属性”面板，从中对多角星形工具属性进行修改，如图3-26所示。在舞台中安装鼠标左键并拖动鼠标，松开鼠标左键后即可绘制出一个多角星形。按住【Alt】键的同时单击并拖动鼠标，可以中心方式进行绘制；按住【Shift】键的同时向下或向上拖动鼠标，可将多边形的边处于水平或垂直方向，如图3-27所示。设置多角星形工具

绘制正五边形1．绘制多边形

选择多角星形工具，打开“属性”面板，单击“选项”按钮，弹出“工具设置”对话框。在“样式”下拉列表框中选择“星形”选项，如图3-28所示。此时拖动鼠标，即可绘制一个五角星。在“工具设置”对话框中，“星形顶点大小”的取值范围为0~1，数值越大，顶点的角度就越大。当输入的数值超过其取值范围时，系统自动会以0或1来取代超出的数值，效果如图3-29所示。多角星形工具设置

绘制星形实例5多角星形工具-21．绘制星形实例6使用刷子工具-1

刷子工具组包含两种工具，分别是刷子工具和喷涂刷工具。使用刷子工具绘制的图形是被填充的，利用这一特性可以绘制出具有书法效果的图形。设置刷子工具属性

刷子工具功能选项

“标准绘画”模式

“颜料填充”模式“后面绘画”模式“颜料选择”模式“内部绘画”模式实例6使用刷子工具-2实例7使用喷涂刷工具-1

喷涂刷工具用于创建喷涂效果，可以使用库中已有的影片剪辑元件来作为喷枪的图案。在“工具”面板中按住刷子工具不放，在弹出的列表中即可选择喷涂刷工具。喷涂刷工具颜色选取器：位于编辑按钮下方的颜色块用于“喷涂刷”喷涂粒子的填充色设置。当使用库中元件图案喷涂时，将禁用颜色选取器。缩放宽度：表示喷涂笔触（一次单击舞台时的笔触形状）的宽度值。例如，设置为10%，表示按默认笔触宽度的10%喷涂；设置为200%，表示按默认笔触宽度的200%喷涂。随机缩放：将基于元件或默认形态的喷涂粒子喷在画面中，其笔触颗粒大小呈随机大小出现。简单地说，就是有大有小不规则地出现。画笔角度：用于调整旋转画笔的角度。实例7使用喷涂刷工具-2

打开素材文件“喷涂刷工具.fla”，选择喷涂刷工具，在“属性”面板中设置颜色为白色，选中“随机缩放”复选框，并设置画笔宽度为499，高度为100，如图3-38所示。在舞台上单击鼠标左键，绘制星星图形，如图3-39所示。设置喷涂刷工具属性

喷涂图形实例8Deco工具

绘制效果：在FlashCS6中一共提供了13种绘制效果，其中包括：藤蔓式填充、网格填充、对称刷子、3D刷子、建筑物刷子、装饰性刷子、火焰动画、火焰刷子、花刷子、闪电刷子、粒子系统、烟动画和树刷子，如图3-40所示。高级选项：通过设置高级选项可以实现不同的绘制效果，如图3-41所示为选择“藤蔓式填充”绘制效果的高级选项。Deco工具绘制效果

Deco工具高级选项3.2绘制路径工具的使用实例1设置钢笔工具参数实例2使用钢笔工具绘制直线段

钢笔工具可以用来精确地绘制直线和平滑的曲线，是非常实用但不好掌握的一个工具。在FlashCS6中提供了钢笔工具组，包括钢笔工具、添加锚点工具、删除锚点工具和转换锚点工具，在使用时可以交互进行使用，以提高工作效率。实例3使用钢笔工具绘制曲线段实例4使用钢笔工具添加和删除锚点实例5使用添加锚点工具和删除锚点工具实例6使用转换锚点工具实例7钢笔工具组的交互用法实例1设置钢笔工具参数按【Ctrl+U】组合键，打开“首选参数”对话框，在“类别”列表框中选择“绘画”选项，在右窗格显示了有关“钢笔工具”的三个参数设置。设置钢笔工具参数

显示钢笔预览：若选中该复选框，在未确定下一个锚点位置时，随着鼠标的移动可以显示该片段的预览图形，对绘制图形有很好的辅助作用。显示实心点：若选中该复选框，则未选择的锚点显示为实心点，选择的锚点显示为空心点。显示精确光标：选中该复选框后，鼠标指针变为形状；取消选择该复选框，鼠标指针为形状。按【CapsLock】键可以在这两种鼠标指针形状之间进行切换。实例2使用钢笔工具绘制直线段-1按【P】键调用钢笔工具，打开“属性”面板，从中设置笔触参数。

设置钢笔工具属性在舞台中单击确定第一个锚点的位置，随着鼠标的移动将出现一条线段，然后再次单击确定第二个锚点，如图3-44所示。

重复以上操作，绘制多条连续的线段。当将鼠标指针移至第一个锚点的位置时，指针右侧会出现一个小圆圈，此时单击鼠标左键，即可绘制一条闭合路径，如图3-45所示。

确定锚点

绘制图形实例2使用钢笔工具绘制直线段-2实例3使用钢笔工具绘制曲线段使用钢笔工具绘制曲线的方法和绘制直线的方法类似，唯一不同的是在确定线段的锚点时需按下鼠标左键并拖动，而不是简单地单击，如图3-46所示。

若在绘制曲线的过程中想要绘制直线，只需将鼠标指针移至最近的一个锚点处，当指针变为形状时单击鼠标左键，然后拖动鼠标在舞台的其他位置单击鼠标左键即可，如图3-47所示。

绘制曲线

绘制直线实例4使用钢笔工具添加和删除锚点使用钢笔工具添加或删除锚点的方法非常简单，只要将鼠标指针移至绘制好的路径的线段上，当其右侧出现“+”号时单击鼠标左键，即可添加一个锚点，如图3-48所示。将鼠标指针移至已有的锚点上，当其右侧出现“-”号时单击鼠标左键，即可删除一个锚点。如图3-49所示。

绘制曲线

绘制直线实例5使用转换锚点工具-1在介绍转换锚点工具之前，先来认识一下Flash中都有哪些锚点。在Flash中有三种类型的锚点：无曲率调杆的锚点（角点），两侧曲率一同调节的锚点（平滑点）和两侧曲率分别调节的锚点（平滑点）。

三种锚点类型无曲率调杆的锚点：又称角点，使用部分选择工具只能移动其位置，无法调节曲率。两侧曲率一同调节的锚点：使用部分选择工具拖动其控制杆上的一个控制点时，另一个控制点也会随之移动，它可以调节曲线的曲率，但这种节点一般很难控制。两侧曲率分别调节的锚点：这种锚点两侧的控制杆可以分别进行调整，可以灵活地控制曲线的曲率。在钢笔工具的下拉工具列表中选择“转换锚点工具”或按【C】键，即可调用该工具。使用转换锚点工具可以在三种锚点之间进行相互转换。选择转换锚点工具，单击两侧曲率一同调节或两侧曲率分别调节方式的锚点，可以使其转换为无曲率的锚点，如图3-51所示。

转换为无曲率锚点实例5使用转换锚点工具-2单击无曲率的锚点，按住鼠标左键并拖动鼠标，可以将其转换为两侧曲率一同调节的锚点，如图3-52所示。

转换为两侧曲率一同调节的锚点实例5使用转换锚点工具-3使用转换锚点工具拖动两侧曲率一同调节的锚点的控制杆，可以将其转换为两侧曲率分别调节的锚点，如图3-53所示。

转换为两侧曲率分别调节的锚点实例5使用转换锚点工具-4实例6钢笔工具组的交互用法-1

转换为转换锚点工具

转换为部分选择工具按住【Alt】键，可以将其转换为转换锚点工具，以调整曲率和转换锚点，如图3-54所示。按住【Ctrl】键，可以将其转换为部分选择工具，以调整锚点的位置和曲线的曲率，按住【Ctrl+Alt】组合键，可以进行添加和删除锚点的操作。1．钢笔工具的交互实例6钢笔工具组的交互用法-2

按住【Alt】键，可以对锚点进行复制操作。按住【Ctrl】键，可以将其转换为部分选择工具，以调整锚点的位置和曲线的曲率。按住【Ctrl+Alt】组合键，可以进行添加或删除锚点的操作。2．转换锚点工具的交互3．转换锚点工具的交互按住【Alt】键，添加锚点的操作变为删除锚点。按住【Ctrl】键，可以将其转换为部分选择工具，以调整锚点的位置和曲线的曲率。按住【Ctrl+Alt】组合键，可以进行添加或删除锚点操作

确定第一个锚点

确定第二个锚点4．钢笔工具交互应用实例6钢笔工具组的交互用法-3按【P】键调用钢笔工具，在舞台中按住鼠标左键并向左上方拖动鼠标，以确定第一个锚点，如图3-56所示。在舞台的合适位置松开鼠标左键，并向右下方拖动鼠标，在合适位置处按下鼠标左键继续向右下方拖动鼠标，如图3-57所示。

确定按住【Alt】键拖动闭合路径4．钢笔工具交互应用实例6钢笔工具组的交互用法-3不松开鼠标，按住【Alt】键的同时向右上方拖动鼠标，将两侧曲率一同调节的锚点转换为两侧曲率分别调节的锚点，如图3-58所示。松开鼠标左键，释放【ALT】键，移动鼠标指针指向起始点，当其下方出现一个小圆圈时单击鼠标左键并向左下方拖动，如图3-59所示。

4．钢笔工具交互应用实例6钢笔工具组的交互用法-3按住【Ctrl】键，调节下方锚点的位置，如图3-60所示。按住【Alt】键，调节每个锚点的控制杆，改变曲线的曲率，如图3-61所示。调整锚点位置调整曲率3.3“颜色”面板的使用认识“颜色”面板实例1设置纯色填充

使用“颜色”面板可以创建任何颜色。如果已经在舞台中选择了对象，则在“颜色”面板中所做的颜色更改会应用到所选对象。用户可以在RGB或HSB模式下选择颜色，或者展开面板以使用十六进制模式，还可以通过指定Alpha值来定义颜色的透明度。实例2创建渐变填充实例3将颜色添加为样本认识“颜色”面板“颜色”面板用来更改图形的笔触和填充颜色，按【Alt+Shift+F9】组合键即可打开“颜色”面板。

“颜色”面板实例1设置纯色填充-1选择颜色调整色相对于RGB显示，可以在“红”“绿”和“蓝”颜色值框中输入颜色值；对于HSB显示，则输入“色相”“饱和度”和“亮度”值；对于十六进制显示，则输入十六进制值，如图3-63所示。选定一种颜色后要更改其色相，可选中H单选按钮，然后拖动滑块改变颜色，如图3-64所示。调整饱和度调整亮度若要更改当前颜色的饱和度，可选中S单选按钮，然后拖动滑块进行设置，如图3-65所示。若要更改当前颜色的亮度，可选中B单选按钮，然后拖动滑块进行设置，如图3-66所示。实例1设置纯色填充-2调整RGB调整透明度当然也可根据需要调整红（R）、绿（G）、蓝（B）三原色来改变当前颜色，如图3-67所示。若要调整颜色的透明度，可设置A的值，如图3-68所示。实例1设置纯色填充-3实例2创建渐变填充-1渐变是一种多色填充，即一种颜色逐渐转变为另一种颜色。创建渐变是在一个或多个对象间创建平滑颜色过渡的好方法。选择“线性渐变”选项打开“颜色”面板，在颜色类型列表中选择“线性渐变”选项，如图3-69所示。选择一种线性渐变样式，单击“扩展颜色”按钮，如图3-70所示。单击“扩展颜色”按钮实例2创建渐变填充-2选择颜色指针设置颜色要更改渐变颜色，可在渐变定义栏下选择一个颜色指针，在此选择第2个白色指针，如图3-71所示。按照设置纯色的方法，将颜色设置为蓝色，如图3-72所示。使用调色板选色实例2创建渐变填充-3设置第一个颜色指针颜色也可双击颜色指针，打开调色板，从中选择所需的颜色，如图3-73所示。用同样的方法将第1个颜色指针设置为白色，如图3-74所示。增加颜色指针拖动颜色指针实例2创建渐变填充-4若要调整蓝色范围，可将第2个颜色指针向左拖动，如图3-75所示。若要增加颜色指针，可在渐变定义栏下单击鼠标左键即可，如图3-76所示。删除颜色指针查看渐变效果实例2创建渐变填充-5若要删除颜色指针，只需将其选中后向下拖动即可，如图3-77所示。创建一个矩形，然后使用颜料桶工具填充渐变即可，可以填充一种类似天空的渐变效果，如图3-78所示。用户可以将设置好的颜色作为一个样本颜色存储在调色板中，如将上一节的渐变色存储为样本。选择“添加样本”选项实例3将颜色添加为样本单击“颜色”面板右上方的面板菜单按钮，在弹出的列表中选择“添加样本”选项，如图3-79所示。打开“样本”面板，即可看到添加的颜色，如图3-80所示。用户可通过“样本”面板来更改Flash中的调色板，因此“工具”面板和“属性”面板中的“笔触颜色”和“填充颜色”中均会增加该样本颜色。查看样本颜色3.4颜色填充工具的使用实例1颜料桶工具的使用在“工具”面板中有两种颜色填充工具，分别是颜料桶工具和墨水瓶工具。实例2滴管工具的使用实例3橡皮擦工具的使用实例1颜料桶工具的使用-1

使用颜料桶工具可以对封闭的区域填充颜色，也可以对已有的填充区域进行修改。单击工具箱中的颜料桶工具或按【K】键，即可调用该工具。打开其“属性”面板，其中只有填充颜色可以修改，如图3-81所示。设置颜料桶工具属性选择填充选项选择颜料桶工具，单击其选项区中的“空隙大小”按钮，选择不同的选项，可以设置对封闭区域或带有缝隙的区域进行填充，如图3-82所示。

选择颜色打开素材文件“蜻蜓.fla”，选择颜料桶工具，单击“填充颜色”按钮，在调色板中选择所需的颜色，如图3-83所示。在右侧翅膀的斑点上单击鼠标左键，即可改变其颜色，如图3-84所示。改变颜色填充颜色的具体操作方法如下：实例1颜料桶工具的使用-21.颜料桶工具的使用方法

设置渐变色填充渐变色在“颜色”面板中设置线性渐变颜色，然后使用颜料桶工具在右侧翅膀上拖动鼠标，如图3-85所示。此时，即可改变右侧翅膀的渐变色，如图3-86所示。实例1颜料桶工具的使用-31.颜料桶工具的使用方法

选择“位图填充”选项使用颜料桶还可以设置位图填充，具体操作方法如下：打开素材文件“花瓶.fla”，在“颜色”面板中选择“位图填充”选项，如图3-87所示。弹出“导入到库”对话框，选择要导入的位图图片，单击“打开”按钮，如图3-88所示。选择图像实例1颜料桶工具的使用-4

2.设置位图填充

在图形上单击选择颜料桶工具，在花瓶图形上单击鼠标左键，如图3-89所示。此时，即可为花瓶填充青花图案，使用渐变变形工具调整位图填充，效果如图3-90所示。填充位图实例1颜料桶工具的使用-5

2.设置位图填充

设置墨水瓶工具使用墨水瓶工具进行颜色填充的具体操作方法如下：打开素材文件“蜻蜓.fla”，选择墨水瓶工具，在“属性”面板中