圖片雖然簡單，不過制作起來并不容易。圖標邊緣有金屬邊框，中間為水晶效果，頂部還有圖形。每一部分都要求做到非常細致，這樣整體效果才更精致。
最終效果
1、首先，新建一個512×512的畫布，設置如下。
2、設置參考線，上下左右各留出20px的邊距，也就是說，這個圖標的實際大小是472×472。
3、緊貼參考線，用形狀工具畫一個正圓，顏色隨便，大小應該是472×472，給此圖層起名叫"outside"。
4、設置此圖層的圖層樣式，如下圖。
5、用圓形形狀工具創建一個452×452的圓，起名為middle，與outside圓水平垂直居中對齊，也就是說，這個圓比外圈的圓半徑小了20像素。
6、設置middle的圖層樣式如下。
7、畫一個442×442的圓，還是和其他兩個圓水平垂直居中對齊，這樣就有了3個同心圓。我們命名此圖層為inner，設置圖層樣式項"漸變疊加"如下。
8、接下來，開始畫里面的造型部分了。首先還是得畫一個圓，422×422，命名為ball-outside，和其他3個圓水平垂直對齊，形成4個同心圓。
9、接下來，就要開始音符的造型了，音符由5個部分組成，兩個傾斜的橢圓，兩個豎著的矩形，和一個斜切的矩形，我們用鋼筆形狀工具來畫，最終將5個矩形合并，就形成了音符的造型，步驟如下。
10、畫好分別的5個部分，將所有路徑剪切到同一個圖層后，合并所有路徑即可。
11、給音符增加圖層樣式，如下圖。
12、最后，將音符和圓合并，圖標基本完成，效果如下圖。
13、增加質感。首先，新建一個圖層，命名為noise，用黑色填充，接著在頂部菜單欄依次選擇濾鏡->雜色->添加雜色，設置如下。完成后，將這個圖層 移動到outside圖層上面，按ctrl+alt+G，將此圖層和outside層做遮罩。
14、將noise圖層的圖層模式改為"濾色"，這樣，外圈的質感就完成了。
15、將noise圖層復制一層，移動到音符圖層的上面，按ctrl+alt+G，將此圖層和音符層做遮罩。同樣將noise圖層的圖層模式改為"濾色"，這樣，音符的質感也就完成了，結果如下圖。
16、最后還有藍色球面的高光效果。先添加頂部的高光。
17、再添加底部的反光。
18、將此圖層透明度改為50%，圖層模式改為"柔光"，最后結果如下。
最后再潤色一下，大功告成。
