這是 Pixel Apex 的一個質感圓形按鈕教程。主要應用了Photoshop的圖層樣式實現。善加利用圖層樣式，我們可以得到許多類似的漂亮圖形效果。下面是本實例最終完成的效果：
步驟一：首先打開Adobe Photoshop并設置文檔寬度和高度為800×800。完成后，點擊“視圖”并選擇“查看實際像素”。
步驟二：選擇“橢圓工具
”并畫一個圓。
使用什么色彩無所謂因為混合選項將會改變色彩。
步驟三：轉到“混合選項”。你可以通過右擊圖層藍色部分并移動鼠標選擇“混合選項”。
步驟四：給“橢圓工具”應用這些混合選項。
完成后圖像應該與筆者所做的相符合。
步驟五：現在在新圖層新增另一個圓，位于之前圖像中間。再次轉到“混合模式”。
當完成此設置后再在該圖層上應用一個“漸變疊加”。
新圖像看起來應該像這樣。
步驟六：現在新建一個圖層并新增一個比剛創建的小一些的圓。選擇#fe8f11色彩。
?
#p#副標題#e#
?
步驟七：應用這些混合選項到橙色圖層。
步驟八：完成后，按住Ctrl并在圖層的灰白漸變選區點擊以選中橙色的圓。
步驟九：現在選擇“畫筆工具
”。你可以使用筆者的發光設置但可以自由的嘗試以獲得更好的效果。
仍保持選擇橙色圖層，將右下角用畫筆大致刷成月牙狀。你應該選用#fe8f11作為畫筆的顏色。
步驟十：新建一個圖層并選擇#ffffff色彩。創建另并一個圓并設置圖層不透明度為10。
步驟十一：另建一個圖層并在里面放置一個橢圓。選中橢圓并改變不透明度為6。
步驟十二：現在你或許想添加文本
到圓形按鈕中。選擇#ad6816作為文本色彩并選擇“Bank Gothic Md BT”字體。筆者的字體大小是100但你需要根據你的圓形按鈕大小調節你的文本大小。選擇文本后轉到“創建變形文本”圖標
。
移動到“魚眼”設置并使你的設置與筆者的相符。
它應該看起來像這樣，但如果文件不合適，可以使用“裁剪工具
”使之小一些以適合橙色區域。
現在在文本圖層上設置不透明度為38。再添加一些文本即大功告成。
