Photoshop制作簡單音樂播放器

教程的效果圖制作的非常小巧，很適合用到一些可以播放音樂的網頁中。制作方法也比較簡單，播放器的每一個部件基本上都是用圖層樣式來表現立體及浮雕效果，只要注意好圖形的層次關系，我們就可以分層來完成效果圖。
最終效果

1、第一步是我們創建一個黑色徑向漸變的背景。在任何顏色的油漆層，添加一個如下所示的漸變圖層樣式。
2、用圓角矩形工具（設置一個半徑為20像素）創建一個該設備的主要元素，表現設備的形狀圖層（點擊菜單上的第一選擇）。

3、雙擊該圖層上的向量，顏色編輯器將打開。我們可以選擇一個#E1E0E0的淺灰色的顏色，進而可以增加表面的發光程度。

4、現在我們要創建一個該設備周邊的一個斜面。在此之前，我們需要用PS標尺創建一個參考標准。點擊這兩個統治者收斂角，通過拖動鼠標，我們在放置光標的位置放置光標，這將使我們能夠創造一個外圍設備周圍等距離斜面。

5、我們把這個圖層的不透明度調為0，因為我們只是想看到一個表面上2像素的斜面。
 

6、套用一個1像素的描邊，在設備的內部位置要使用比設備前面更暗的顏色。在這一步，我們要創建一個代表行之間的形狀和播放器的前聯合差距的線。

7、設置2像素值以下的內發光。

8、給設備的前部添加軟梯度，讓設備更有凸出感。

9、現在，我們將突出這個MP3的優勢。要做到這一點，需要添加一條有擠壓感有三維效果的線。然後在MP3的外表面添加2像素灰度中風效果。
 

10、利用錐與浮雕風格，我們在這條線的上部區域添加光效果。現在物品看上去像是從上面打光，下面變得更暗的擠壓效果。

11、現在在這個圖層上添加柔柔的，輕輕的內陰影效果，讓播放器的前面更顯突出。

12、通過復制和編輯前面的斜面層，我們創造更多的代表不同的控制按鈕的斜面。

13、現在通過編輯形狀層來創建播放器的主播放/暫停按鈕。重復第一個斜面，在邊界以內畫一個圓形物體。然後放大10％的水平，因為我們只需要那些斜面。
 

14、像下面這樣在步驟13中創建的形狀中應用軟3像素面具。

15、為了使面具隱藏對象和它的圖層樣式，在圖層樣式窗口單擊選項“圖層蒙版隱藏效果”。如果我們不選擇此選項，這個面具只能隱藏形狀，但是會把效果顯示出來，而我們就是想要把它隱藏。

16、相同的面具也將用於其他斜面，我們可以從之前的圖層屏蔽掉。用鼠標右鍵點擊圖層裡面的遮罩層的圖標，選擇“從選擇減去層面膜”。這將創建一個和以前相同的選擇。

17、在這一步，我們將重復選擇轉換圖層的步驟。
 

18、我們已經有了設置主按鈕的斜面。現在我們需要給播放器創建一個顯示器：黑色亞克力屏幕，在那裡可以顯示歌曲名字和播放時間。

19、首先，我們使用陰影來創建一個光從上面射向底部的斜面。使用圖片顯示配置的風格，可以使圖片顯得銳利和清晰，而不是黑暗和模糊。

20、現在，我們需要建立一個徑向漸變。把黑色和白色兩種顏色盡量靠近中心附近，那樣沒有這麼多兩色的柔軟性。黑色占49％，白色占50％。

21、取消點選該選項與層對齊。如果我們不這樣做，梯度將只能從該對象的中心到邊緣，我們希望梯度更大和更廣泛。
 

22、他出示您的鏡面效果，使用兩個類似於我們創建按鈕那一步的斜面來做一個形狀。使用一個一致行程內的黑色1像素中風。使用內部發光，2像素的大小設置為屏幕上的混合模式。

23、現在我們已經完成了我們的MP3播放器的前面。現在我們需要添加一些顯示按鈕和文本的圖標。

24、現在，讓我們在顯示屏上模擬顯示滾動文本。使用像素化的字體，我們需要添加將播放的翻譯名稱和歌曲名稱。你可以使用這個免費的字體。記得把走樣移出菜單上的文字工具窗口，以保持文本尖銳。

25、我們用其他位圖字體創建計時器，指示時間的流逝。此字體也是免費的，你可以在這裡得到它。
 

26、使用通用的顯示圖標和音頻或視頻播放器符號的字體。你可以使用這一個。一旦它被安裝用來創建播放器不同的按鈕，在這種情況下，播放/暫停控制（隨著播放器的發展，您將需要創建兩個國家的按鈕時，當按鈕被按下時，播放按鈕變成暫停按鈕，反之亦然）。

27、對於這個符號，我們使用和前表面相同的顏色。用顏色選擇工具，我們可以繪制文本。

28、現在，我們可以包括各種不同的款式，讓播放器外觀看起來像淺浮雕標一樣。使用內陰影下的相應值。