經(jīng)常有朋友在說，能把一款軟件用精，那他就很牛逼了。我覺得，真的要精通一款軟件可不是那么容易的！比如，精通PRO—E ，會(huì)建模是熟練使用，會(huì)編程參數(shù)才是高級，一般設(shè)計(jì)師也就只能建模，算的上熟練使用。
好了，我們現(xiàn)在來說Photoshop (簡稱PS )，ps真的功能很強(qiáng)大，能用于很多行業(yè)。能用它來修圖美化，能用來排版，能用于游戲原畫制作，能處理渲染圖…..對于我們UI設(shè)計(jì)，是必須熟練使用的畫圖軟件。下面我會(huì)把我這幾年的使用及學(xué)到的總結(jié)出來的細(xì)節(jié)和技巧列出，大家看的時(shí)候可以練練手，如果你經(jīng)常繪圖標(biāo)，那么我的這篇ps教程文章對你將會(huì)很有用。
鋼筆工具
1、控制節(jié)點(diǎn)的調(diào)整（文章中網(wǎng)格設(shè)置為“編輯–>首選項(xiàng)–>參考線”）
鋼筆工具畫畫的節(jié)點(diǎn)分2部分：
1）.是主節(jié)點(diǎn)，控制形狀大致方向。
2）.是調(diào)整路徑曲線弧度的。
我記得在cs 3中選中1節(jié)點(diǎn)，是可以按鍵盤“上下左右”進(jìn)行微調(diào)的，且不受網(wǎng)格影響。也就是說，調(diào)整力度是小于1px的，若用鼠標(biāo)選中1節(jié)點(diǎn)移動(dòng)，最小距離是1px，大家可以在cs3中試試。
我現(xiàn)在用的是cs6 Exted版，就不能像cs3中那樣小于1px的調(diào)整。就是說，在cs6中無論鍵盤或者鼠標(biāo)移動(dòng)，它最小距離都是1px。
節(jié)點(diǎn)2，當(dāng)我們用【直接選擇工具】點(diǎn)擊圖標(biāo)時(shí)，打開控制節(jié)點(diǎn)。在沒有開啟網(wǎng)格時(shí)，節(jié)點(diǎn)2按住鼠標(biāo)左鍵是可以隨意移動(dòng)的，注意此時(shí)你的移動(dòng)距離是可以小于1PX的。當(dāng)網(wǎng)格打開，你的移動(dòng)單位距離只能是上下左右1PX。大家注意這個(gè)細(xì)節(jié)，在做小圖標(biāo)時(shí)候，這個(gè)技巧的微調(diào)，會(huì)讓你的圖標(biāo)更清晰，銳度更高。
還要提醒大家注意的是，按住Ctrl+T縮小圖標(biāo)時(shí)候，在你縮小后不要覺得就完事了，你還需要微調(diào)節(jié)點(diǎn)位置，避免出現(xiàn)過多亞像素，使圖標(biāo)更清晰。效果如下：
如上圖所示：原圖標(biāo)放大，路徑是對準(zhǔn)了像素格的（右上角為100%狀態(tài)整體效果圖）
縮小后的圖標(biāo)在放大打開網(wǎng)格，會(huì)發(fā)現(xiàn)有亞像素的存在了（左上角為100%狀態(tài)）
在做100PX以上的圖標(biāo)時(shí)，你隨意放大或者縮小是不容易用肉眼看到這些亞像素的。但是，當(dāng)你做小圖標(biāo)時(shí)就能很容易出現(xiàn)亞像素，所以做完后我們還要稍微調(diào)整節(jié)點(diǎn)位置，讓它對準(zhǔn)像素格，我們在看下效果對比吧：
2、用路徑繪制對稱圖標(biāo)
在我們用路徑繪制對稱圖形時(shí)候，有兩種方法，他們各有各的好處。我們來說下面這個(gè)圖標(biāo)的做法：
方法一：拼接
觀察這個(gè)“安全”圖標(biāo)，先分析結(jié)構(gòu)，是由2個(gè)半盾構(gòu)成的，然后中間減去了一個(gè)勾。所以呢我們繪制如下：
方法二：半封閉復(fù)制
先分析結(jié)構(gòu)，盾是連貫的，然后中間減去了一個(gè)勾。繪制如下：
在我們復(fù)制用鋼筆工具繪制的半封閉圖形時(shí)候，不要選擇圖層Ctrl+J，因?yàn)樵赾s6中這樣復(fù)制圖形會(huì)變形。所以，我建議大家按照Alt+左鍵拖動(dòng)復(fù)制！，這樣復(fù)制出來才是一樣的。
方法三：添加描點(diǎn)和刪除描點(diǎn)繪制完整路徑
在我們用形狀繪制圖形時(shí)候，使用直接選擇工具刪除多余的路徑錨點(diǎn)，從而去除多余的路徑線，在需要?jiǎng)h除中間一段路徑的時(shí)候，需要選用鋼筆工具進(jìn)行添加錨點(diǎn)，然后用直接選擇工具選中進(jìn)行刪除。
具體如下：在你要?jiǎng)h除的線段中間添加描點(diǎn)（【鋼筆工具】或者【直接選擇工具】均可），在用直接選擇工具刪除描點(diǎn)。
我們選擇繪制一個(gè)相機(jī)圖標(biāo)：
1.先用圓角矩形工具繪制圓角矩形圓角設(shè)置為2px，填充顏色，效果如下圖所示；
2.我們對比著左邊做好的做，在右邊繪制。打開網(wǎng)格，選擇【直接選擇工具】，添加描點(diǎn)（注意對稱，在要?jiǎng)h除的那段上要添加3個(gè)描點(diǎn)）
3.使用【直接選擇工具】刪除多余的形狀上錨點(diǎn)，這樣去除多余的線段（刪除那段中間的描點(diǎn)，兩端點(diǎn)留下）
簡單就是下圖：
4.使用【鋼筆工具】把剩下的線段畫完（注意：2描點(diǎn)的指控點(diǎn)一定要拖到節(jié)點(diǎn)去，不然用鋼筆工具從2點(diǎn)接著畫的時(shí)候會(huì)彎曲）
5.得到完整相機(jī)輪廓，有沒有感覺非常的完整呢？
6.選擇【橢圓工具】，在選擇減去
，按住shift+左鍵拖圓，大家注意，這些步驟是在一個(gè)圖層完成的
圖標(biāo)描邊
在PS CS6出來后就已經(jīng)新增加了一項(xiàng)描邊功能。使用這個(gè)工具能使圖標(biāo)畫出來非常的便捷，在繪制圖標(biāo)時(shí)相互結(jié)合選擇時(shí)也需要一定抉擇。當(dāng)你繪制較小圖標(biāo)時(shí)，描邊1px到2px可以選擇【圖層–>描邊】這樣制作icon更快捷，更節(jié)省時(shí)間。但是當(dāng)你描邊太大，就會(huì)有直線邊。
而當(dāng)你考慮到以后可能需要放大或者打印出來。此時(shí)，你就要選擇【形狀描邊】或者【畫一個(gè)圖塊再用減法】因?yàn)檫@樣隨意你放大縮小他都不會(huì)失真，還有就是“畫一個(gè)圖塊用減法”放大或者縮小是按比例放大和縮小。
1、虛線描邊，2px，對齊（內(nèi)描邊）
2、角點(diǎn)樣式效果
3、描邊形狀可以繪制開放式路徑圖標(biāo)
繪制圖標(biāo)時(shí)候會(huì)用到間斷的形狀這時(shí)候可以用路徑描邊樣式，是支持開發(fā)路徑描邊的。我們就用開放路徑描邊來繪制下面圖表中的3個(gè)（注意：下面圖標(biāo)還能用“減法”繪制）
繪制“郵件”圖標(biāo)
1.用鋼筆工具先畫出形狀
2.調(diào)整描邊屬性，4點(diǎn)粗，內(nèi)描邊，圓頭端點(diǎn)，圓角點(diǎn)
3.效果圖如下：
4.同理繪制其他圖標(biāo)（注意：一個(gè)圖標(biāo)有多部分組成時(shí)，可能需要多個(gè)圖層的單獨(dú)路徑
我們順帶提下“減法”的繪制
這種方法就是之前說的用【鋼筆工具】來繪制那些較細(xì)的“線圖標(biāo)”，必要時(shí)會(huì)用到【添加描點(diǎn)】【刪除描點(diǎn)】等工具，好處就是便于調(diào)整！
用形狀來平均距離
大家在排版、布局、測距離時(shí)，普遍會(huì)用標(biāo)尺工具和參考線。其實(shí)呢，我一般會(huì)用或者平均距離。在ps CS6中，可以隨意調(diào)整矩形工具大小，具體君下：
我們要的距離是32px，我們只需要按住Alt+左鍵拖動(dòng)，就能精確的排列這4個(gè)圖標(biāo)的間距了。
選中【矩形工具】，我們還可以隨意調(diào)整矩形的長寬，他就相當(dāng)于一把隨意的尺子。
選擇工具
我們來看下面圖標(biāo)（按住Ctrl和路徑選擇工具切換使用）
聯(lián)系客服
