本教程主要使用Photoshop設(shè)計(jì)灰色漸變風(fēng)格的播放圖標(biāo)教程，教程的主要部分都是用圖層樣式來(lái)完成的，騷年們趕緊行動(dòng)起來(lái)吧^o^
 

最終效果：

 

 

老規(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水平哦^o^，騷年前輩告訴我們要時(shí)刻富有創(chuàng)新精神，而不是單純的模仿喲，偷偷告訴你們公眾號(hào)里面psd源文件和視頻教程哦，有木有很心動(dòng)(￣▽￣)／趕快來(lái)嘗試下吧！！