圖片中紅色的圈代表水平的節(jié)點(diǎn)，藍(lán)色的圈代表垂直的節(jié)點(diǎn)，從圖片里可以看出，不僅僅是手柄的方向有規(guī)律，節(jié)點(diǎn)的位置也是有規(guī)律的，第二個規(guī)律就是：所有的節(jié)點(diǎn)都在曲線的 “最” 外側(cè)或者 “最” 內(nèi)側(cè)。簡單得說就是如果曲線是凸出來的，節(jié)點(diǎn)就放在最凸的那個地方，如果節(jié)點(diǎn)是凹進(jìn)去的，節(jié)點(diǎn)就要放在最凹的那個地方。掌握了這兩個規(guī)律就可以輕松畫出完美的曲線了。

鋼筆工具大家應(yīng)該都很熟悉了，中間一個節(jié)點(diǎn)，兩邊兩個手柄，調(diào)節(jié)手柄的方向可以控制曲線的走向，調(diào)節(jié)手柄的長度可以控制曲線的弧度。上面的動效設(shè)計表達(dá)的就是這個意思。

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

節(jié)點(diǎn)手柄方向和位置是畫好曲線的關(guān)鍵

所有手柄都調(diào)整完成后就大功告成啦！

更多影樓遠(yuǎn)程數(shù)碼后期修片教程盡在全影網(wǎng)。

本篇教程主要跟大家講解用PS自帶的Camera Raw濾鏡調(diào)出干凈清新的女子照片，ACR濾鏡跟LR十分類似，沒有LR的可以學(xué)習(xí)一下這個濾鏡的使用方法。

今天的教程主要講了鋼筆工具的使用技巧，只要熟練掌握了就可以畫出世界上任何的造型，再加上顏色和質(zhì)感，我們就能創(chuàng)造出精彩的設(shè)計。一定要多多練習(xí)，鋼筆工具可以說是基礎(chǔ)，但也是 UI 設(shè)計中的一個難點(diǎn)，大家加油！下期想說說線框小圖標(biāo)的設(shè)計心得。

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

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

I Design With Code byChris Gannon

先看看效果：

接下來就要開始用鋼筆工具畫曲線了，在畫以前我們可以看看高級 UI 設(shè)計師們是怎么處理曲線的節(jié)點(diǎn)的，看下面兩張圖：

Pen Tool Animation byGal Shir

從圖片里我們能發(fā)現(xiàn)，這些節(jié)點(diǎn)的方向都是有規(guī)律的，都遵循了一種秩序，第一個規(guī)律是：除了曲線結(jié)束的角，所有節(jié)點(diǎn)的手柄不是水平的就是垂直的，具體情況要根據(jù)曲線的走向，如果曲線橫著走，手柄方向就水平，如果豎著走，方向就垂直。第二個規(guī)律看下面的兩張圖：

根據(jù)第一個規(guī)律，手柄的方向不是垂直就是水平的，鼠標(biāo)長按鋼筆工具，在菜單的最后找到轉(zhuǎn)換點(diǎn)工具，就是圖片里 “T” 上面的那個，按住 shift 點(diǎn)擊節(jié)點(diǎn)拖動，在每個節(jié)點(diǎn)上把手柄拖出來，這時候拖出來的兩個手柄是一樣長的，位置大概正確就行，不用刻意調(diào)整。

比如說用鋼筆工具畫上圖這個 “ S ”

實(shí)戰(zhàn)演示一下

根據(jù)第二個規(guī)律，所有節(jié)點(diǎn)都在曲線最凸或最凹的地方，在這些位置依次畫上節(jié)點(diǎn)。

在把所有手柄拖出來以后，我們開始調(diào)細(xì)節(jié)，還是用轉(zhuǎn)換點(diǎn)工具，按住 shift ，分開拖動每個手柄使曲線吻合。

準(zhǔn)備工作，勾選橡皮帶工具