很多人都對鋼筆工具不太了解，今天給大家寫一個十分強大的鋼筆使用教程，算是UI範兒微課堂的開篇吧。

看完後，相信大家對ps鋼筆工具怎麼用會有一個全新的了解。

使用ps的時候，很多時候都需要用到鋼筆工具，例如鼠繪、做精确選區、路徑摳圖等，都需要使用鋼筆工具，做UI設計更是離不開它，如果對鋼筆工具不了解，就很難做得完美，而且很多使用多年ps的老鳥都對鋼筆工具十分陌生，所以學好鋼筆工具怎麼用，對大家以後ps有很大提高作用。

聲明：本人使用的是 PHOTOSHOP CC 2014 最新版本，操作界面與你的會有所不同，但是萬法歸一，PS的基本功能是不會變的。本教程是網上的一位PS達人寫的，是誰以無從查起。但是版本太老，我取其精華，結合最新的PS版本，優化，加入了我的觀點和講解方式。希望借此幫助更多的人，少走彎路。在此向這位之前的作者緻敬。

如果需要最新版的 ADOBE CC 2014 全套軟件 的可以加我個人微信獲取 eric-dw（注明：UIFUNS）

本人喜歡喝茶，那就以一款紫砂壺為載體，講解吧。come on!

現在要在茶壺的壺把圓弧上的兩個紅點之間繪制一條緊貼外廓的曲線，你會怎樣繪制呢?

先想3秒鐘。。。。。。

很可能你們繪制出來的是如下圖這個樣子的

雖然是完成了需要的效果，但是這樣的路徑上使用了4個錨點

再看下圖：

同樣的曲線效果，這裡隻用了兩個錨點來繪制。

有同學會問，為什麼要隻用2個錨點，我4個錨點不可以嗎?(甚至有的同學還不清楚錨點的概念和用處。)，

往下看，所有問題随着教程的深入，都會解決。

首先來簡要介紹一下鋼筆工具和路徑的概念

鋼筆工具屬于矢量繪圖工具，其優點是可以勾畫平滑的曲線，在縮放或者變形之後仍能保持平滑效果

鋼筆工具畫出來的矢量圖形稱為路徑，路徑是矢量的路徑允許是不封閉的開放狀，如果把起點與終點重合繪制就可以得到封閉的路徑

----------------我--是--分--割--線-----------------

一切都要從基礎開始，掌握堅實的基礎操作，才會為以後的提高奠定基礎。

現在我們來繪制一個簡單的路徑

如下圖在工具欄選擇鋼筆工具(快捷鍵P)

并保持鋼筆工具的選項如圖所示(在工具欄上方)：選擇第二種繪圖方式(路徑)，并取消橡皮帶功能

然後用鋼筆在畫面中單擊，會看到在單擊的兩點之間有線段相連

保持按住Shift鍵可以讓所繪制的點與上一個點保持45度整數倍夾角(比如零度、90度)

這樣可以繪制水平或者是垂直的線段(圖中從第5個點開始按下了Shift鍵)

從上面的簡單練習中我們得出兩個規律：

我們并沒有直接繪制線段，而是定義了各個點的位置，軟件則在點間連線成型

控制線段形态(方向、距離)的，并不是線段本身，而是線段中的各個點的位置

記住兩個術語：

那些點稱為“錨點”(anchor)

錨點間的線段稱為“片斷”(segment)

剛才我們繪制的那些錨點，由于它們之間的線段都是直線，所以又稱為直線型錨點。

----------------------我-是-分-割-線------------------------

現在我們來繪制曲線形錨點

如下圖所示般，在起點按下鼠标之後不要松手，向上拖動出一條方向線後放手

然後在第二個錨點拖動出一條向下的方向線，以此類推，畫出類似圖示的路徑

我們看到，在繪制出第二個及之後的錨點并拖動方向線時，曲線的形态也随之改變

---------------------分-割-線-又-來-了----------------------

究竟曲線是怎樣生成的，我們又該如何來控制曲線的形态呢?

除了具有直線的方向和距離外，曲線多了一個彎曲度的形态，

方向和距離隻要改變錨點位置就可以做到，但是彎曲度該如何控制?

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

仔細看一下這兩個方向線

再這樣想象：

一個人要從A點到B點，在A點出發的時候，位于A點的其他人看到他是朝着上偏右的方向走的

而位于B點的人，看到他是朝着下偏右的方向來的

那麼綜合兩地的觀測結果。就可以得出這個人行走的路線：必定是一個類似鍋蓋的上弧形

--------------------分-割-線-亂-入-------------------------

現在我們選擇如圖的“轉換點工具”，該工具用來修改方向線

然後如下圖所示般改變AB錨點上的方向線，将會看到曲線彎曲度的改變

注意方向線末端有一個小圓點，這個圓點稱為“手柄”，要點擊手柄位置才可以改變方向線

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

修改B錨點方向線為下，相當于指定那個人從A點上方出發後，從B點下方進入，那麼所走的路程就是一個S形

再修改A錨點方向線為下，相當于從A點下方出發，再從B點下方進入，所走的就是一個下弧形的路程

修改後的方向線如下圖：

明白了方向線的方向對曲線形态的影響後，我們來看一下方向線長短造成的影響

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

對于一個錨點而言，如果方向線越長，那麼曲線在這個方向上走的路程就越長，反之就越短

可以這樣設想，曲線是一個橡皮筋，在頭尾兩端有兩個力在各自的方向上拉

哪個方向上力氣大，則橡皮筋就朝向這個方向多靠攏一些。反而反之除了修改錨點之外，也可以利用“直接選擇工具”，在片斷上修改曲線的形态

如下圖：

注意：這并不能說是“修改了片斷”，而應該說是“同時修改了兩個錨點”

牢記原則：片斷是由錨點組成的，隻有修改錨點才能改變片斷形态，這是不可逆的因果關系

做一下小結：

對于這條曲線上的除了起點和終點的BC兩個錨點而言，都存在兩條方向線：

一條是從上一個錨點“來向”的方向線;另一條是通往下一個錨點的“去向”的方向線

對于起點，隻存在“去向”的方向線;對于終點，隻存在“來向”的方向線

-------------------分-割-線-------------------------

下面讓我們做個小練習，如圖：

現在要求在兩個紅點之間繪制一條緊貼茶壺手柄外廓的曲線

很可能你們繪制出來的是如下圖這個樣子的

雖然要求是達到了，但是這樣的路徑上使用了4個錨點

再看下圖：

同樣的曲線效果，這裡隻用了兩個錨點來繪制

移動兩個紅點的位置再行繪制，很可能你們繪制的效果是這樣

而實際上呢，也隻需要用兩個錨點就可以繪制這條曲線了，如下圖

再換個位置繪制一條，也隻需要兩個錨點，如下圖

記住一個原則：繪制曲線的錨點數量越少越好

因為如果錨點數量增加，不僅會增加繪制的步驟，同時也不利于後期的修改。

到這裡，我們的第一期的微課程就結束了。大家有沒有學到什麼呢？

當然，關于鋼筆的使用技巧還有很多，将會在下期的UI微課中和大家見面。

大家是否能接受微課程呢？如果你們支持想看到第二期的微課程的話，請點下面的“贊”

投稿和合作可加eric-dw

學習UI：微信搜索:UIFUNS，加關注，随時學UI。

更多精彩资讯请关注tft每日頭條，我们将持续为您更新最新资讯!