圖標(biāo)設(shè)計(jì)，設(shè)計(jì)播放按鈕圖標(biāo)(7)

今天這篇教程適合新手練習(xí)，重點(diǎn)是幫同學(xué)們深入理解圖層樣式的運(yùn)用，作者@涼星在 特別說(shuō)明，數(shù)值不是標(biāo)準(zhǔn)，自己折騰才有進(jìn)步，來(lái)感受下

效果：

第一步：

新建畫布，大小自定，填充一個(gè)淡色。

第二步：

畫一個(gè)圓形，大小自定，填充如下。

接上邊的數(shù)值。

第三步：

復(fù)制底圓，然后Ctrl+T，調(diào)整他的大小，添加圖層樣式。

接上數(shù)值：

第四步：

再畫一個(gè)圓形，調(diào)整大小位置。

圖層樣式數(shù)值。

第五步：

再畫一個(gè)圓形，加漸變效果。

漸變數(shù)值：

第六步：

畫一個(gè)三角形，填充自己喜愛(ài)的顏色，添加樣式。

第七步：

畫一個(gè)這樣的圓環(huán)。方法可參見(jiàn)：《PS教程！手把手教你繪制一枚錘子瀏覽器圖標(biāo)》

第八步：

處理一下 加上圖層樣式，讓他有點(diǎn)立體的感覺(jué)，尾部擦一下。

數(shù)值：

第九步：

右下角畫一個(gè)這樣的，方法參照上面的。

第十步：

再畫一個(gè)放在左邊。

第十一步：

在兩個(gè)圓之間添加一個(gè)圓環(huán)，顏色自己調(diào)整，一些細(xì)節(jié)上自己再調(diào)整一下。

第十二步：

在黃色圓環(huán)上添加文字，在文字上添加圖層樣式，打造一種立體的感覺(jué)。

最終效果：