本教程主要使用Photoshop巧用圖層樣式繪制精彩色的按鈕圖標，很多同學問這個按鈕效果要怎么實現，今天P大點S微博手把手給同學們臨摹了一遍，重點依然是圖層樣式的運用，附上教程和源文件下載，想學的一起來試試。

最終效果：

新建文檔，這里我用的是1000X800像素，創建一個#3d3d42的純色調整層，添加一個雜色。

給這個調整層添加一個內陰影。

畫一個黑色的正圓，將填充修改為24%，并添加一個圖層樣式，圓的大小我用的是500X500像素。

利用布爾運算中的減去，你很容易的畫出下面這個黑色的圓環。

畫一個矩形，應用Ctrl+Alt+Shift+T，你可以輕易的得到跟我圖中一樣的直線，同時配合蒙版，將在剛才那個圓環外部的部分涂抹掉。

下面，回到直線的下層，我們畫一個圓，添加圖層樣式。

接下來，我們來畫那個內圓，同樣的在直線圖層的下層，我畫了一個黑色的圓，將填充修改為26%，并添加了一個圖層樣式。

下面，我們來畫那個按紐，畫一個正圓，添加圖層樣式。

最后，毫無疑問的，就是添加我們的LOGO了。

是不是異常的簡單，大功告成!