這個教程就是教大家用Photoshop創建一個時髦音頻播放器界面，也是新勺網特別推薦給大家的一個教程，教程中的高光處理是重點，也是一些常用軟件界面制作的處理方法。希望對大家有所幫助。

播放器的都是由一些細小的元素構成，而且每個元素又有水晶及金屬質感，制作的時候需要細心。除了這些顏色的搭配也很重要，制作的每個元素都要融入到主體里面，這樣整體效果就美觀很多。

最終效果 

1、創建一個 600×400 px的圖層。

2、使用放射式漸變填充背景，顏色設置為#5e6c78 - #20282e。

3、復制背景圖層，之后進行濾鏡-雜色-添加雜色，設置如下：數量：5%；選擇單色。下降圖片透明度到30%。

4、作主界面，創建一個新圖層，（按Ctrl + Shift + N）并命名為“Base”，再使用圓角矩形工具，設置半徑5px，畫出畫面中一樣的矩形，并使用這些混合選項。設置參數按照圖片所示。顏色漸變參數為：＃3d4a59;＃1c2329;＃303a44 ，描邊顏色為#191919。

 5、新建一個600 × 600px文檔。 充填50％灰色。 然后，添加雜色，參數設置：80％;高斯噪聲，單色。 然后再選擇濾鏡模糊-徑向模糊：旋轉參數為100。 之后可以根據自己的感覺，使用快捷鍵CTRL + F重復徑向模糊，直到你滿意。

6、復制到之前創建的“base”圖層上。更改混合模式為柔光，不透明度為80％。圖層命名為 “Texture”.按Ctrl 點擊“base”圖層，調用選區，然后按Ctrl + Shift +I, 選擇Texture圖層點擊刪除不要的選區。

7、創建新圖層。將它命名為”Higlights”，再用鉛筆工具畫兩條線，分別放置在base圖層的視頻界面頂端和底部。再選擇一個大一點，參數設置為80％不透明度的橡皮擦擦除兩側的線條。

8、再創建新圖層。將它命名為”speaker”。Ctrl鍵的點擊 “base”圖層的縮略圖獲得選區。然后選擇矩形工具，按住SHIFT鍵+ ALT鍵拖動得到選區，＃3a3a3a填充它。復制圖層，命名為“質地”。之后進入混合選項并添加這些設置：選擇“蛛網圖案（素材下載見文章頂部）”，圖案疊加混合模式：疊加模式和參數設置為12％。

9、創建一個新層，命名為“突出”，再次使用鉛筆工具繪制1px高光邊緣，然后創建一個新圖層，命名為“影子”。使用橢圓工具，取出不需要的區域，羽化，高斯模糊，降低透明度50%既可以，大家可以適當的根據感覺調整。

10、按照左側制作方法，創建右側部分。

11、之后創建，最小化和最大化及關閉按鈕。創建新層，命名為“按鈕”。再使用圓角矩形工具，設置半徑為2px，畫一個小按鈕，它填充白色。圖層漸變的顏色為：＃8799ab-＃485664-＃8799ab 描邊顏色為＃384251。