应用绘制工具可以绘制多变的图形与路径。若要在舞台上修改图形对象,则需要先选择对象,再对其进行修改。
矩形工具:可以绘制出不同样式的矩形。
钢笔工具:可以绘制出精确的路径。如在创建直线或曲线的过程中,可以先绘制直线或曲线,再调整直线段的角度、长度以及曲线段的斜率。
选择工具:具有选择、移动、复制、调整向量线条和色块的功能,是使用频率较高的一种工具。
套索工具:可以按需要在对象上选取任意一部分不规则的图形。
【案例学习目标】使用不同的绘图工具绘制标志图形。
【案例知识要点】使用“文本”工具,输入文字;使用“套索”工具和“选择”工具,删除文字笔画;使用“钢笔”工具、“椭圆”工具和“线条”工具,添加和修改文字笔画效果,最终效果如图2-58所示。
【效果所在位置】Ch02/效果/制作网络公司网页标志.fla。
图2-58
扫描观看本案例视频
(1)选择“文件>新建”命令,弹出“新建文档”对话框,在“常规”选项卡中选择“Action Script 3.0”选项,将“宽”选项设置为500,“高”选项设置为350,将“背景颜色”设置为黑色,单击“确定”按钮,完成文档的创建。
(2)按Ctrl+F8组合键,弹出“创建新元件”对话框,在“名称”选项的文本框中输入“标志”,在“类型”选项的下拉列表中选择“图形”选项,如图2-59所示,单击“确定”按钮,新建图形元件“标志”,如图2-60所示。舞台窗口也随之转换为图形元件的舞台窗口。
图2-59
图2-60
(3)将“图层 1”重新命名为“文字”。选择“文本”工具 ,在文本工具“属性”面板中进行设置,在舞台窗口中输入需要的白色文字,效果如图2-61所示。选中文字,按两次Ctrl+B组合键,将文字打散,效果如图2-62所示。
图2-61
图2-62
(1)单击“时间轴”面板下方的“新建图层”按钮 ,创建新图层并将其命名为“钢笔绘制”。选择“钢笔”工具 ,在钢笔工具“属性”面板中,将“笔触颜色”设置为红色,在“度”字的右下方单击鼠标,设置起点,如图2-63所示,在空白处单击鼠标,设置第2个节点,按住鼠标不放,向上拖曳控制手柄,调节控制手柄改变路径的弯度,效果如图2-64所示。使用相同的方法,应用“钢笔”工具 绘制图2-65所示的边线效果。
图2-63
图2-64
图2-65
(2)在工具箱的下方将“填充颜色”设置为白色。选择“颜料桶”工具 ,在工具箱下方的“空隙大小”选项组中选择“不封闭空隙”选项 ,在边线内部单击鼠标填充图形,如图 2-66 所示。选择“选择”工具 ,双击边线将其选中,如图2-67所示,按Delete键将其删除,效果如图2-68所示。
图2-66
图2-67
图2-68
(3)选择“选择”工具 ,在“度”字的上方拖曳出一个矩形,如图2-69所示。按Delete键将其删除,效果如图2-70所示。用相同的方法删除其他文字的笔画,效果如图2-71所示。
图2-69
图2-70
图2-71
(4)单击“时间轴”面板下方的“新建图层”按钮 ,创建新图层并将其命名为“线条绘制”。选择“椭圆”工具 ,在工具箱中将“笔触颜色”设置为无,“填充颜色”设置为白色,按住 Shift键的同时绘制圆形,效果如图2-72所示。
(5)选择“选择”工具 ,选取圆形,如图2-73 所示,按住Alt键,拖曳到适当的位置,复制图形,效果如图2-74所示。用相同的方法复制多个图形,效果如图2-75所示。
图2-72
图2-73
图2-74
图2-75
(6)选择“线条”工具 ,在线条工具“属性”面板中,将“笔触颜色”设置为白色,其他选项的设置如图2-76所示。在“风”字的内部绘制出一条斜线,效果如图2-77所示。用相同的方法再次绘制另外一条斜线,效果如图2-78所示。
图2-76
图2-77
图2-78
(1)单击舞台窗口左上方的“场景1”图标 ,进入“场景1”的舞台窗口。将“图层1”重命名为“底图”。按Ctrl+R组合键,在弹出的“导入”对话框中,选择“Ch02 > 素材 > 制作网络公司网页标志 > 01”文件,单击“打开”按钮,图片被导入舞台窗口中,效果如图2-79所示。
(2)单击“时间轴”面板下方的“新建图层”按钮 ,创建新图层并将其命名为“标志”。将“库”面板中的图形元件“标志”拖曳到舞台窗口中,并放置在适当的位置,效果如图2-80所示。
图2-79
图2-80
(3)按 Ctrl+T 组合键,弹出“变形”面板,单击面板下方的“重制选区和变形”按钮 ,复制元件。在图形“属性”面板“样式”选项的下拉列表中选择“色调”选项,各选项的设置如图2-81所示,舞台效果如图2-82所示。
图2-81
图2-82
(4)按Ctrl+↓组合键,将文字向下移一层,按6次键盘上的向下键,将文字向下移动,使文字产生阴影效果,如图2-83所示。
(5)选择“文本”工具 ,在文本工具“属性”面板中进行设置,在舞台窗口中输入需要的深蓝色(#1D4A83)文字,效果如图2-84所示。
图2-83
图2-84
(6)单击“变形”面板下方的“重制选区和变形”按钮 ,复制文字。在文本工具“属性”面板中将“颜色”选项改为白色,舞台效果如图 2-85 所示。选择“选择”工具 ,选取白色文字,然后拖曳到适当的位置,使文字产生阴影效果。网络公司网页标志制作完成,按Ctrl+Enter 组合键即可查看效果,如图2-86所示。
图2-85
图2-86
选择“矩形”工具 ,在舞台上按住鼠标不放,向需要的位置拖曳鼠标,绘制出矩形图形,松开鼠标,矩形图形效果如图2-87所示。按住Shift键的同时绘制图形,可以绘制出正方形,如图2-88所示。
可以在矩形工具“属性”面板中设置不同的边框颜色、边框粗细、边框线型和填充颜色,如图2-89所示。设置不同的边框属性和填充颜色后,绘制的图形如图2-90所示。
图2-87
图2-88
图2-89
图2-90
可以应用矩形工具绘制圆角矩形。选择“属性”面板,在“矩形边角半径”选项的数值框中输入需要的数值,如图2-91所示。输入的数值不同,绘制出的圆角矩形也不同,效果如图2-92所示。
图2-91
图2-92
“基本矩形”工具 的使用方法和功能与“矩形”工具 相同,唯一的区别在于,“矩形”工具 必须要先设置矩形属性,然后绘制,绘制好之后不可以更改矩形属性;而“基本矩形”工具 绘制前设置属性和绘制后设置属性都是可以的。
应用多角星形工具可以绘制出不同样式的多边形。选择“多角星形”工具 ,在舞台上按住鼠标不放,向需要的位置拖曳鼠标,绘制出多边形,松开鼠标,多边形效果如图2-93所示。
可以在多角星形工具的“属性”面板中设置不同的边框颜色、边框粗细、边框线型和填充颜色,如图2-94所示。设置不同的边框属性和填充颜色后,绘制的图形如图2-95所示。
图2-93
图2-94
图2-95
单击属性面板下方的“选项”按钮,弹出“工具设置”对话框,如图2-96所示,在该对话框中可以自定义多边形的各种属性。
“样式”选项:在此选项中选择绘制多边形或星形。
“边数”选项:设置多边形的边数,其选取范围为3~32。
“星形顶点大小”选项:输入一个0~1的数以指定星形顶点的深度。此数越接近0,创建的顶点就越深。此选项在多边形形状绘制中不起作用。
设置不同的数值后,绘制出的多边形也不同,如图2-97所示。
图2-96
图2-97
选择“钢笔”工具 ,将鼠标放置在舞台上想要绘制曲线的起点位置,然后按住鼠标不放,此时出现第一个锚点,并且钢笔尖形状的光标变为箭头形状,如图2-98所示。松开鼠标,将鼠标放置在想要绘制的第二个锚点的位置,单击鼠标并按住不放,绘制出一条直线段,如图2-99所示。将鼠标向其他方向拖曳,直线转换为曲线,如图2-100所示。松开鼠标,一条曲线绘制完成,如图2-101所示。
图2-98
图2-99
图2-100
图2-101
用相同的方法可以绘制出多条曲线段组合而成的不同样式的曲线,如图2-102所示。
在绘制线段时,如果按住Shift键再进行绘制,绘制出的线段将被限制为倾斜45°的倍数,如图2-103所示。
图2-102
图2-103
在绘制线段时,“钢笔”工具 的光标形状会产生不同的变化,其表示的含义也不同。
增加节点:当光标变为带加号 时,如图2-104所示,在线段上单击鼠标就会增加一个节点,这样有助于更精确地调整线段。增加节点后的效果如图2-105所示。
图2-104
图2-105
删除节点:当光标变为带减号 时,如图2-106所示,在线段上单击节点,就会将这个节点删除。删除节点后的效果如图2-107所示。
转换节点:当光标变为带折线 时,如图 2-108 所示,在线段上单击节点,就会将这个节点从曲线节点转换为直线节点。转换节点后的效果如图2-109所示。
图2-106
图2-107
图2-108
图2-109
当选择钢笔工具绘画时,若在用铅笔、刷子、线条、椭圆或矩形工具创建的对象上单击,就可以调整对象的节点,以改变这些线条的形状。
选择“选择”工具 ,工具箱下方出现图2-110所示的按钮,利用这些按钮可以完成以下工作。
“贴紧至对象”按钮 :自动将舞台上两个对象定位到一起,一般制作引导层动画时可利用此按钮将关键帧的对象锁定到引导路径上。此按钮还可以将对象定位到网格上。
图2-110
“平滑”按钮 :可以柔化选择的曲线条。当选中对象时,此按钮变为可用。
“伸直”按钮 :可以锐化选择的曲线条。当选中对象时,此按钮变为可用。
选择“选择”工具 ,在舞台中的对象上单击鼠标进行点选,如图2-111所示。按住Shift键再点选对象,可以同时选中多个对象,如图2-112所示。在舞台中拖曳出一个矩形可以框选对象,如图2-113所示。
图2-111
图2-112
图2-113
选择“选择”工具 ,点选对象,如图2-114所示,按住鼠标不放,直接拖曳对象到任意位置,如图2-115所示。
选择“选择”工具 ,点选对象,按住Alt键拖曳选中的对象到任意位置,选中的对象便会被复制,如图2-116所示。
图2-114
图2-115
图2-116
选择“选择”工具 ,将光标移至对象,光标下方出现圆弧 ,如图2-117所示。拖曳鼠标,对选中的线条和色块进行调整,如图2-118所示。
图2-117
图2-118
选择“部分选取”工具 ,在对象的外边线上单击,此时对象上会出现多个节点,如图2-119所示。拖动节点来调整控制线的长度和斜率,从而改变对象的曲线形状,如图2-120所示。
图2-119
图2-120
若想增加图形上的节点,选择“钢笔”工具 在图形上单击即可。
在改变对象的形状时,“部分选取”工具 的光标形状会产生不同的变化,其表示的含义也不同。
带黑色方块的光标 :将光标放置在节点以外的线段上时,光标变为 ,如图2-121所示。这时,可以移动对象到其他位置,如图2-122和图2-123所示。
图2-121
图2-122
图2-123
带白色方块的光标 :将光标放置在节点上时,光标变为 ,如图2-124所示。这时,可以移动单个的节点到其他位置,如图2-125和图2-126所示。
图2-124
图2-125
图2-126
变为小箭头的光标 :将光标放置在节点调节手柄的尽头时,光标变为 ,如图2-127所示。这时,可以调节与该节点相连的线段的弯曲度,如图2-128和图2-129所示。
图2-127
图2-128
图2-129
在调整节点的手柄时,调整一个手柄,另外一个相对的手柄也会随之发生变化。如果只想调整其中的一个手柄,按住Alt键,再进行调整即可。
可以将直线节点转换为曲线节点,并进行弯曲度调节。选择“部分选取”工具 ,在对象的外边线上单击,对象上显示出节点,如图2-130所示。用鼠标单击要转换的节点,节点从空心变为实心,表示可编辑,如图2-131所示。
按住Alt键,用鼠标将节点向外拖曳,节点会增加两个可调节手柄,如图2-132所示。应用调节手柄可调节线段的弯曲度,如图2-133所示。
图2-130
图2-131
图2-132
图2-133
选择“套索”工具 ,在场景中导入一幅位图,按 Ctrl+B 组合键将位图进行分离。用鼠标在位图上任意勾选想要的区域,形成一个封闭的选区,如图2-134所示。松开鼠标,选区中的图像被选中,如图2-135所示。
图2-134
图2-135
在选择“套索”工具 后,工具箱的下方出现图2-136所示的按钮,这些按钮的具体功能如下所示。
“魔术棒”按钮 :以点选的方式选择颜色相似的位图图形。
选中“魔术棒”按钮 ,将光标放在位图上,光标变为 ,在要选择的位图上单击鼠标,如图2-137所示。与点取点颜色相近的图像区域被选中,如图2-138所示。
图2-136
图2-137
图2-138
“魔术棒属性”按钮 :可以用来设置魔术棒的属性,应用不同的属性,魔术棒选取的图像区域大小各不相同。
单击“魔术棒属性”按钮 ,弹出“魔术棒设置”对话框,如图2-139所示。
在“魔术棒设置”对话框中设置不同数值后,产生的不同效果如图2-140所示。
图2-139
图2-140
“多边形模式”按钮 :可以用鼠标精确地勾画想要选中的图像。
选择“多边形模式”按钮 ,在场景中导入一幅位图,按 Ctrl+B 组合键将位图进行分离。用鼠标在字母“A”的边缘进行绘制,如图 2-141 所示。双击鼠标结束多边形工具的绘制,绘制的区域被选中,如图2-142所示。
图2-141
图2-142