2.3 基本绘图工具
在Flash中绘制图形时,通常是先绘制线条以勾画出图形的轮廓,然后再为轮廓线构成的封闭区域填充颜色,从而制作出需要的图形。Flash CS5提供了多种工具来绘制形状和路径,如图2-11所示。下面将对这些工具的使用方法进行详细介绍。
图2-11
2.3.1 线条工具
线条工具是专门用来绘制直线的工具,是Flash中最简单的绘图工具。使用线条工具可以绘制出各种直线图形,并且可以选择直线的样式、粗细程度和颜色等。
在中文版Flash CS5中,选择工具箱中的线条工具或按【N】键均可调用线条工具。选择工具箱中的线条工具,然后在舞台中单击鼠标左键并拖曳,当直线达到所需的长度和斜度时,再次单击鼠标左键即可。选择线条工具后,在其对应的【属性】面板中可以设置线条的属性,如图2-12所示。
图2-12
在线条工具的属性面板中,各选项的含义如下。
(1)笔触颜色:用于设置所绘线段的颜色。
(2)笔触:用于设置线段的粗细。
(3)样式:用于设置线段的样式。
(4)缩放:用于设置在Player中包含笔触缩放的类型。
(5)端点:用于设置线条端点的形状。
(6)接合:用于设置线条之间接合形状。
2.3.2 铅笔工具
使用铅笔工具绘制形状和线条的方法几乎与使用真实的铅笔相同,它可以在“伸直”、“平滑”和“墨水”3种模式下进行工作,适合习惯使用数位板进行创作的人员。选择工具箱中的铅笔工具或按【Y】键均可调用该工具。
使用时可以选择其中的任意一种绘图模式,将其应用到形状和线条上,如图2-13所示。
图2-13
铅笔工具的3种绘图模式的含义分别如下。
(1)【伸直】按钮:进行形状识别。如果绘制出近似的正方形、圆、直线或曲线,Flash将根据它的判断调整成规则的几何形状。
(2)【平滑】按钮:可以绘制平滑曲线。在“属性”面板可以设置平滑参数。
(3)【墨水】按钮:可较随意地绘制各类线条,这种模式不对笔触进行任何修改。
2.3.3 矩形工具与椭圆工具
1.矩形工具
矩形工具可以用来绘制长方形和正方形。选择工具箱中的矩形工具或按【R】键,均可调用矩形工具。选择工具箱中的矩形工具,在舞台中按住鼠标左键并拖曳,当达到所需形状及大小时,释放鼠标,即可绘制矩形或正方形。在绘制矩形之前或在绘制过程中,按住【Shift】键可以绘制正方形。如图2-14所示为使用矩形工具绘制的矩形。
图2-14
选择矩形工具后,在其对应的【属性】面板中可以设置属性,如填充、笔触等。在【矩形选项】选项组中,可以设置矩形边角半径,用来绘制圆角矩形,如图2-15所示。
图2-15
矩形选项中各选项的含义如下。
(1)矩形角半径控件:用于指定矩形的角半径。可以在每个文本框中输入内径的数值。如果输入负值,则创建的是反半径。还可以取消选择限制角半径图标,然后分别调整每个角半径。
(2)重置:重置基本矩形工具的所有控件,并将在舞台上绘制的基本矩形形状恢复为原始大小和形状。
2.椭圆工具
椭圆工具是用来绘制椭圆或者圆形的工具,它是在制作动画过程中需要经常用到的工具之一。恰当地使用椭圆工具,可以绘制出各式各样简单而生动的图形。
选择工具箱中的椭圆工具或按【O】键均可调用椭圆工具。选择工具箱中的椭圆工具,在舞台中按住鼠标左键并拖曳,当椭圆达到所需形状及大小时,释放鼠标即可绘制椭圆。在绘制椭圆之前或在绘制过程中,按住【Shift】键可以绘制正圆。
使用椭圆工具,还可以绘制圆、无边(线条)圆和无填充的圆,如图2-16、图2-17和图2-18所示。
图2-16
图2-17
图2-18
椭圆工具同样具有填充和笔触属性,可进行修改设置。另外,在椭圆选项中,可以设置椭圆的开始角度、结束角度和内径等。如图2-19所示。
图2-19
椭圆选项中各选项的含义如下。
(1)开始角度和结束角度:用来绘制扇形以及其他有创意的图形。
(2)内径:参数值由0~99,为0时绘制的是填充的椭圆;为99时绘制的是只有轮廓的椭圆;为中间值时,绘制的是内径不同大小的圆环。
(3)闭合路径:确定图形的闭合与否。
(4)重置:重置椭圆工具的所有控件,并将在舞台上绘制的椭圆形状恢复为原始大小和形状。
通过在【属性】面板中的【椭圆选项】栏中设置相应参数,可绘制扇形、半圆形及其他有创意的形状,如图2-20所示。
图2-20
2.3.4 基本矩形工具与基本椭圆工具
使用基本矩形工具或基本椭圆工具创建矩形或椭圆时,与使用对象绘制模式创建的形状不同,Flash会将形状绘制为独立的对象。基本形状工具可让用户使用属性检查器中的控件,指定矩形的角半径以及椭圆的起始角度、结束角度和内径。创建基本形状后,可以选择舞台上的形状,然后调整属性检查器中的控件来更改半径和尺寸。
1.基本矩形工具
如图2-21所示的图形就是使用基本矩形工具绘制的。在矩形工具上按住鼠标左键不动,在弹出的下拉列表中选择【基本矩形工具】选项,此时【属性】面板即显示基本矩形的相关属性,如图2-22所示。直接在舞台上拖曳鼠标,即可绘制基本矩形。此时绘制的矩形有4个节点,若在【属性】面板的【矩形选项】选项组中拖曳滑块,即可改变矩形的边角,还可以在使用基本矩形工具拖曳时,通过按【↑】键和【↓】键改变圆角的半径。
图2-21
图2-22
使用选择工具选择基本矩形时,可在【属性】面板中进一步修改形状或指定填充和笔触颜色。
2.基本椭圆工具
如图2-23所示的图形就是使用基本椭圆工具绘制的。在矩形工具上按住鼠标左键不动,在弹出的下拉列表中选择【基本椭圆工具】选项,此时【属性】面板即显示基本椭圆的相关属性,如图2-24所示。直接在舞台上拖曳基本椭圆工具,可创建基本椭圆。如果要绘制正圆,可通过按住【Shift】键并拖曳鼠标,释放鼠标即可绘制正圆。此时绘制的图形有节点,若在【属性】面板的【椭圆选项】选项组中拖曳各滑块,即可改变形状。
图2-23
图2-24
2.3.5 多角星形工具
如图2-25所示的图形就是使用多角星形工具绘制的。在矩形工具上按住鼠标左键不动,在弹出的下拉列表中选择【多角星形工具】选项,此时【属性】面板即显示多角星形的相关属性,如图2-26所示。直接在舞台上拖曳多角星形工具,可创建图形,默认情况下为五边形。单击【选项】按钮即弹出【工具设置】对话框,如图2-27所示。
图2-25
图2-26
图2-27
在【样式】下拉菜单中可选择多边形和星形,在【边数】文本框输入数据确定形状的边数,可显示效果的数值范围为3~32。还可以在选择星形时,通过改变星形顶点大小数值来改变星形的形状。星形顶点大小只针对星形样式有作用。如图2-28所示为7边形、图2-29所示为12角星形。
图2-28
图2-29
使用选择工具选择多边形或星形时,可在【属性】面板中进一步修改形状或指定填充和笔触颜色。
2.3.6 刷子工具
刷子工具可以在画面上绘制出具有一定笔触效果的特殊填充。它和橡皮擦工具类似,具有非常独特的编辑模式。
在中文版Flash CS5中,选择工具箱中的刷子工具或按【B】键都可以调用刷子工具。在刷子工具的选项区中,除了【对象绘制】按钮和【锁定填充】按钮以外,还包括【刷子模式】、【刷子大小】和【刷子形状】3个功能按钮。单击【刷子模式】按钮,可以在弹出的下拉菜单中选择一种涂色模式,如图2-30所示;单击【刷子大小】按钮,可以在弹出的下拉菜单中选择刷子的大小,如图2-31所示;单击【刷子形状】按钮,可以在弹出的下拉菜单中选择刷子的形状,如图2-32所示。
图2-30
图2-31
图2-32
单击【刷子模式】按钮,弹出【刷子模式】下拉菜单,在该下拉菜单中,各命令的含义如下。
(1)标准绘画:使用该模式绘图,在笔刷所经过的地方,线条和填充全部被笔刷填充所覆盖。
(2)颜料填充:使用该模式只能对填充部分或空白区域填充颜色,不会影响对象的轮廓。
(3)后面绘画:使用该模式可以在舞台上同一层中的空白区域填充颜色,不会影响对象的轮廓和填充部分。
(4)颜料选择:使用该模式时必须要先选择一个对象,然后使用刷子工具在该对象所占有的范围内填充(选择的对象必须是打散后的对象)。
(5)内部绘画:该模式分为3种状态。当刷子工具的起点和结束点都在对象的范围以外时,刷子工具填充空白区域;当起点和结束点当中有一个在对象的填充部分以内时,则填充刷子工具所经过的填充部分(不会对轮廓产生影响);当刷子工具的起点和结束点都在对象的填充部分以内时,则填充刷子工具所经过的填充部分。
2.3.7 喷涂刷工具
喷涂刷工具位于刷子工具的下拉菜单中。使用【喷涂刷工具】在舞台中绘制了图形后,双击这个图形会发现它是由组构成的,如图2-33所示。
图2-33
既然组可以作为【喷涂刷工具】的绘画元素,那么Flash软件中的图形元件和影片剪辑元件同样可以作为【喷涂刷工具】的元素而使用。
打开元件列表,可以看到默认情况下【喷涂刷工具】的【属性】面板是默认形状,如图2-34所示。单击【属性】面板中的【编辑】按钮,会弹出一个【选择元件】文本框,如图2-35所示。选择某个元件后,即可使用喷涂刷工具喷出所选择的元素,在【属性】面板中还可以选择【旋转元件】和【随机旋转】的操作,如图2-36所示。
图2-34
图2-35
图2-36
2.3.8 Deco工具
Flash CS5在Deco工具上有了进一步的改进,新增了很多应用效果,如建筑物刷子、粒子系统、树刷子等。使用Deco绘画工具,可以对舞台上的选定对象应用效果。在选择Deco绘画工具后,可以从【属性】面板中选择效果,如图2-37所示,然后设置相应的参数,直接在舞台上单击鼠标左键即可绘制图案。
图2-37
使用Deco工具可以绘制以下13种图案效果,包括藤蔓式填充效果、网格填充效果、对称刷子效果、3D刷子效果、建筑物刷子效果、装饰性刷子效果、火焰动画效果、火焰刷子效果、花刷子效果、闪电刷子效果、粒子系统、烟动画效果、树刷子效果,并且每种效果都有其高级选项属性,可通过改变高级选项参数来改变效果。由此可见Flash CS5的功能非常强大。下面主要介绍前3种效果的应用,其他效果可以自己去尝试。
(1)藤蔓式填充效果:利用藤蔓式填充效果,可以用藤蔓式图案填充舞台、元件或封闭区域。如图2-38所示为填充舞台的效果。
图2-38
(2)网格填充效果:使用网格填充效果可创建平铺图案、砖形图案或楼层模式的填充效果。如图2-39所示为平铺图案的填充效果。
图2-39
(3)对称刷子效果:可使用对称效果来创建圆形用户界面元素(如模拟钟面或刻度盘仪表)和旋涡图案。对称效果的默认元件是25像素×25像素、无笔触的黑色矩形形状。如图2-40所示为调整颜色后绘制出的图案。
图2-40
2.3.9 钢笔工具
在Flash CS5中,要绘制精确的路径(如直线或平滑流畅的曲线),可使用钢笔工具。使用钢笔工具绘画时,在工作区中单击鼠标左键可以创建直线段上的点,而拖曳鼠标指针可以创建曲线段上的点,并且可以通过调整线条上的点来调整直线段和曲线段。
选择工具箱中的钢笔工具或按【P】键均可调用钢笔工具。钢笔工具可以对绘制的图形具有非常精确的控制,并对绘制的节点、节点的方向点等都可以很好地控制,因此,钢笔工具适合于喜欢精准设计的人员。如图2-41、图2-42、图2-43所示即为使用钢笔工具所绘制的3种图形。
图2-41
图2-42
图2-43
钢笔工具主要用于常见复杂的曲线条。它除了具有绘制图形的功能外,使用它还可以进行路径节点的编辑工作,如调整路径、增加节点、将节点转化到角点以及删除节点等。
1.画直线
选择【钢笔工具】后,每单击一下鼠标左键,就会产生一个锚点,并且同前一个锚点自动用直线连接,如图2-44所示。在绘制的同时,如果按下【Shift】键,则将线段约束为45°的倍数方向上生成的锚点,如图2-45所示。
图2-44
图2-45
结束图形的绘制可以采取以下3种方法。
(1)在终点双击鼠标左键;
(2)用鼠标单击【钢笔工具】按钮;
(3)按住【Ctrl】键单击鼠标左键。
如果将钢笔工具移至曲线起始点处,当指针变为钢笔右下方带小圆圈时单击鼠标左键,即连成一个闭合曲线,并填充默认的颜色。
2.画曲线
钢笔工具最强的功能在于绘制曲线。在添加新的线段时,在某一位置按下鼠标左键后不要松开,拖曳鼠标,新的锚点与前一锚点之间将用曲线相连,并且显示控制曲率的切线控制点。如图2-46、图2-47所示。
图2-46
图2-47
3.曲线点与角点转换
若要将转角点转换为曲线点,使用【部分选取工具】选择该点,然后按住【Alt】键拖曳该点来放置切线手柄;若要将曲线点转换为转角点,可用【钢笔工具】单击该点。
4.添加锚点
若要绘制更加复杂的曲线,则需要在曲线上添加一些锚点。选择【择钢笔工具】展卷栏中的【添加锚点工具】,笔尖对准要添加锚点的位置,当指针的右上方出现一个加号标志时,单击鼠标左键,则可添加一个锚点。
5.删除锚点
删除锚点时,钢笔的笔尖对准要删除的锚点,当指针的下面出现一个减号标志时,表示可以删除该点,单击鼠标左键即可删除锚点。
删除曲线点时,用钢笔工具单击一次该曲线,将该曲线点转换为角点,再单击一次,将该点删除。在钢笔工具的【属性】面板中,同样可以设置其属性,类似于线条工具属性设置。