钢笔工具是重中之重,我们要对网页进行创作,大部分时候是要借助钢笔工具完成的。因此一定要对它的各个功能了如指掌。如下图1-11-1中3处第4个图标A所示:

图1-12-1 Fireworks钢笔工具
钢笔工具,快捷键为,在英文输入法下按P键,钢笔工具的属性面版非常简单,主要是对边线进行控制的。现在你点一下钢笔工具就可以看到。和文字工具的的边框控制还有矩形工具的边框控制几乎一模一样。下面,我们看一下图1-12-2,下面,我们对钢笔工具的几个核心用法一一说明。

图1-12-2 Fireworks钢笔工具绘制的图形
(1)图1画的是一条折线,有两条线段构成。很简单,钢笔工具只需要在每个端点处各点一下即可。注意,只点鼠标,不要点住后拖动。一拖动就变成曲线了。尤其是5处的拐点处,千万不要拖动。另外,需要说明的一点是,如果你现在画出来的线不清晰,如果的你钢笔工具线条粗细是1像素的宽度,那么你可以将线条的样式设置成“铅笔-》1像素”。如果拐点后面的线有明显的锯齿,类似断结点。请再画的时候注意一下角度。或者将线调用“铅笔-》1像素柔化”。总之要去平衡。如果想直线不模糊,又想斜线无锯齿,则直接画两次即可。把两条线拼起来。总之做东西思维要活跃。我们做的是平面作品,只要直观上看上去连在一起的即可。因为保存后就成了一幅图,是不是这个道理,你可以认真想一下。另外,钢笔工具每点一点,都会自动将这一点和上一点连起来成一条线段。如果想停下来结束图形的绘制。双击就可以终止了。
(2)图2处画的是曲线,是钢笔工具的另一个非常重要的用法。上面也提到到。钢笔工具在点击的同时如果拖动鼠标,它就会变成曲线。图2处两个绿色的圆圈住的部分,左边的是一个实心点,是画完后,我们又用选择工具中的白色箭头点一下后出现的现象。实心点表明当前这个点在被选中的状态。钢笔工具经常要和白色空心箭头选择工具配合使用。来对画完的图进行调节,使其达到我们最终想要的效果。图2中完全是曲线,没有直线。图3中6处标注的拐点是一个尖角。尖角和有曲度的角这两个效果在画的时候最大的区别就是:一个是点击鼠标不拖动就成了尖角,一个是点住鼠标拖动后就成了有曲度的圆滑线。请切记这个要点。图2处两个绿色圆圈起来及没有被圈起来的那一个曲角处都有一条或两条有端点的线。这种线叫作“方向控制柄”,它的出现只是为了做图方便,最终并不会被保存下来。只是在做图的过程中出现的,做完图不选中,它就不会出现。很多初学者把这些线看成是一条实际存在的线,请切记,它是虚拟的,是一条不存在的线,一定要注意,做图的时候不要被这种线干扰视觉。否则,你做图的过程会很困惑。
(3)关于曲线的曲度和方向,曲线的曲度有你鼠标点住不放拖动的距离和原点之间的距离决定。这一点,你要通过实践多拉一拉感受一下即可。要给大脑留下一些直观的印象。总之学习要不断思考比较每一次所做的事和前面有何差异性。记住差异性就很容易理解一个事物内在规律。掌握了规律当然就可以随心所欲地控制它。曲线和钢笔工具拖出来的方向控制柄永远都是相切而不会相交穿插过去。即方向控制柄永远都是曲线的切线。只起一个辅助参考作用。具体曲线往哪个方向变化。要看鼠标往哪个方向拖动,你可以不断360转动鼠标,观察一下曲线的方向变化。
(4)掌握了以上三点要领,你就可以试判 画图中4处的心,如果你能一笔完成,而且画的形状比较像,说明钢笔工具的要领你已基本掌握。我的所有学生都是在完成这个任务后,对钢笔工具基本可以随心所欲控制的。您也可以通过这个有代表性的案例实验一下。提示一下。图4中是被选中的,所以有4个角点。画完之后不选中就会消失。另外,我们这里的图没有填充色,所以画完之后是空心透明的。只有一条边线。如果你想要填充色,你可以在画完之后在属性面版里给其上色。只要你画的是一些闭合端点的形状,画完后它就会自动变成一个标准的短量图,那就和我们用矩形工具画出来的图看到的属性面版几乎完全一样了。现在您试一下画一下这个图形吧。画完后,下面还有要点要讲。
下面,我们讲一下关于钢笔工具和空心箭头选择工具的配合用法说明。一般情况下,我们所想要的图形,都不太可能用钢笔工具一步到位。而是需要在画完之后用空心箭头工具再调节变成我们想要的效果的。现在您可以画一条有两个以上端点的线,然后切换到空心箭头工具。点住拖动,你会发现,可以改变这个端点的位置。如果用实心黑色箭头工具,你会发现整个图形都会被拖动。而空心箭头只会拖动你当前选中的点。所以我们也把空心箭头工具称为细节调节工具。这是一个要点:“点击拖动可以改动一个端点或多个端点的位置”。另外一个要点,先点击一下一个端点确定选中这个端点了,然后控制ALT键,再用鼠标拉到这个端点,你会发现,可以拉出一个方向控制柄。同时,尖角会发生曲变。这也就是一个尖角点怎么变成一个曲角的方法。现在您可以用矩形工具,画一下矩形,然后鼠标放在矩形上,如果有填充色,直接放在矩形上即可。如果没有填充色,请将鼠标准确放在矩形的边框上。点击右键,选择“取消组合”,然后用上面的两种方法改变短形的端点,你会发现它和钢笔工具画出来的图形一样可以改变了。但是有一点需要注意,取消组合后的矩形,不能再对它的矩形圆度进行改变了。现在你可以看一下你的属性面板里的短形圆度是不是已经变成灰色不可能状态了。
钢笔工具加点减点用法:钢笔工具,不仅能对自己画出来的线加一些点,减一些点操作,还能对所有矢量工具画来的边线进行加点减点操作。现在我们只拿钢笔工具画出来的线举例。其它的矢量工具画出来的图形,大家可以自己做试验。原理都是一模一样的。学习一定要注意举一反三,不在乎做多少,而在乎思考了多少。如图1-12-2中图1所示,首先,我们用白色空心箭头选中它,然后再选择钢笔工具,在放钢笔工具放在两个端点之间,这时会发现钢笔工具旁边多了一个加号,请点击一下。你会发现,现在多了一个端点。有了这个点,你就可以用空心箭头工具随便改变它了。我们再将钢笔工具放在某一个端点上,这时会发现钢笔工具右边了一个减号,请点击一下,你会发现,当前这个点就不见了。好,现在再加一个端点,然后钢笔工具放在这个端点上,拖动鼠标。看到尖角变成曲线了吗?
OK,现在用矩形工具画一个正方形,然后右键菜单选择“取消组合”,然后用钢笔工具点一下其中一个角度,看一下是不是很快就画一个等腰直角三角形出来了。然后按组合键“CTRL+SHIFT+T”,调出数值变形控制工具。从下拉框里面选择“旋转”,然后输入一个角度,确定。这个数值变形工具,你现在反复把里面的每一个功能都用一下。感受一下它的作用。将来我们可能经常用到。
上面做的两个小实验,虽然小,但是却是我们最常用的一些功能,如果能他们用熟,就可以灵活做出多变的图形效果来。本节讲的内容非常重要,请反复练习,务必对这些功能了如指掌。将来你会发现网页上的效果制作并不是一件难事。随便看一下,就知道用什么工具,什么方法能快速做出来了。不信,你现在就可以随便找一些网站,看看上面的某些效果你是不是已经有方法画出来了。