鋼筆工具使用一一路徑終極教程

（PS+FW+Illustrator適用）

首先來(lái)簡(jiǎn)要介紹一下鋼筆工具和路徑的概念

1鋼筆工具屬于矢量繪圖工具，其優(yōu)點(diǎn)是可以勾畫(huà)平滑的曲線(xiàn)（在縮放或者變形之后仍能保持

平滑效果）

2鋼筆工具畫(huà)出來(lái)的矢量圖形稱(chēng)為路徑，路徑是矢量的

3路徑允許是不封閉的開(kāi)放狀，如果把起點(diǎn)與終點(diǎn)重合繪制就可以得到封閉的路徑

現(xiàn)在我們來(lái)繪制一個(gè)簡(jiǎn)單的路徑

如下圖在工具欄選擇鋼筆工具（快捷鍵P）

并保持鋼筆工具的選項(xiàng)如圖所示（在工具欄上方）

選擇第二種繪圖方式（單純路徑），并取消橡皮帶功能

然后用鋼筆在畫(huà)面中單擊，會(huì)看到在擊打的點(diǎn)之間有線(xiàn)段相連

保持按住Shift鍵可以讓所繪制的點(diǎn)與上一個(gè)點(diǎn)保持45度整數(shù)倍夾角（比如零度、90度）

這樣可以繪制水平或者是垂直的線(xiàn)段（圖中從第5個(gè)點(diǎn)開(kāi)始按下了Shift鍵）

oa-7n7n77n

從上面的簡(jiǎn)單練習(xí)中我們得出兩個(gè)規(guī)律：

1我們并沒(méi)有直接繪制線(xiàn)段，而是定義了各個(gè)點(diǎn)的位置，軟件則在點(diǎn)間連線(xiàn)成型

2控制線(xiàn)段形態(tài)（方向、距離）的，并不是線(xiàn)段本身，而是線(xiàn)段中的各個(gè)點(diǎn)的位置

記住兩個(gè)術(shù)語(yǔ)：那些點(diǎn)稱(chēng)為“錨點(diǎn)”（anchor）；錨點(diǎn)間的線(xiàn)段稱(chēng)為“片斷”（segment）。

剛才我們繪制的那些錨點(diǎn)，由于它們之間的線(xiàn)段都是直線(xiàn)，所以又稱(chēng)為直線(xiàn)型錨點(diǎn)。

現(xiàn)在我們來(lái)繪制曲線(xiàn)形錨點(diǎn)

如下圖所示般，在起點(diǎn)按下鼠標(biāo)之后不要松手，向上拖動(dòng)出條方向線(xiàn)后放手

然后在第二個(gè)錨點(diǎn)拖動(dòng)出一條向下的方向線(xiàn)，以此類(lèi)推，畫(huà)出類(lèi)似圖示的路徑

0

QQ:7070770

我們看到在繪制出第二個(gè)及之后的錨點(diǎn)并拖動(dòng)方向線(xiàn)時(shí)，曲線(xiàn)的形態(tài)也隨之改變

究竟曲線(xiàn)是怎樣生成的，我們又該如何來(lái)控制曲線(xiàn)的形態(tài)呢？

除了具有直線(xiàn)的方向和距離外，曲線(xiàn)多了一個(gè)彎曲度的形態(tài)

方向和距離只要改變錨點(diǎn)位置就可以做到，但是彎曲度該如何控制？

如圖在工具欄選擇“直接選擇工具”，注意是下方那個(gè)空心的箭頭

假設(shè)我們剛才繪制的4個(gè)錨點(diǎn)分別是ABCD

用“直接選擇工具”去點(diǎn)取位于A(yíng)B之間的片斷

會(huì)看到剛才我們繪制AB錨點(diǎn)時(shí)候定義的方向線(xiàn)

仔細(xì)看一下這兩個(gè)方向線(xiàn)

再這樣想象：

一個(gè)人要從A點(diǎn)到B點(diǎn)，在A(yíng)點(diǎn)出發(fā)的時(shí)候，位于A(yíng)點(diǎn)的其他人看到他是朝著上偏右的方向走的

而位于B點(diǎn)的人，看到他是朝著下偏右的方向來(lái)的

那么綜合兩地的觀(guān)測(cè)結(jié)果。就可以得出這個(gè)人行走的路線(xiàn)：必定是一個(gè)類(lèi)似鍋蓋的上弧形

現(xiàn)在我們選擇如圖的“轉(zhuǎn)換點(diǎn)工具”，該工具用來(lái)修改方向線(xiàn)

然后如下圖所示般改變AB錨點(diǎn)上的方向線(xiàn)，將會(huì)看到曲線(xiàn)彎曲度的改變

注意方向線(xiàn)末端有一個(gè)小圓點(diǎn)，這個(gè)圓點(diǎn)稱(chēng)為“手柄”，要點(diǎn)擊手柄位置才可以改變方向線(xiàn)

卜

C

B

D

09:7070770

結(jié)合剛才所作的比喻，就不難理解了：

1修改B錨點(diǎn)方向線(xiàn)為下，相當(dāng)于指定那個(gè)人從A點(diǎn)上方出發(fā)后，從B點(diǎn)下方進(jìn)入，那么所走的

路程就是一個(gè)S形

2再修改A錨點(diǎn)方向線(xiàn)為下，相當(dāng)于從A點(diǎn)下方出發(fā)，再?gòu)腂點(diǎn)下方進(jìn)入，所走的就是一個(gè)下弧

形的路程

修改后的方向線(xiàn)如下圖：

明白了方向線(xiàn)的方向?qū)η€(xiàn)形態(tài)的影響后，我們來(lái)看一下方向線(xiàn)長(zhǎng)短造成的影響

如下圖般，在同一方向上拖拉方向線(xiàn)：（可使用“直接選擇工具”）

C

B

D

AH

k

QQ7070770

對(duì)于一個(gè)錨點(diǎn)而言，如果方向線(xiàn)越長(zhǎng)，那么曲線(xiàn)在這個(gè)方向上走的路程就越長(zhǎng)，反之就越短

可以這樣設(shè)想，曲線(xiàn)是一個(gè)橡皮筋，在頭尾兩端有兩個(gè)力在各自的方向上拉

哪個(gè)方向上力氣大，則橡皮筋就朝向這個(gè)方向多靠攏一些。反而反之

除了修改錨點(diǎn)之外，也可以利用“直接選擇工具”，在片斷上修改曲線(xiàn)的形態(tài)

如下圖：

C

A

QQ7070770

注意：這并不能說(shuō)是“修改了片斷”，而應(yīng)該說(shuō)是“同時(shí)修改了兩個(gè)錨點(diǎn)”

牢記原則：片斷是由錨點(diǎn)組成的，只有修改錨點(diǎn)才能改變片斷形態(tài)，這是不可逆的因果關(guān)系

做一下小結(jié)：

對(duì)于這條曲線(xiàn)上的除「起點(diǎn)和終點(diǎn)的BC兩個(gè)錨點(diǎn)而言，都存在兩條方向線(xiàn)：

一條是從上一個(gè)錨點(diǎn)“來(lái)向”的方向線(xiàn)；另一條是通往下一個(gè)錨點(diǎn)的“去向”的方向線(xiàn)

對(duì)于起點(diǎn)，只存在“去向”的方向線(xiàn)；對(duì)于終點(diǎn)，只存在“來(lái)向”的方向線(xiàn)

下面讓我們做個(gè)小練習(xí)，如圖:

現(xiàn)在要求在兩個(gè)紅點(diǎn)之間繪制一條緊貼鼠標(biāo)外廓的曲線(xiàn)

很可能你們繪制出來(lái)的是如下圖這個(gè)樣子的

雖然要求是達(dá)到了，但是這樣的路徑上使用了4個(gè)錨點(diǎn)

再看下圖：

同樣的曲線(xiàn)效果，這里只用了兩個(gè)錨點(diǎn)來(lái)繪制

移動(dòng)兩個(gè)紅點(diǎn)的位置再行繪制，很可能你們繪制的效果是這樣

而實(shí)際上呢，也只需要用兩個(gè)錨點(diǎn)就可以繪制這條曲線(xiàn)了，如下圖

再換個(gè)位置繪制一條，也只需要兩個(gè)錨點(diǎn)，如下圖:

記住一個(gè)原則：繪制曲線(xiàn)的錨點(diǎn)數(shù)量越少越好

因?yàn)槿绻^點(diǎn)數(shù)量增加，不僅會(huì)增加繪制的步驟，同時(shí)也不利于后期的修改

到這里，大家一定會(huì)產(chǎn)生兩個(gè)問(wèn)題:

1兩個(gè)錨點(diǎn)似乎可以包攬全部曲線(xiàn)形態(tài)了？

這個(gè)觀(guān)點(diǎn)顯然是錯(cuò)誤的，例如我們前面首個(gè)實(shí)例所繪制的曲線(xiàn)，就需要兩個(gè)以上的錨點(diǎn)

2那么，如何讓所用的錨點(diǎn)數(shù)量最少？

實(shí)際上這里還隱含著另外一個(gè)問(wèn)題：究竟在哪里定錨點(diǎn)才是最佳的？

下面是我個(gè)人（作者）總結(jié)出來(lái)的規(guī)律：

兩個(gè)錨點(diǎn)之間的曲線(xiàn)形態(tài)分為兩類(lèi):C形和S形

c形的幾種形態(tài)如下圖：

C型曲線(xiàn)形態(tài)

)C

它們的方向線(xiàn)如下圖：

C型曲線(xiàn)方向線(xiàn)

一》

?------a\

LG

（2

JZ

S形曲線(xiàn)的幾種形態(tài)如下圖:

S型曲線(xiàn)形態(tài)

下面的動(dòng)畫(huà)演示了在調(diào)整方向線(xiàn)的時(shí)候，從C形到S形之間的分界點(diǎn)

C型曲線(xiàn)與S型曲線(xiàn)的分界點(diǎn)

RC

QQ7070770

在了解（并且理解）C、$這兩種曲線(xiàn)的形態(tài)以后

大家在繪制之前就可以分析出究竟需要多少個(gè)錨點(diǎn)

其實(shí)就是分析出，有多少個(gè)可以用一條曲線(xiàn)（C形或S形）來(lái)繪制的區(qū)域

雖然錨點(diǎn)的數(shù)量可以反映出繪圖人的水平和熟練度

但是對(duì)于大多數(shù)人而言，只要能夠滿(mǎn)足需要就足夠了

所以在實(shí)際繪圖的時(shí)候，不必過(guò)于苛求減少錨點(diǎn)的數(shù)目

現(xiàn)在來(lái)實(shí)際繪制一個(gè)m形,類(lèi)似麥當(dāng)勞的標(biāo)志

我們將介紹三種過(guò)程，請(qǐng)先看清楚文字說(shuō)明再看動(dòng)畫(huà)演示

第一種方法：在完成繪制后，再修改第二個(gè)錨點(diǎn)的“去向”的方向線(xiàn)，并可以適當(dāng)移動(dòng)錨點(diǎn)位置

（繪制完后按住Ctrl鍵在路徑之外任意位置點(diǎn)擊，即可完成繪制）

繪制M型方法一：完成后修改

QQ:7070770

在其中我們注意到一個(gè)現(xiàn)象：那就是新建立一個(gè)曲線(xiàn)錨點(diǎn)并拖動(dòng)它的方向線(xiàn)的時(shí)候

實(shí)際上隨著鼠標(biāo)移動(dòng)的是“去向”這條方向線(xiàn)，而“來(lái)向”方向總是與之成180度水平夾角的,

并且長(zhǎng)度也相同

所以，雖然本來(lái)我們應(yīng)該把第二個(gè)錨點(diǎn)的“去向”定為右上方

但是為了“來(lái)向”的正確，不得已先將其定在右下方，然后在完成繪制后，再單獨(dú)修改其“去向”

這種方法可以形容為“丟去保來(lái)”（同理，也可以“丟來(lái)保去”）

在繪制數(shù)量較多的錨點(diǎn)時(shí)就顯得很不方便，因?yàn)榭偪床坏秸_的曲線(xiàn)

現(xiàn)在我們介紹第二種繪制過(guò)程：

在建立第二個(gè)錨點(diǎn)并遵循“來(lái)向”定義好方向線(xiàn)之后，再修改“去向”方向線(xiàn)，使曲線(xiàn)可以正確

地繪制下去

（繪制完后按住Ctrl鍵在路徑之外任意位置點(diǎn)擊，即可完成繪制）

\_儀HJiiiXnZQ匚々/?；_言UIF_L?XJTkig二二PU/

玨,，||繪制M型方法二：繪制過(guò)程中修改：（1）基礎(chǔ)方法

ZX

電%

T

Q鋼筆工具P

。?自由鋼筆工具P

y添加錨點(diǎn)工具

3-刪除錨點(diǎn)

卜轉(zhuǎn)換點(diǎn)工具

回U

09:7070770

雖然頻繁地切換工具有點(diǎn)麻煩，但可以讓曲線(xiàn)始終沿著指定的路線(xiàn)繪制

（同理，也可以先遵循“去向”定好方向線(xiàn)，再修改“來(lái)向”）

實(shí)際上，在定好第二個(gè)錨點(diǎn)后，不用到工具欄切換工具

將鼠標(biāo)移動(dòng)到方向線(xiàn)手柄上，按住ALT鍵即可暫時(shí)切換到“轉(zhuǎn)換點(diǎn)工具”進(jìn)行調(diào)整；

而按住Ctrl鍵將暫時(shí)切換到“直接選擇工具”，可以用來(lái)移動(dòng)錨點(diǎn)位置

松開(kāi)Alt或Ctrl鍵即恢復(fù)鋼筆工具，可繼續(xù)繪制

要注意的是：

雖然“直接選擇工具”也可以修改方向線(xiàn)，但“來(lái)向”“去向”有時(shí)候（當(dāng)兩者同時(shí)顯示的時(shí)候）

會(huì)被其一起修改

最后第三種方法，應(yīng)該是大家今后在繪制中所使用的標(biāo)準(zhǔn)方法：

此法實(shí)際就是上面講到的快捷鍵的另一種操作方式，也是在不切換工具的條件下，使用快捷鍵來(lái)

完成方向線(xiàn)的修改

做到不間斷地繪制整條曲線(xiàn)

（繪制完后按住Ctrl鍵在路徑之外任意位置點(diǎn)擊，即可完成繪制）

W乂

Z叁，

,

，:

<

T

\

rr一

V

.a.

w

線(xiàn)”

向方向

亂來(lái)

則將打

鍵，否

ALT

再放開(kāi)

開(kāi)鼠標(biāo)

，先松

結(jié)束后

“調(diào)整

個(gè)提示

看到一

中大家

在動(dòng)畫(huà)

置

角位

平夾

的水

相等

長(zhǎng)度

復(fù)到

”恢

“去向

”和

“來(lái)向

點(diǎn)的

個(gè)錨

使這

將會(huì)

松開(kāi)，

鍵先被

Alt

如果

整

獨(dú)調(diào)

次單

可再

t鍵即

下AL

，再按

關(guān)系

多大

這沒(méi)有

圖

，如下

心形

一個(gè)

繪制

嘗試

再來(lái)

我們

接著

）

成繪制

可完

，即

點(diǎn)擊

位置

任意

之外

在路徑

rl鍵

住Ct

完后按

（繪制

型

艙制心

ALT健

先按住

拖動(dòng)

起點(diǎn)并

再點(diǎn)擊

770

070

QQ:7

獨(dú)

可單

t鍵即

下Al

時(shí)再按

線(xiàn)，此

方向

獨(dú)調(diào)整

無(wú)法單

點(diǎn)，將

連接起

t鍵就

住Al

有先按

如果沒(méi)

注意：

調(diào)整

問(wèn)題

其他

中的

繪制

一些

補(bǔ)充

我們

，下面

認(rèn)識(shí)

概的

了大

經(jīng)有

徑已

家對(duì)路

，大

到這里

制：

的繪

錨點(diǎn)

曲線(xiàn)

1半

:

如下圖

制，

來(lái)繪

方法

這種

要用

，就需

是直線(xiàn)

，右邊

曲線(xiàn)

邊是

點(diǎn)左

個(gè)錨

要一

們需

候我

有時(shí)

半曲線(xiàn)錨點(diǎn)的繪制

繪制錨點(diǎn)后，移動(dòng)到錨點(diǎn)上，

按下Mt鍵，再點(diǎn)擊錨點(diǎn).將

會(huì)刪除“去向”

6

QQ:7070770

繪制錨點(diǎn)后，按住All鍵單擊一下錨點(diǎn)，那么這個(gè)錨點(diǎn)的“去向”就變?yōu)榱酥本€(xiàn)

只有“去向”能改變?yōu)橹本€(xiàn)，如果需要“來(lái)向”為直線(xiàn)，則需要在上一個(gè)錨點(diǎn)操作

即使轉(zhuǎn)換為半曲線(xiàn)錨點(diǎn)了，繪制下一個(gè)錨點(diǎn)的時(shí)候仍然是可.以帶有方向線(xiàn)的，如卜圖:

0Q:TO7077C

這樣看來(lái)似乎很矛盾，為何還有曲線(xiàn)出現(xiàn)？

須記住，假設(shè)半曲線(xiàn)錨點(diǎn)A的“去向”為直線(xiàn)，這樣對(duì)于下一個(gè)錨點(diǎn)B而言，B的“來(lái)向”也是

直線(xiàn)

但是如果錨點(diǎn)B的“去向”為曲線(xiàn)的話(huà)，還是會(huì)導(dǎo)致AB之間的片斷呈曲線(xiàn)形

不過(guò)這條曲線(xiàn)永遠(yuǎn)只能是C形曲線(xiàn)，因?yàn)樗鄙倭硗庖粭l方向線(xiàn)的控制

可以用一條形狀相類(lèi)似的正常曲線(xiàn)錨點(diǎn)來(lái)比較一下

半曲線(xiàn)鋪點(diǎn)

下圖演示了從“半曲線(xiàn)”轉(zhuǎn)換為“正常曲線(xiàn)”錨點(diǎn)的步驟

正常曲線(xiàn)錨點(diǎn)轉(zhuǎn)化為半曲線(xiàn)錨點(diǎn)

I選中路徑

2選擇“轉(zhuǎn)換點(diǎn)工具”

3按住Alt健在貓點(diǎn)上單擊

QQ:7070770

下圖演示了從“正常曲線(xiàn)”轉(zhuǎn)換為“半曲線(xiàn)”錨點(diǎn)的步驟

正常曲線(xiàn)錨點(diǎn)轉(zhuǎn)化為半曲建錨點(diǎn)

卜

1選中路徑

2選擇