步驟與一些思路

原圖（圖源網路，如有侵權可聯繫刪除）

臨摹完成圖

（所有功能基於ps版本2018cc，如有不同 呃 自行解決。）

一、新建畫布

1、新建1000px*1000px 72dpi 畫布。

做一張沒有尺寸要求的圖時，尺寸可以設置為1000*1000px或800*600px；

電腦作圖不用於列印時，解析度一般都使用72dpi。

二、背景

1、繪製一個好像帶有光源的背景。選擇漸變工具-徑向漸變-色值 #adbdcb~#f4f4f5。

三、主體物形狀

1、繪製出所有主體物部件，填充基本顏色。

做擬物圖標的時候一定是先用鋼筆工具或圖形工具畫完形狀，填充基本色。之後再去畫質感，因為質感上的顏色是互相影響的。

四、主體物質感

繪製質感可以從一個小角落開始，注意摳細節，耐心，效果一次不夠就多來幾次。

1、外框質感。雙擊圖層打開圖層樣式窗口-勾選漸變疊加-色值#dae4ec - #ffffff，設置如圖。

2、內框質感。雙擊圖層打開圖層樣式窗口-

勾選漸變疊加-色值#dae4ec - #ffffff，設置如圖。

勾選描邊-色值#ffffff，營造邊緣受光質感，設置如圖。

3.藍色背景質感。雙擊圖層打開圖層樣式窗口-

勾選漸變疊加-色值#dae4ec - #ffffff，設置如圖。

勾選內陰影-色值#003cff，營造內陷的感覺，設置如圖。

勾選外發光-色值#003cff，給內框營造受環境光影響色感覺，設置如圖。

4.表層音符質感。

雙擊圖層打開圖層樣式窗口-勾選漸變疊加-色值#cdd7eb - #f7f9fc，設置如圖。

Ctrl+J複製該圖層-去掉填充，選擇白色2px描邊，設置如圖。並給該圖層添加圖層蒙版-用黑色畫筆塗掉（遮蓋）音符底部橢圓形狀的底部。

5.音符內邊質感。

上：雙擊圖層打開圖層樣式窗口-勾選漸變疊加-色值#99a7c5- #677cc0，設置如圖。勾選內陰影-色值#5f74cc，設置如圖。

左：右鍵上一個圖層-拷貝圖層樣式-右鍵本圖層-黏貼圖層樣式，然後再根據想要的效果調整參數。

右：右鍵本圖層-黏貼圖層樣式，然後再根據想要的效果調整參數。

在2018版本中，打開了圖層樣式內陰影、投影一些功能，在畫面中，可以用滑鼠拖動從而直觀地得到效果。以及點擊小加號可以多重效果。可以不知道前面版本是否有。

複製上面三層-右鍵清除圖層樣式-右鍵合併圖層-雙擊圖層打開圖層樣式窗口-勾選投影-色值#5a5a5a，設置如圖。

音符左邊橢圓邊：雙擊圖層打開圖層樣式窗口-勾選漸變疊加-色值#c6d1e5- #ffffff，設置如圖。勾選投影-色值#5a5a5a，設置如圖。

音符右邊橢圓邊：右鍵上一個圖層-拷貝圖層樣式-右鍵本圖層-黏貼圖層樣式，然後再根據想要的效果調整參數。

6、音符投影

分別複製音符圖層的兩個小橢圓在新的兩個圖層。

左：雙擊圖層打開圖層樣式窗口-勾選投影-色值#0c1fc7，設置如圖。

右：右鍵上一個圖層-拷貝圖層樣式-右鍵本圖層-黏貼圖層樣式，然後再根據想要的效果調整參數。

五、高光

1、大高光。

用鋼筆工具或橢圓形狀工具繪製高光形狀，如圖。

Ctrl+J複製該圖層，屬性面板-羽化4px。

Ctrl+J再複製一層，雙擊圖層打開圖層樣式窗口-去掉投影-勾選內陰影-色值#ffffff，設置如圖。屬性面板-羽化1px。

把以上三層放進一個文件夾，並給該文件夾添加蒙版，用畫筆工具-右鍵畫面選擇軟園不透明畫筆-在屬性欄中調節不透明度和流量-在畫布上模糊掉高光的下半部分，使其融合進藍色背景中。

2、小高光。

用橢圓工具畫個白色小高光形狀，圖層透明度80%，屬性面板-羽化4px，給圖層添加蒙版，用黑色畫筆模糊邊緣。

3、下高光。

複製大高光形狀圖層，Ctrl+T-右鍵垂直變換-調整位置，雙擊圖層打開圖層樣式窗口-勾選漸變疊加-色值#7279fb- #5566f2，設置如圖。屬性面板-羽化4px。

將該圖層放進新的文件夾，並給該文件夾添加蒙版，用黑色畫筆在下布上模糊掉高光的上半部分，使其融合進藍色背景中。

六、環境光

1、給內框渲染被光源影響到的環境光。

用畫筆工具-右鍵畫面選擇軟圓壓力不透明畫筆-在屬性欄中調節不透明度和流量，在兩個大高光處用淺藍色和淺紫色輕輕點幾下。

將內框圖層放進新的文件夾，並將環境光圖層創建剪貼蒙版於改文件夾。

此時由於高光擋住了內框描邊，必須把描邊單拿出來在環境光上。點擊內框圖層描邊前的小眼睛圖標，隱藏效果-複製內框圖層-在新的圖層上點擊剛剛被隱藏的描邊小眼睛圖標，點擊漸變疊加前的小眼睛隱藏效果。

七、圖標投影

1、用橢圓工具畫陰影形狀，色值#52638f因為被整體藍色光（環境光）影響所以盡量不要用黑灰投影，透明度75%，屬性面板-羽化9px，給圖層添加蒙版，用黑色畫筆模糊邊緣。

八、完成啦，如有不足可進一步完善。

希望能給準備做擬物圖標的你們一些幫助：）

做完這篇擬物圖標，可以試試臨摹以下擬物圖標。

（圖源網路，如有侵權可聯繫刪除）

（圖源網路，如有侵權可聯繫刪除）

喜歡這篇文章嗎？立刻分享出去讓更多人知道吧！