Pen Tool Animation byGal Shir

在我初學 UI 的時候，臨摹了很多作品，每次臨摹基本都可以分為兩個步驟，第一步是用鋼筆工具和形狀工具把物體勾勒出來，第二步是往形狀上填充顏色，然后加一些漸變或者投影。在填充顏色和細節的時候是很享受的，但是在勾輪廓的時候總是很崩潰，畫出來的曲線總是不流暢，也不知道問題出在哪里，其實就是鋼筆工具沒有掌握好。

后來看到一篇外文文章，寫的是在 Illustrator 中使用鋼筆工具的技巧，才明白了怎樣才能用鋼筆工具畫好曲線，今天結合那篇文章加上我的感悟來聊一聊 UI 設計中的難點，鋼筆工具。

準備工作，勾選橡皮帶工具

I Design With Code byChris Gannon

鋼筆工具大家應該都很熟悉了，中間一個節點，兩邊兩個手柄，調節手柄的方向可以控制曲線的走向，調節手柄的長度可以控制曲線的弧度。上面的動效設計表達的就是這個意思。

在使用鋼筆工具的時候有個能幫助我們的選項，叫橡皮帶，勾選上以后，曲線會隨著鼠標移動，方便我們預覽曲線的走向，看下圖，在圖片最右邊，點擊齒輪勾選上：

<點圖片看大圖>