編者按：今天的教程是繪制一枚質感逼真的的播放器圖標。教程難度中下，適合有基礎的同學進階學習，重點依然是圖層樣式的運用，練手戳 >>>

最終效果圖：

新建一個600*600畫布。

來個白到灰的徑向漸變。

橢圓工具畫個300*300的圓。

直接選擇工具選中這兩個點。

右鍵，自由變換點，在箭頭標注的W位置輸入80。

重復上一步驟，選中上面兩個點，在H位置輸入80。

居中下，調整下大小自己感覺合適即可。

給調整好的圓角矩形添加圖層樣式，投影，漸變疊加。內陰影，斜面浮雕。

調整圖層樣式后的圓角矩形變的更有立體感。

畫一個圓大小自定，用漸變疊加調處金屬質感。

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

再畫一個圓。

添加圖層樣式，先來個漸變疊加。

投影，內陰影，斜面浮雕。

調整后的效果：

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

濾鏡添加雜色。

濾鏡徑向模糊。

剪輯蒙版。

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

模式改為疊加，調整不透明度。

這樣拉絲效果就出現了，也更加逼真點。

再畫個圓形添加漸變疊加。

把拉絲圖層拷貝出來，剪進去，透明度調低點，給它也添加拉絲效果。

再畫一個圓形填充紅色。

添加圖層樣式，投影，內陰影（參數可自己調整）。

拷貝拉絲圖層剪輯進去。

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

再畫個小圓形填充白色。

添加投影，內陰影。

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

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

畫個白色小圓，添加一像素描邊，

支架部分很簡單，同學們試著去做下，全都是用形狀工具做的。

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

搞定后最終效果：

?【2015年最新圖標教程合集】

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

兩個科幻感風格的扁平化太空圖標！
《PS進階教程！手把手教你繪制扁平風行星與雷達圖標》

喂！別忘了給他一個天空（來自有愛的評論串）
《PS初級教程！手把手教你繪制酷炫有型的火箭圖標》

作者：看不見的敵人28

【優設網 原創文章 投稿郵箱：2650232288@qq.com】

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