編者按：今天的教程是繪制一枚質(zhì)感逼真的的播放器圖標(biāo)。教程難度中下，適合有基礎(chǔ)的同學(xué)進(jìn)階學(xué)習(xí)，重點(diǎn)依然是圖層樣式的運(yùn)用，練手戳 >>>

最終效果圖：

新建一個(gè)600*600畫布。

來個(gè)白到灰的徑向漸變。

橢圓工具畫個(gè)300*300的圓。

直接選擇工具選中這兩個(gè)點(diǎn)。

右鍵，自由變換點(diǎn)，在箭頭標(biāo)注的W位置輸入80。

重復(fù)上一步驟，選中上面兩個(gè)點(diǎn)，在H位置輸入80。

居中下，調(diào)整下大小自己感覺合適即可。

給調(diào)整好的圓角矩形添加圖層樣式，投影，漸變疊加。內(nèi)陰影，斜面浮雕。

調(diào)整圖層樣式后的圓角矩形變的更有立體感。

畫一個(gè)圓大小自定，用漸變疊加調(diào)處金屬質(zhì)感。

接著添加斜面浮雕和投影。

再畫一個(gè)圓。

添加圖層樣式，先來個(gè)漸變疊加。

投影，內(nèi)陰影，斜面浮雕。

調(diào)整后的效果：

ok，這一步來教同學(xué)做光碟上的拉絲效果，使它更為逼真，新建圖層，拉個(gè)圓形套索，填充白色。

濾鏡添加雜色。

濾鏡徑向模糊。

剪輯蒙版。

（有同學(xué)反映插入后就不見了，方法是：調(diào)出圓形的圖層樣式，混合選項(xiàng)里，勾上“將內(nèi)部效果混合成組”勾選掉，把剪貼圖層混合成組。就ok了）

模式改為疊加，調(diào)整不透明度。

這樣拉絲效果就出現(xiàn)了，也更加逼真點(diǎn)。

再畫個(gè)圓形添加漸變疊加。

把拉絲圖層拷貝出來，剪進(jìn)去，透明度調(diào)低點(diǎn)，給它也添加拉絲效果。

再畫一個(gè)圓形填充紅色。

添加圖層樣式，投影，內(nèi)陰影（參數(shù)可自己調(diào)整）。

拷貝拉絲圖層剪輯進(jìn)去。

再畫一個(gè)圓形，填充淡紅色，也添加拉絲效果，即有倆紅色圓形。

再畫個(gè)小圓形填充白色。

添加投影，內(nèi)陰影。

畫個(gè)白色小圓放在這個(gè)位置，來做支架。

添加漸變疊加和斜面浮雕。

畫個(gè)白色小圓，添加一像素描邊，

支架部分很簡單，同學(xué)們?cè)囍プ鱿拢际怯眯螤罟ぞ咦龅摹?/p>

形狀工具入門教程：《超實(shí)用！Photoshop基礎(chǔ)形狀新手入門指南全科普》

搞定后最終效果：

?【2015年最新圖標(biāo)教程合集】

?風(fēng)格素凈非常討人喜歡的播放器圖標(biāo)：
《PS教程！手把手教你快速打造簡約的播放器圖標(biāo)》

兩個(gè)科幻感風(fēng)格的扁平化太空?qǐng)D標(biāo)！
《PS進(jìn)階教程！手把手教你繪制扁平風(fēng)行星與雷達(dá)圖標(biāo)》

喂！別忘了給他一個(gè)天空（來自有愛的評(píng)論串）
《PS初級(jí)教程！手把手教你繪制酷炫有型的火箭圖標(biāo)》

作者：看不見的敵人28

【優(yōu)設(shè)網(wǎng) 原創(chuàng)文章 投稿郵箱：2650232288@qq.com】

================關(guān)于優(yōu)設(shè)網(wǎng)================
"優(yōu)設(shè)網(wǎng)uisdc.com"是國內(nèi)人氣最高的網(wǎng)頁設(shè)計(jì)師學(xué)習(xí)平臺(tái)，專注分享網(wǎng)頁設(shè)計(jì)、無線端設(shè)計(jì)以及PS教程。
【特色推薦】
設(shè)計(jì)師需要讀的100本書：史上最全的設(shè)計(jì)師圖書導(dǎo)航：http://hao.uisdc.com/book/。
設(shè)計(jì)微博：擁有粉絲量92萬的人氣微博@優(yōu)秀網(wǎng)頁設(shè)計(jì) ，歡迎關(guān)注獲取網(wǎng)頁設(shè)計(jì)資源、下載頂尖設(shè)計(jì)素材。
設(shè)計(jì)導(dǎo)航：全球頂尖設(shè)計(jì)網(wǎng)站推薦，設(shè)計(jì)師必備導(dǎo)航：http://hao.uisdc.com
———————————————————–
想在手機(jī)上、被窩里獲取設(shè)計(jì)教程、經(jīng)驗(yàn)分享和各種意想不到的"福利"嗎？
添加 優(yōu)秀網(wǎng)頁設(shè)計(jì) 微信號(hào)：【youshege】優(yōu)設(shè)哥的全拼
您也可以通過掃描下方二維碼快速添加：