鋼筆工具,AI鋼筆工具學(xué)習(xí)使用方法

首先,我們先了解一下關(guān)于鋼筆工具的一些概念:
1鋼筆工具屬于矢量繪圖工具,其優(yōu)點(diǎn)是可以勾畫出非常平滑的曲線(任意縮放都能保持清晰平滑的效果)
2鋼筆工具畫出來的線條我們稱為路徑,路徑是矢量的
3路徑分為開放路徑(如“c”型)和閉合路徑(如“o”型)兩種
─────────────────────────────────────────────────
現(xiàn)在我們來繪制一個(gè)簡單的路徑
如下圖在工具欄選擇鋼筆工具(快捷鍵P)

鋼筆工具,AI鋼筆工具學(xué)習(xí)使用方法_www.theoat.com.cn


ctrl+k打開首選項(xiàng)(此功能出現(xiàn)在aicc以后的版本,如果是之前版本無需設(shè)置,不影響使用)
如下圖,檢查并啟用橡皮筋。

鋼筆工具,AI鋼筆工具學(xué)習(xí)使用方法_www.theoat.com.cn


然后用鋼筆在畫面中單擊,我們會(huì)看到在擊打的點(diǎn)與點(diǎn)之間有線段相連
持續(xù)按住Shift鍵單擊,可以讓所繪制的點(diǎn)與上一個(gè)點(diǎn)保持45度整數(shù)倍夾角(如0度、90度等)
這樣可以輕松繪制水平或者是垂直的線段(下圖中從第5個(gè)點(diǎn)開始按下了Shift鍵)

鋼筆工具,AI鋼筆工具學(xué)習(xí)使用方法_www.theoat.com.cn


從上面的簡單練習(xí)中我們得出兩個(gè)規(guī)律:
1我們并沒有直接繪制線段,而是單擊定義了各個(gè)點(diǎn)的位置,軟件則在點(diǎn)與點(diǎn)之間連接成線
2控制線段形態(tài)(方向、距離)的,其實(shí)并不是線段本身,而是線段中的各個(gè)點(diǎn)的位置

在這里我們要記住兩個(gè)專業(yè)術(shù)語:那些單擊的點(diǎn)稱為“錨點(diǎn)”;錨點(diǎn)與錨點(diǎn)間連接的線段稱為路徑的“片斷”。
剛才我們繪制的那些錨點(diǎn),由于它們之間的線段都是直線,所以又稱為“直線型錨點(diǎn)”。

小結(jié):繪制直線路徑,用鼠標(biāo)直接單擊即可。
─────────────────────────────────────────────────

現(xiàn)在我們來繪制“曲線形錨點(diǎn)”
如下圖所示,在起點(diǎn)按下鼠標(biāo)之后不要松手,向上方拖動(dòng)出一條方向線后放手
然后在第二個(gè)錨點(diǎn)拖動(dòng)出一條向下的方向線,以此類推,畫出如圖所示的路徑

鋼筆工具,AI鋼筆工具學(xué)習(xí)使用方法_www.theoat.com.cn

 

我們看到在繪制出第二個(gè)及之后的錨點(diǎn)并拖動(dòng)方向線時(shí),曲線的形態(tài)也隨之改變
究竟曲線是怎樣生成的,我們又該如何來控制曲線的形態(tài)呢?
除了具有直線的方向和距離外,曲線多了一個(gè)彎曲度的形態(tài)——方向和距離,
我們只要改變錨點(diǎn)位置就可以做到,但是彎曲度該如何控制?

如圖在工具欄選擇“直接選擇工具”(注意是右邊白色的箭頭)

鋼筆工具,AI鋼筆工具學(xué)習(xí)使用方法_www.theoat.com.cn

 

假設(shè)我們剛才繪制的5個(gè)錨點(diǎn)分別是ABCDE,用“直接選擇工具”去單擊選中位于AB之間的片斷,就會(huì)看到剛
才我們繪制AB錨點(diǎn)時(shí)候定義的方向線

鋼筆工具,AI鋼筆工具學(xué)習(xí)使用方法_www.theoat.com.cn

 

仔細(xì)看一下這兩個(gè)方向線
再這樣想象:
一個(gè)人要從A點(diǎn)到B點(diǎn),在A點(diǎn)出發(fā)的時(shí)候,位于A點(diǎn)的其他人看到他是朝著上偏右的方向走的,而位于B點(diǎn)的人,看到他是朝著下偏左的方向來的。
那么綜合兩地的觀測結(jié)果。就可以得出這個(gè)人行走的路線:必定是一個(gè)類似拋物線的弧形
─────────────────────────────────────────────────

現(xiàn)在我們選擇如圖的“錨點(diǎn)工具”,該工具用來修改方向線

鋼筆工具,AI鋼筆工具學(xué)習(xí)使用方法_www.theoat.com.cn

 

然后如下圖所示般改變AB錨點(diǎn)上的方向線,將會(huì)看到曲線彎曲度的改變
注意方向線末端有一個(gè)小圓點(diǎn),這個(gè)圓點(diǎn)稱為“手柄”,要點(diǎn)擊手柄拖動(dòng)才可以改變方向線

鋼筆工具,AI鋼筆工具學(xué)習(xí)使用方法_www.theoat.com.cn

 

結(jié)合剛才所作的比喻,就不難理解了:
1修改B錨點(diǎn)方向線為下,相當(dāng)于指定那個(gè)人從A點(diǎn)上方出發(fā)后,從B點(diǎn)下方進(jìn)入,那么所走的路程就是一個(gè)S形
2再修改A錨點(diǎn)方向線為下,相當(dāng)于從A點(diǎn)下方出發(fā),再從B點(diǎn)下方進(jìn)入,所走的就是一個(gè)下弧形的路程

修改后的方向線如下圖:

鋼筆工具,AI鋼筆工具學(xué)習(xí)使用方法_www.theoat.com.cn


明白了方向線的方向?qū)η形態(tài)的影響后,我們來看一下方向線長短造成的影響
如下圖般,在同一方向上拖拉方向線:(可使用“直接選擇工具”)

鋼筆工具,AI鋼筆工具學(xué)習(xí)使用方法_www.theoat.com.cn


對于一個(gè)錨點(diǎn)而言,如果方向線越長,那么曲線在這個(gè)方向上走的路程就越長,反之就越短
可以這樣設(shè)想,曲線是一個(gè)橡皮筋,在頭尾兩端有兩個(gè)力在各自的方向上拉,哪個(gè)方向上力氣大,則橡皮筋就朝
向這個(gè)方向多靠攏一些。反而反之
─────────────────────────────────────────────────

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

鋼筆工具,AI鋼筆工具學(xué)習(xí)使用方法_www.theoat.com.cn


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

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

小結(jié):
對于這條曲線上的除了起點(diǎn)和終點(diǎn)的AE兩個(gè)錨點(diǎn)而言,都存在兩條方向線:
一條是從上一個(gè)錨點(diǎn)“來向”的方向線;另一條是通往下一個(gè)錨點(diǎn)的“去向”的方向線,

對于起點(diǎn),只存在“去向”的方向線;對于終點(diǎn),只存在“來向”的方向線

─────────────────────────────────────────────────

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

鋼筆工具,AI鋼筆工具學(xué)習(xí)使用方法_www.theoat.com.cn

 

現(xiàn)在要求在兩個(gè)紅點(diǎn)之間繪制一條緊貼鼠標(biāo)外廓的曲線,很可能你們繪制出來的是如下圖這個(gè)樣子的

鋼筆工具,AI鋼筆工具學(xué)習(xí)使用方法_www.theoat.com.cn

 

雖然要求是達(dá)到了,但是這樣的路徑上使用了3個(gè)錨點(diǎn)。再看下圖:

鋼筆工具,AI鋼筆工具學(xué)習(xí)使用方法_www.theoat.com.cn

 

同樣的曲線效果,這里只用了兩個(gè)錨點(diǎn)來繪制
─────────────────────────────────────────────────

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

鋼筆工具,AI鋼筆工具學(xué)習(xí)使用方法_www.theoat.com.cn

 

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

鋼筆工具,AI鋼筆工具學(xué)習(xí)使用方法_www.theoat.com.cn


記住一個(gè)原則:
繪制曲線的錨點(diǎn)數(shù)量越少越好,因?yàn)槿绻^點(diǎn)數(shù)量增加,不僅會(huì)增加繪制的步驟,同時(shí)也不利于后期的修改
─────────────────────────────────────────────────

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

1兩個(gè)錨點(diǎn)似乎可以包攬全部曲線形態(tài)了?
這個(gè)觀點(diǎn)顯然是錯(cuò)誤的,例如我們前面首個(gè)實(shí)例所繪制的曲線,就需要兩個(gè)以上的錨點(diǎn)
2那么,如何讓所用的錨點(diǎn)數(shù)量最少?
實(shí)際上這里還隱含著另外一個(gè)問題:究竟在哪里定錨點(diǎn)才是最佳的?

廖老師在這里總結(jié)一句無敵咒語

鋼筆工具,AI鋼筆工具學(xué)習(xí)使用方法_www.theoat.com.cn

 

當(dāng)兩個(gè)錨點(diǎn)的手柄拖動(dòng)的方向是同一個(gè)方向的時(shí)候,繪制出來的是“C”曲線
當(dāng)兩個(gè)錨點(diǎn)的手柄拖動(dòng)的方向是相反的方向的時(shí)候,繪制出來的是“S”曲線

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

鋼筆工具,AI鋼筆工具學(xué)習(xí)使用方法_www.theoat.com.cn

 

在了解(并且理解)C、S這兩種曲線的形態(tài)以后,大家在繪制之前就可以分析出究竟需要多少個(gè)錨點(diǎn)
其實(shí)就是分析出,有多少個(gè)可以用一條曲線(C形或S形)來繪制的區(qū)域,雖然錨點(diǎn)的數(shù)量可以反映出繪圖人的
水平和熟練度,但是對于大多數(shù)人而言,只要能夠滿足需要就足夠了,所以在實(shí)際繪圖的時(shí)候,不必過于苛求減
少錨點(diǎn)的數(shù)目
─────────────────────────────────────────────────

現(xiàn)在來實(shí)際繪制一個(gè)m形,類似麥當(dāng)勞的標(biāo)志
我們將介紹兩種過程,請先看清楚文字說明再看動(dòng)畫演示
第一種方法:在完成繪制后,再修改第二個(gè)錨點(diǎn)的“去向”的方向線,也可以選擇“直接選擇工具”適當(dāng)移動(dòng)錨點(diǎn)位置及調(diào)整路徑。(繪制完后按住Ctrl鍵在路徑之外任意位置點(diǎn)擊,即可完成繪制)

鋼筆工具,AI鋼筆工具學(xué)習(xí)使用方法_www.theoat.com.cn

 

第二種方法,其實(shí)是大家今后在繪制中所使用的標(biāo)準(zhǔn)方法:
就是利用快捷鍵的配合來完成路徑的繪制與調(diào)整的一系列動(dòng)作,做到不間斷地繪制整條曲線
(繪制完后按住Ctrl鍵在路徑之外任意位置點(diǎn)擊,即可完成繪制)

鋼筆工具,AI鋼筆工具學(xué)習(xí)使用方法_www.theoat.com.cn


接著我們再來嘗試?yán)L制一個(gè)心形,如下圖(繪制完后按住Ctrl鍵在路徑之外任意位置點(diǎn)擊,即可完成繪制)

鋼筆工具,AI鋼筆工具學(xué)習(xí)使用方法_www.theoat.com.cn


注意:如果沒有先按住Alt鍵就連接起點(diǎn),將無法單獨(dú)調(diào)整方向線,此時(shí)再按下Alt鍵即可單獨(dú)調(diào)整
─────────────────────────────────────────────────

到這里,大家對路徑已經(jīng)有了大概的認(rèn)識(shí),下面我們補(bǔ)充一些繪制中的其他問題
廖老師經(jīng)?吹胶芏嘣谑褂娩摴P工具的時(shí)候是這樣繪制的

鋼筆工具,AI鋼筆工具學(xué)習(xí)使用方法_www.theoat.com.cn

 

每次繪制一段路徑后,總是按住alt鍵,單擊一下錨點(diǎn),將去向的方向線給刪除了,這叫“半曲線錨點(diǎn)”
在這里,廖老師提醒大家千萬要改正這種鋼筆工具繪制路徑的習(xí)慣,因?yàn)檫@非常不利于后期修改。
正確的繪制方法應(yīng)該是這樣的:

鋼筆工具,AI鋼筆工具學(xué)習(xí)使用方法_www.theoat.com.cn


通過動(dòng)畫我們發(fā)現(xiàn)正確的繪制方法,線條的形態(tài)控制可能性更大。

最后再補(bǔ)上下面兩個(gè)工具的使用
添加錨點(diǎn)工具:單擊在路徑上添加錨點(diǎn)
刪除錨點(diǎn)工具:單擊路徑上的錨點(diǎn)將其刪除

一般情況下,無須選擇它,當(dāng)我們將鋼筆工具移動(dòng)到路徑上,自動(dòng)變成添加錨點(diǎn)工具,當(dāng)我們將鋼筆工具移動(dòng)到錨點(diǎn)上,自動(dòng)變成刪除錨點(diǎn)工具。

─────────────────────────────────────────────────

最后讓我們來總結(jié)一下,鋼筆工具的使用精華
1.鋼筆工具繪制的是矢量路徑
2.路徑分為直線型路徑和曲線型路徑兩種
3.我們使用鋼筆工具在頁面中直接單擊打點(diǎn),就可以繪制直線路徑
4.如果要繪制曲線路徑,則必須單擊拖拽
5.完美曲線的繪制要保證每一個(gè)錨點(diǎn)有兩個(gè)手柄并成180度角
6.鋼筆工具的終極使用是一邊繪制一邊調(diào)節(jié),繪制完畢,調(diào)節(jié)完畢,一遍成形。(鋼筆摳圖中要做到這點(diǎn))
7.鋼筆工具繪制過程主要依靠alt+空格。
alt鍵的作用:改變手柄方向/配合鼠標(biāo)滾動(dòng)縮放視圖/臨時(shí)切換錨點(diǎn)工具調(diào)節(jié)剛畫的的線條
空格的作用:抓手平移/移動(dòng)錨點(diǎn)
8.鋼筆工具最難的就是錨點(diǎn)的單擊位置,廖老師總結(jié),同向s異向c打點(diǎn)打在半山腰。

 

鋼筆工具案例演示

 

全教程完,學(xué)完記得交作業(yè)。教程對您有所幫助,請推薦給你的朋友。如果學(xué)會(huì)了,可以嘗試投稿給我們,跟大家分享你的學(xué)習(xí)經(jīng)驗(yàn):http://i.16xx8.com

學(xué)習(xí) · 提示

  • 打開ps,跟著教程做一遍,做完的圖要到這里交作業(yè):提交作業(yè)
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:ps新手求助
  • 加官方微信,隨時(shí)隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們微博:@photoshop教程論壇
  • 想學(xué)更多的同學(xué),可以訂閱我們郵件,每天都有新教程發(fā)給你:http://t.cn/Rzm5o8Y
PS教程自學(xué)網(wǎng) 歡迎投稿教程:http://i.16xx8.com

    柒月琴琴 說: 真復(fù)雜啊~~~~~
    說: 學(xué)習(xí)了。 多謝 。
    四弦梁小天 說: 大神大大威武
    諸允若若 說: 很漂亮
    放開那小妞 說: 收藏了,謝謝老師
    紅顏知已 說: 一直想學(xué)習(xí)
    說: 來學(xué)習(xí)一下。
    拐角你我的回憶 說: 看起來很好的效果
    夠不夠久情 說: 請大家多多指教
    巴黎小巷的大叔 說: 過來看看 是怎樣搞的
    薄涼夢時(shí)光 說: 真心想學(xué)
    大偉偉和小偉偉 說: 學(xué)習(xí)。。。。。哈哈
    東山仙翁 說: 簡單易懂,好教程
    木木小艾 說: 我用的是Adobe illustrator cs6版本,但是完全沒有“為鋼筆和曲率工具啟用橡皮筋”這個(gè)選項(xiàng)呢。。。
    憤怒的燃燒芝麻 說: 很漂亮