Photoshop处理的是点阵图,而钢笔工具是Photoshop里面唯一矢量工具。刚接触这个工具可能会让你感到有点吃力,但是当你理解其运作原理后,你就会逐渐感受到其妙处。希望这一点技巧对你使用这个工具会有一点帮助。
首先,用鼠标按住这个钢笔工具的按钮。你将看见另一个工具栏的弹出,它们都属于钢笔工具。现在逐一介绍它们的用法。

钢笔工具:常常用于制作一些复杂的线条,用它可以画出很精确的曲线。

磁性钢笔工具:就是象磁石一样,把边吸住。不用自己好细心慢慢描边。前提是物体的边缘要非常清晰。


自由钢笔工具:画出的线条,就像你用铅笔在纸上画一样。


添加锚点工具:可以在任何路径上增加新锚点。就是那些线上的小点。


删除锚点工具:可以在路径上删除任何锚点。


直接选择工具:可以改变线的方向,假如画错了,就用它改一改。


当你用钢笔工具时,你可以在任何时候按 Ctrl 键转换成自由钢笔工具。
转换点工具:可以将一条光滑的曲线变成直线,反之亦然。


现在将把先前介绍的各个钢笔工具运用到以下的例子中,你也可以用这个图形来试以下。可以先 Copy 出这个图象,然后在 Photoshop 中调出来。请用鼠标右键单击左边的图象,然后选择 “图片另存为”保存到你的硬盘中。

选择钢笔工具点击A点。

现在点击B点,确认你是按着来拖动鼠标,这样可以画出一条曲线。拉动点直到使线条沿着图像的边沿排列,但是不必做得太完美。

现在点击C点,记住拖动形成曲线时按着鼠标不要放手,使曲线尽量靠近图像的边沿。

每次画总不能画得很完美,有时候会留下空隙。要修正它,就要按下 Ctrl 键,转换到选择直接选择工具。按一下锚点,如左图所圈出的部分,移动它使路径与图象的边沿相吻合。这会帮助你理解自由钢笔工具的用法。


点击D点。拖动它使其相吻合。

现在直接点击A点使其相连。记住尽量使它接近图像的边沿。

再次用自由钢笔工具做另一个调节。按下 Ctrl 键和点击锚点。移动它使路径与图像的边沿重合。


尝试用增加锚点工具增加锚点。像左边的图片要进行修正。一旦你增加了一个锚点,按下 Ctrl 键,向图像的边沿移动锚点。


当你完成之后,你可以在路径工具窗口(Windows > show Paths)中将路径存储。

点击路径工具窗口中的

就将路径转换为选区。这时候,你喜欢填色,画线都可以了。

| 关于钢笔工具的一些基本知识 |
| 作 者:梦猫猫 摘 自: 六月设计 |
| 钢笔工具一共有七个类别是:钢笔工具,磁性钢笔工具,自由钢笔工具,添加锚点工具,删除锚点工具,直接选择工具,转换点工具,在PHOTOSHOP6.0中把磁性钢笔工具跟自由钢笔合在了一起,通过自由钢笔工具选项板中磁性的复选框进行选择;并把直接选择工具与路径组件选择工具合在一起并单独列了出来。 Photoshop6.0中钢笔工具栏: ![]() 钢笔工具的新增工具: ![]() 选取磁性钢笔工具的面板: ![]() 本教程主要介绍以下钢笔工具中的一些基本知识。 ![]() 钢笔工具
![]() 自由钢笔工具
![]() 添加锚点工具
![]() 删除锚点工具
![]() 转换点工具
钢笔工具: 一般使用它在PHOTOSHOP中绘制直线路径,在工具面板中选取它,在图象中每单击鼠标左键一次就创建了一个锚点,并且这个锚点与上一个锚点之间以直线连接。 注:橡皮带选项是在添加锚点时显示一个路径形状,起着预览的作用。如果不选它的话,那么我们将无法预测路径最终的形状,所以我们使用时一般都点选它。 ![]() 1、按住SHIFT键创建锚点,将会以45度角或以45度角的倍数描绘路径 2、接住ALT键时,将钢笔工具移到锚点上,钢笔工具将会暂时变为转换点工具 3、按住CTRL键时,钢笔工具将暂时变成直接选择工具。 自由钢笔工具: 自由钢笔工具是以自由手绘的方式在图象中创建路径,就象套索工具一样,当在图象中创建出第一个关键点以后,就可以任意拖动鼠标以创建形状极不规则的路径。 ![]() 上图中的曲线拟合以PIXEL以单位,数值越小,产生的贝塞尔曲线与路径之间的误差就越小。 1、按住CTRL键,将把自由钢笔工具暂时性的变成直接选择工具 2、按住ALT键,将鼠标移动到一个锚点上,自由钢笔工具将暂时性的变成转换点工具 注:如果当前图象中已经存在一条路径,那么钢笔工具以及自由钢笔工具,磁性钢笔工具在移动到一个锚点上时,会暂时变成删除锚点工具;移动到一个路径段时,会暂时变成添加锚点工具 添加锚点工具: 它是用于在已存在的路径上插入一个锚点,在路径段上(如图): ![]() 单击左键,即可以路径段上添加一个锚点,同时产生两个调节手柄,以用来调节路径段的弯曲度。 ![]() 删除锚点工具: 用于删除路径上多余的锚点。只需在路径的锚点上单击鼠标左键就可以将这个锚点删除,而原有的路径自动保持连接;如果当前路径只有两个锚点,那么删除锚点工具自动失效。 转换点工具: 单击或拖点锚点可将其转换成拐点或平滑点(如下图),拖动锚点上的调节手柄可以改变路径段的弯曲度。 1、按住SHIFT键拖动其中一个锚点的调节手柄,可以强制手柄以45度角或45度角的倍数进行改变。 2、按住ALT键可以任意改变两个手柄中的一个,而不会影响另一个手柄。 3、按住ALT键拖动路径段,可以复制路径。 4、按住CTRL键,当鼠标经过锚点时,转换点工具将暂时性的切换成直接选择工具 ![]() |
| fireworks mx 教程: 钢笔工具(译文) |
| 作 者:blackflame(译) 摘 自: 蓝色经典论坛 |
| 原文:http://www.solardreamstudios.com/tutorials/fw/mx_pen/ 钢笔工具,也许是Fireworks中功能最为强大的工具。在下面的实例中,我将演示钢笔工具在绘制各种不同图形时候的一些典型使用方法。 ![]() 例1:多边形
在此例中,选择钢笔工具,在画布的各个区域里,不断单击并松开,可形成一个矢量多边形。可以看出,在回到所绘制的第一个点并单击时,会自动合成封闭图形。 ![]() 例2:曲线
这次,在画布的不同区域单击并拖动鼠标来形成曲线。可以尝试在不同的方向拖动来观察曲线的变化情形。这是一项非常有趣的练习,也许你会看到自己做出了很COOL的效果图。同样,在回到所绘制的第一个点并单击时,你会得到一个封闭图形。 ![]() 例3:涨裂
现在重复例2的操作,不过这次我们在整个的绘制过程中使用了Alt键。沿画布的边缘围绕中心向外单击并拖动鼠标,最后你将得到一个涨裂状图形。 相反,如果你在画布的边缘围绕中心向内单击并拖动鼠标,你可以得到类似云/花的形状。 (我不喜欢在绘制的时候使用alt键来控制手柄,觉的特难学会,而且学会后也不太方便,我总结了一套"理论"来处理这种图形,请看后面关于我的注释。-困猫注 ) ![]() 例4:FW Logo(Png源文件)
现在我们通过例1,例2,例3的钢笔使用方法,来绘制一些知名Logo,由此可以体会一下钢笔的强大之处。左图就是用钢笔绘制的3个图形组合合成的。 我首先通过抓屏的方法获得了FW Logo图片,然后粘贴在新建的画布上。然后选择钢笔工具,在LOGO图案的所有拐角处单击,拖动,有时候用到了第三个例子的Alt技巧。当完成了每一个封闭路径后,选择Subselection Tool调节更为理想的调整每一个节点。按住Alt不放,象使钢笔工具一样调整并最终得到很干净的每个节点。 这大约花费了20分钟的时间来进行绘制,你可以下载源文件进行分析。因为这是一个矢量图象,所以你可以任意调整大小而不会损失任何图片文件信息。 ![]() 例5:DW Logo(Png源文件)
上边的图象完全是用钢笔工具绘制而成。 选择钢笔工具然后绘制两个图形(一个是类似"d"的形状 ,一个是类似洞形),然后同时选中这两个图形,执行Modify>Combine Paths>Punch在d状物打洞。当然也使用了例4中同样的技术进行调整。 这个logo的绘制大概花费了10分钟,你同样可以下载源文件进行分析。 ![]() 这个图象的绘制有点难度。我应用了很多FW的技术思想,其中包括最重要的钢笔工具,然后依次绘制10个单独的图形并组合成的。这个LOGO全部是矢量信息,不包括任何位图元素。 这大概花费了我两三个小时的时间近似达到原图的效果。同样,你可以下载查看源文件。可以通过调整图象大小的方式来查看每个节点而并不损失任何图象信息。 |
| Fireworks MX 教程: 钢笔工具(附录) |
| 作 者:blackflame 摘 自: 蓝色经典论坛 |
| 第一部分的例1,例2,例3是钢笔的基本使用方法,例4,例5,例6是三个难度由浅到深的三个实例。fireworks官方中文帮助的钢笔部分,我当初看的很枯燥,感觉上面的教程很生动。在例3中,我也提到了我不太习惯作者说的使用alt键来配合绘制类似形状的图形,现在就来说说我的方法吧(很早写的东西,图片有点颠三倒四,大侠们见笑了)。 绘制路径的过程中,松开鼠标踮着钢笔在画布找下一个节点的时候,钢笔带着的是直线,还是曲线.全凭临时判断, 有时候带着直线走比较舒服. 将带着直线走变成带着曲线走: 点节点1并不拖动节点1,松开鼠标后,一定是带着一个直线的钢笔走, 点节点2,为了得到曲线,必须拖动节点2. 调整好曲线找节点3的时候,这时候会带着一个曲线的钢笔走. 再在节点2上点一下,又会重新带着直线走了. 然后这时候再找节点3. (默认的FW MX设置没有打开钢笔绘制预览,打开的办法:Edit>Preference>Editing>Pen Tool Opation,在Show Pen Previews前打上对号) 如上面的例3: ![]() ![]() ![]() ![]() ![]() 现在应用上面的附录来临摹下面这个标志中的海鸥(什么鸟?): ![]() 会临摹这个,以后碰到什么标志LOGO图形,想再次编辑并图形fill/stroke/effect等之 类就简单多了。注意钢笔走动到底是带着曲线,还是直线:(这个靠自己的感觉来走吧) ![]() ![]() ![]() ![]() ![]() ![]() ![]() 最后的源文件: ![]() PS:最早临摹这个标志的样子其实是这样的,为了表达清晰才用最终效果图进行临摹: ![]() 经过简单的钢笔操作就旧貌换新颜了,如果你的设计天赋在有的话,经过后期处理,肯定做的更COOL。 刚使用钢笔的朋友,如果能得到收获,我作为斑竹很满足了,应该说掌握了上面FW的钢笔用的很熟练了。也应该注意后期配合使用subselection工具具体调节矫正每个节点。后期调整alt键也很重要,他可以只调整一个节柄而不影响另一个节炳点。FW中文帮助的钢笔教程也很系统,但看起来枯燥点。好象也没找到我说的这个技巧。 |
| 钢笔工具的使用 |
| 作 者:I服了YOU 摘 自: 风云设计眼 |
| 简介:钢笔工具究竟能做什么?我想很多人还不能掌握这个概念,对于一些PS的老用户来说,他们知道钢笔究竟能给我们带来什么!是很多的惊奇!但这个东西实在是太难于掌握了。我想。这令大多数人与我产生同感。 同样的,在PS中我们用钢笔构图,在FW中也如此,它可以绘制出很完美的曲线,要知道,所有的构图都离不开线条,尤其是曲线。可是我们没有基础该怎么做?让我们一起来学习吧! 操作步骤: 1、现在我们了解到钢笔最主要的作用是构图,可是对于一点绘画基础都没有的人来说,构图,简直是一件比交女朋友还要难的事情,我们该怎么掌握它?让我来告诉你,描摹,这就是开始。首先,导入一张图片。 |
|
|








































