本教程主要使用Photoshop制作立體圓形的播放圖標(biāo)教程，教程的陰影效果和質(zhì)感的表現(xiàn)都是通過(guò)圖層樣式來(lái)完成的，教程的步驟非常的詳細(xì)，感興趣的朋友一起學(xué)習(xí)吧。

最終效果：

老規(guī)矩，先來(lái)分析一下。這里我們主要分為三個(gè)部分：底座、內(nèi)圓、文字，其它問(wèn)題都不大，主要是內(nèi)圓部分、需要用到多個(gè)圖層及圖層樣式，來(lái)表現(xiàn)圖標(biāo)的立體感，騷年分析完已經(jīng)成功一半了，離成功還會(huì)遠(yuǎn)么，噢耶!!!

步驟一：

首先新建畫(huà)布1000px*1000px畫(huà)布，命名為旋轉(zhuǎn)按鈕，為背景添加漸變疊加圖層樣式。

步驟二：

使用橢圓工具、繪制一個(gè)700px*700px底座，并為它添加圖層樣式。

步驟三：

高逼格的底座一下就出來(lái)了，有木有!!!接下來(lái)繼續(xù)使用橢圓工具、繪制一個(gè)等大的圓，并為它添加圖層樣式，圖案疊加追加灰度紙，選擇纖維紙圖案。

步驟四：

現(xiàn)在繪制一下底座的線條吧，選擇直線工具繪制一條長(zhǎng)度700px粗細(xì)3px的直線吧，顏色為#909090。

步驟五：

復(fù)制直線執(zhí)行自由變換命令，調(diào)整中心點(diǎn)至畫(huà)布中心，旋轉(zhuǎn)60度，并執(zhí)行重復(fù)上一命令并復(fù)制操作shift+ctrl+alt+t復(fù)制出另外1個(gè)直線段，并添加一下圖層樣式吧。

步驟六：

接下來(lái)使用橢圓工具、繪制一個(gè)450px*450px的正圓，并為它添加圖層樣式。

步驟七：

繼續(xù)使用橢圓工具、繪制一個(gè)400px*400px的正圓，并為它添加圖層樣式。

步驟八：

我們繼續(xù)使用橢圓工具、繪制一個(gè)350px*350px的正圓，并為它添加圖層樣式。

步驟九：

現(xiàn)在我們趕緊來(lái)繪制最后一個(gè)圓吧，使用橢圓工具繪制一個(gè)30px*30px正圓，給它起名叫小內(nèi)圓吧,并為它添加圖層樣式。

步驟十：

就剩文字部分了哦，選擇文字工具微軟雅黑，字體大小50點(diǎn)，顏色白色，輸入文字放到合適的位置，并添加圖層樣式。

步驟有點(diǎn)多哦，但是只要勤加練習(xí)，會(huì)很大程度上提高你的PS水平。