編按：
    今天為大家?guī)硪粋€簡約清新的圖標教程，主要是圖層樣式的應(yīng)用，幾乎沒什么難度，很適合小白來練手，快來試試吧～

本篇教程教大家打造一個簡約風格的圖標，整體教程制作起來比較簡單，只要照著教程做，都可以學(xué)會，在制作的過程中，后期可以考慮設(shè)計一種背景，促使更好的突出圖標效果，根據(jù)各種主題設(shè)計各種不同風格的圖標，具體如何做我們通過教程來學(xué)習一下吧。

效果圖：

操作步驟：

1.       新建。

點擊 — 【文件】— 【新建】(快捷鍵Ctrl+N)新建一個新的圖像，命名好并把寬度設(shè)置為1800px，高度為1400px，分辨率為72dpi，然后點擊確定，記得順手保存(快捷鍵Ctrl+S)，以免做一半PS崩潰或者其他原因被關(guān)閉了那就悲催了～

2.        創(chuàng)建矩形圖形。

找到【工具欄】中的【圓角矩形工具】單擊空白處創(chuàng)建，并把寬度設(shè)置為1024px，高度為1024px，半徑180px，從中心，然后點擊確定。

3.        將【圓角矩形】居中對齊。

方法一：復(fù)制背景圖層，(快捷鍵Ctrl+J)，選中【圓角矩形】圖層，按Ctrl+單擊鼠標左鍵【背景 拷貝】圖層將其載入選區(qū)，然后點擊【水平居中對齊】和【垂直居中對齊】。如果你有更好的對齊方法更好哦～

4.        巧用 【圖層樣式】設(shè)置圓角矩形樣式效果。

雙擊【圓角矩形】圖層，打開【圖層樣式】設(shè)置【漸變疊加】【斜面和浮雕】【投影】等樣式效果，具體選項數(shù)值設(shè)置請看下圖：

漸變顏色數(shù)值參數(shù)：#b4caca—#e4eae6（可以用吸管工具直接吸取圖中顏色）。

高光模式顏色數(shù)值參數(shù)：#d3e4ea；

陰影模式顏色數(shù)值參數(shù)：#6b8989。

混合模式顏色數(shù)值參數(shù)：#98a9a9。

效果圖：

5.        創(chuàng)建一個橢圓居中對齊，并添加相應(yīng)的圖層樣式效果。

找到【工具欄】中的【橢圓工具】單擊空白處創(chuàng)建，并把寬度設(shè)置為850px，高度為850px，從中心，然后點擊確定。

效果圖：

6.        新建橢圓2，設(shè)置樣式效果。

復(fù)制一個橢圓(快捷鍵 Ctrl+J)，先按(快捷鍵Ctrl+T) 縮小到90%，居中對齊，為了區(qū)分起個名字，如：橢圓2（不重要可自定），設(shè)置橢圓2樣式效果。

效果圖：

7.        新建橢圓3，設(shè)置樣式效果。

復(fù)制一個橢圓(快捷鍵 Ctrl+J)，先按(快捷鍵Ctrl+T) 縮小到80%，居中對齊，為了區(qū)分起個名字，如：橢圓3（不重要可自定），設(shè)置橢圓3樣式效果。

效果圖：

8.        新建橢圓4，設(shè)置樣式效果。

再復(fù)制一個橢圓(快捷鍵 Ctrl+J)，先按(快捷鍵Ctrl+T) 縮小到80%，居中對齊，為了區(qū)分起個名字，如：橢圓4（不重要可自定），依次設(shè)置橢圓4樣式效果如下圖。

效果圖：

9.        創(chuàng)建圖標刻度，用【圖層樣式】設(shè)置（目的是為了圖標看起來更加真實突出有質(zhì)感）。

找到【工具欄】中的【圓角矩形】單擊空白處創(chuàng)建，并把寬度設(shè)置為3px，高度為38px，半徑180px，從中心，然后點擊確定，居中對齊。依次設(shè)置樣式效果如下圖。

10.    創(chuàng)建左側(cè)半周刻度。

首先打開標尺(快捷鍵 Ctrl+R),復(fù)制一層(快捷鍵 Ctrl+J),重復(fù)復(fù)制(快捷鍵 Ctrl+T) 選中剛復(fù)制的【圓角矩形】將中心點移動到中心位置，角度設(shè)置-15°,重復(fù)12次(快捷鍵 Ctrl++shift+alt+T)。

得到如下效果圖：

11.    創(chuàng)建右側(cè)半周刻度。

選中圓角矩形拷貝13，設(shè)置圖層效果如下圖：

打開標尺(快捷鍵 Ctrl+R),復(fù)制一層(快捷鍵 Ctrl+J),重復(fù)復(fù)制(快捷鍵 Ctrl+T) 選中剛復(fù)制的圓角矩形，將中心點移動到中心位置，角度設(shè)置-15°,重復(fù)12次(快捷鍵 Ctrl++Shift+Alt+T)得到如下效果圖：

最終刻度效果圖：

12.    輸入英文“BUTTON”,用圖層樣式設(shè)置文字效果，具體設(shè)置如下圖：

效果圖：

13.    為了使圖標更具效果，添加一個背景顏色（自由選擇哦～）完成圖標的繪制。

本文配套的練習素材請加QQ群：143686347下載

做PS高手，快速提升工作效率，部落窩教育《 Photoshop全面精通班》視頻和《 AI平面與電商設(shè)計從零到精通》直播課全心為你！

掃下方二維碼關(guān)注公眾號，隨時隨地學(xué)習PS：

相關(guān)推薦：

PS送你一塊逼真美玉，只用圖層樣式就搞定

用PS制作一個雅致空調(diào)對抗高溫

這真的是PS做出來的風扇嗎？我以為是照片