編按：今天為大家?guī)硪粋€簡約清新的圖標(biāo)教程，主要是圖層樣式的應(yīng)用，幾乎沒什么難度，很適合小白來練手，快來試試吧～
本篇教程教大家打造一個簡約風(fēng)格的圖標(biāo)，整體教程制作起來比較簡單，只要照著教程做，都可以學(xué)會，在制作的過程中，后期可以考慮設(shè)計一種背景，促使更好的突出圖標(biāo)效果，根據(jù)各種主題設(shè)計各種不同風(fēng)格的圖標(biāo)，具體如何做我們通過教程來學(xué)習(xí)一下吧。
效果圖：
圖1
操作步驟：
1. 新建
點擊 — 【文件】— 【新建】(快捷鍵Ctrl+N)新建一個新的圖像，命名好并把寬度設(shè)置為1800px，高度為1400px，分辨率為72dpi，然后點擊確定，記得順手保存(快捷鍵Ctrl+S)，以免做一半PS崩潰或者其他原因被關(guān)閉了那就悲催了～
圖2
2. 創(chuàng)建矩形圖形
找到【工具欄】中的【圓角矩形工具】單擊空白處創(chuàng)建，并把寬度設(shè)置為1024px，高度為1024px，半徑180px，從中心，然后點擊確定。
圖3
3. 將【圓角矩形】居中對齊
方法一：復(fù)制背景圖層，(快捷鍵Ctrl+J)，選中【圓角矩形】圖層，按Ctrl+單擊鼠標(biāo)左鍵【背景 拷貝】圖層將其載入選區(qū)，然后點擊【水平居中對齊】和【垂直居中對齊】。如果你有更好的對齊方法更好哦～
圖4
4. 巧用 【圖層樣式】設(shè)置圓角矩形樣式效果
雙擊【圓角矩形】圖層，打開【圖層樣式】設(shè)置【漸變疊加】【斜面和浮雕】【投影】等樣式效果，具體選項數(shù)值設(shè)置請看下圖：
圖5
漸變顏色數(shù)值參數(shù)：#b4caca—#e4eae6（可以用吸管工具直接吸取圖中顏色）。
圖6
高光模式顏色數(shù)值參數(shù)：#d3e4ea；
陰影模式顏色數(shù)值參數(shù)：#6b8989。
圖7
混合模式顏色數(shù)值參數(shù)：#98a9a9。
效果圖：
圖8
5. 創(chuàng)建一個橢圓居中對齊，并添加相應(yīng)的圖層樣式效果
找到【工具欄】中的【橢圓工具】單擊空白處創(chuàng)建，并把寬度設(shè)置為850px，高度為850px，從中心，然后點擊確定。
圖9
圖10
圖11
圖12
效果圖：
圖13
6. 新建橢圓2，設(shè)置樣式效果
復(fù)制一個橢圓(快捷鍵 Ctrl+J)，先按(快捷鍵Ctrl+T) 縮小到90%，居中對齊，為了區(qū)分起個名字，如：橢圓2（不重要可自定），設(shè)置橢圓2樣式效果。
圖14
圖15
圖16
圖17
效果圖：
圖18
7. 新建橢圓3，設(shè)置樣式效果
復(fù)制一個橢圓(快捷鍵 Ctrl+J)，先按(快捷鍵Ctrl+T) 縮小到80%，居中對齊，為了區(qū)分起個名字，如：橢圓3（不重要可自定），設(shè)置橢圓3樣式效果。
圖19
圖20
圖21
圖22
圖23
圖24
效果圖：
圖25
8. 新建橢圓4，設(shè)置樣式效果。
再復(fù)制一個橢圓(快捷鍵 Ctrl+J)，先按(快捷鍵Ctrl+T) 縮小到80%，居中對齊，為了區(qū)分起個名字，如：橢圓4（不重要可自定），依次設(shè)置橢圓4樣式效果如下圖。
圖26
圖27
圖28
圖29
圖30
效果圖：
圖31
9. 創(chuàng)建圖標(biāo)刻度，用【圖層樣式】設(shè)置（目的是為了圖標(biāo)看起來更加真實突出有質(zhì)感）。
找到【工具欄】中的【圓角矩形】單擊空白處創(chuàng)建，并把寬度設(shè)置為3px，高度為38px，半徑180px，從中心，然后點擊確定，居中對齊。依次設(shè)置樣式效果如下圖。
圖32
圖33
圖34
圖35
圖36
圖37
10. 創(chuàng)建左側(cè)半周刻度。
首先打開標(biāo)尺(快捷鍵 Ctrl+R),復(fù)制一層(快捷鍵 Ctrl+J),重復(fù)復(fù)制(快捷鍵 Ctrl+T) 選中剛復(fù)制的【圓角矩形】將中心點移動到中心位置，角度設(shè)置-15°,重復(fù)12次(快捷鍵 Ctrl++shift+alt+T)。
圖38
得到如下效果圖：
圖39
11. 創(chuàng)建右側(cè)半周刻度。
選中圓角矩形拷貝13，設(shè)置圖層效果如下圖：
圖40
圖41
圖42
打開標(biāo)尺(快捷鍵 Ctrl+R),復(fù)制一層(快捷鍵 Ctrl+J),重復(fù)復(fù)制(快捷鍵 Ctrl+T) 選中剛復(fù)制的圓角矩形，將中心點移動到中心位置，角度設(shè)置-15°,重復(fù)12次(快捷鍵 Ctrl++Shift+Alt+T)得到如下效果圖：
圖43
最終刻度效果圖：
圖44
12. 輸入英文“BUTTON”,用圖層樣式設(shè)置文字效果，具體設(shè)置如下圖：
圖45
圖46
圖47
圖48
圖49
圖50
效果圖：
圖51
13. 為了使圖標(biāo)更具效果，添加一個背景顏色（自由選擇哦～）完成圖標(biāo)的繪制。
圖52
