編按：

在各種APP充斥的電腦和手機(jī)端，你會(huì)接觸到很多APP的圖標(biāo)，那么作為一個(gè)設(shè)計(jì)師，你會(huì)用PS制作嗎？今天，P力帶來的是用PS制作音樂圖標(biāo)的設(shè)計(jì)方法！其實(shí)很簡(jiǎn)單，你只需要掌握PS的圖層樣式和圖形繪制工具，就能輕松搞定……

下面，我們一起來制作一個(gè)音樂圖標(biāo)吧！

1. 創(chuàng)建背景

建立一個(gè)尺寸為800x800，分辨率為72的PS文件。選擇漸變工具，徑向漸變填充背景，填充顏色為亮灰（#fcfcfc）到淺灰（#e1e1e1）。

2. 制作唱片機(jī)底座

2.1制作唱片機(jī)最下面的底座

選擇橢圓形工具，制作一個(gè)400X 400的圓，并將圓形顏色設(shè)置為灰色（#aaaaaa）。

利用直接選擇工具框選左右兩側(cè)錨點(diǎn)，按【Ctrl+T】鍵，在上方屬性欄中將寬度W改為80%。

再選中上下錨點(diǎn)，按【Ctrl+T】鍵，在上方屬性欄中將高度H改為80%。

添加圖層樣式下的投影樣式。設(shè)置模式為正常，顏色為黑色，不透明度為75-80%。距離為10，大小為10，點(diǎn)擊等高線并調(diào)節(jié)曲線。

添加圖層樣式下的漸變疊加。設(shè)置模式為正常，漸變?yōu)?span>#b4b4b4—#f6f6f6，角度為90度。

添加圖層樣式下的內(nèi)陰影。設(shè)置模式為疊加、白色，不透明度為30%，角度為90度，距離為2。

添加圖層樣式下的斜面和浮雕。設(shè)置樣式為內(nèi)斜面，方法為平滑，深度為100，方向?yàn)橄蛏希笮?span>5，軟化為0；設(shè)置高光模式為濾色、白色，不透明度為0%；陰影模式為正片疊底、黑色，不透明度為26%。

2.2制作唱片機(jī)唱片放置盤

選擇橢圓形工具，按住【Shift】鍵，繪制正圓。把繪制好的正圓移動(dòng)到唱片底座的扁圓居中的位置。

選擇正圓所在圖層，添加圖層樣式下的漸變疊加。設(shè)置混合模式為正常，漸變顏色從左到右為#f6f6f6—#464646—#f6f6f6—#464646—#f6f6f6。

添加圖層樣式下的斜面和浮雕，設(shè)置大小為2，角度為-90度。

添加圖層樣式下的投影，設(shè)置模式為疊加，不透明度為96%，距離為2，大小為0。

3. 繪制唱片

3.1繪制唱片的圓

繪制一個(gè)正圓形，添加圖層樣式下的漸變疊加。設(shè)置角度為180，漸變顏色為#2d2d2d—#969696—#2d2d2d—#969696—#2d2d2d。

添加圖層樣式下的投影。設(shè)置模式為正常，不透明度為65%，其它屬性值默認(rèn)不變。

添加圖層樣式下的內(nèi)陰影。設(shè)置模式為正片疊底、黑色，角度為120，距離為2，大小為5。

3.2設(shè)置黑膠唱片的密紋

選擇選區(qū)工具，按住【Shift】鍵，繪制正圓形選區(qū)，選區(qū)擺放好位置，新建圖層，填充為白色。

用鼠標(biāo)選擇菜單欄上的“濾鏡”—“雜色”—“添加雜色”。在彈出的“添加雜色”對(duì)話框中，設(shè)置數(shù)量為160%。

用鼠標(biāo)選擇菜單欄上的“濾鏡”—“模糊”—“徑向模糊”，在彈出的“徑向模糊”對(duì)話框中，設(shè)置數(shù)量到最大。

按【Ctrl+D】鍵，取消選區(qū)。選擇當(dāng)前圖層，按住【Alt】鍵，在圖層面板上點(diǎn)擊與下方圖層之間的分界線，建立剪貼蒙版。修改圖層名稱為“磨砂1”，設(shè)置圖層樣式，將混合模式改為疊加，不透明度改為60%。

3.3設(shè)置黑膠唱片的中心

繪制正圓形，放在畫面中間位置。

添加圖層樣式下的漸變疊加。設(shè)置角度為90，漸變顏色為#4e4e4e—#161616—#4e4e4e—#161616—#4e4e4e。將該圖層建立為組。

復(fù)制“磨砂1”圖層，放在圖層最上方，并創(chuàng)建剪貼蒙版。

再在中間位置繪制正圓形，設(shè)置顏色為紅色（#cc2222）。

添加圖層樣式下的內(nèi)陰影。設(shè)置不透明度為100%，其它值默認(rèn)不變。

添加圖層樣式下的投影。設(shè)置模式為正片疊底，顏色為灰色。

再次把制作好的圖形編組，復(fù)制“磨砂1”圖層放在最上方并創(chuàng)建剪貼蒙版，讓紋理相同。

最后還要在中間繪制正圓形，填充為白色。

添加圖層樣式下的投影。設(shè)置混合模式為正片疊底、黑色，角度為-90度，不透明為48%。

添加圖層樣式下的內(nèi)陰影。設(shè)置混合模式為正片疊底、黑色，不透明度為85%，角度為-90度，距離為2，大小為0。

4.4繪制唱針

把白色的圓復(fù)制一份，去掉圖層樣式后，移動(dòng)到右上角位置。

添加圖層樣式下的漸變疊加。設(shè)置樣式為線性，角度為0，漸變顏色為#8d8d8d—#505050。

添加圖層樣式下的斜面和浮雕。設(shè)置樣式為外斜面，大小為3，角度為120度，高光模式為白色、不透明度為88%，陰影模式為正片疊底、黑色、不透明度為70%。

在右上角圓形的上方繪制白色正圓形，和下方圓形居中對(duì)齊，添加圖層樣式的描邊，設(shè)置大小為1，顏色為黑色，不透明度為55%。

選擇工具欄中的圓角矩形繪制細(xì)長(zhǎng)條，放在兩個(gè)圓形的下方。然后添加圖層樣式的投影，設(shè)置不透明度為75%，距離為0，擴(kuò)展為15，大小為5。

添加漸變疊，設(shè)置樣式為線性，漸變顏色為#3b3b3b—#d4d4d4—393939。

選擇繪制好的長(zhǎng)條圖形，使用鋼筆工具添加錨點(diǎn)，調(diào)整錨點(diǎn)位置制作出轉(zhuǎn)彎效果。

繪制圓角矩形，按【Ctrl+T】鍵，對(duì)其進(jìn)行自由變換旋轉(zhuǎn)并擺放好位置。

添加圖層樣式中的投影，設(shè)置角度為90度，距離為2，大小為3。

最終效果完成了，如下。

本文配套的練習(xí)素材請(qǐng)加QQ群：465481414下載

做PS高手，快速提升工作效率，部落窩教育《Photoshop全面精通班》視頻和《AI平面與電商設(shè)計(jì)從零到精通》直播課全心為你！

掃下方二維碼關(guān)注公眾號(hào)，隨時(shí)隨地學(xué)習(xí)PS：

相關(guān)推薦：

微信小游戲按鈕圖標(biāo)設(shè)計(jì)教程

手把手教你制作寫實(shí)水果圖標(biāo)（火龍果篇）

圖標(biāo)制作沒難度，手把手教你制作簡(jiǎn)約清新圖標(biāo)

版權(quán)申明：

本文作者程立艷；同時(shí)部落窩教育享有專有使用權(quán)。若需轉(zhuǎn)載請(qǐng)聯(lián)系部落窩教育。