本教程主要使用Photoshop巧用圖層樣式繪制精彩色的按鈕圖標(biāo)，很多同學(xué)問這個(gè)按鈕效果要怎么實(shí)現(xiàn)，今天P大點(diǎn)S微博手把手給同學(xué)們臨摹了一遍，重點(diǎn)依然是圖層樣式的運(yùn)用，附上教程和源文件下載，想學(xué)的一起來試試。

最終效果：

新建文檔，這里我用的是1000X800像素，創(chuàng)建一個(gè)#3d3d42的純色調(diào)整層，添加一個(gè)雜色。

給這個(gè)調(diào)整層添加一個(gè)內(nèi)陰影。

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

利用布爾運(yùn)算中的減去，你很容易的畫出下面這個(gè)黑色的圓環(huán)。

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

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

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

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

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

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