本教程主要用photoshop繪制質(zhì)感的mp3播放器界面，做的不好請見諒，我會努力改正的，教程中的參數(shù)可以靈活設(shè)置，此教程主要練習(xí)技巧和基本功，喜歡的朋友可以練習(xí)下哈.在練習(xí)的過程中，注意養(yǎng)成一個好的習(xí)慣就是在新填充顏色請新建一層，把相同的東西放進(jìn)一個組里，這樣就不會亂，還有就是命名要命好，這樣后面調(diào)整起來才好調(diào)整，在練習(xí)的過程中請發(fā)揮想象，教程中的效果不一定要按部就班，或許有更好的方法，這就靠大家自己去摸索了吧。
最終效果：
1：新建一個600*600的文件
2：用圓角矩形工具畫一個如圖的矩形并填充為黑色：
3：給矩形添加圖層樣式，如圖：
4：漸變條的設(shè)置如圖：
|||
5：完成后的圖效果如圖：
6：新建一層在用圓角矩形工具畫一個如圖的矩形并填充為黑色，效果如圖：
7：在用矩形選區(qū)畫一個如圖的選區(qū)并刪除：
8：給圖層添加圖層樣式：
|||
9：漸變條設(shè)置：
10：執(zhí)行完的效果如圖：
11：用魔術(shù)棒選擇選區(qū)：
12：把選區(qū)填充為黑色并執(zhí)行描邊：
|||
13：新建一層做下面按鈕的背景.用圓角矩形工具畫一個矩形填充為黑色：
14：給新建的層添加圖層樣式：
15：注意漸變條的設(shè)置：
16：效果如圖：
17：新建一層，畫一個很2-4像素的寬的白色矩形：
|||
18：添加圖層樣式：(請注意)
19：漸變條的設(shè)置：
20：在來一個描邊：
21：復(fù)制剛剛做的那個白色間隔條(當(dāng)然添加圖層樣式后就不是白色了)6個，并成如圖位置：
22：新建一層給這個按鈕背景加個高光，用矩形工具畫一個如圖的矩形：
|||
23：改變圖層模式為疊加，不透明度為：78%
24：做到這里的效果如圖：
25：新建一層，載入剛剛第7部操作的那個圖層，進(jìn)入選區(qū)，按照alt鍵減選一部分，如圖：
26：填充為白色，把不透明度改為25%：
27：現(xiàn)在來畫按鈕，新建一層，用多邊形套索工具畫一個三角形，填充為白色：
|||
28：增加圖層樣式(漸變疊加)，這里看看漸變條的設(shè)置：
29：添加圖層樣式(描邊)，注意是漸變描邊：
30：描邊漸變條的設(shè)置：
31：效果如圖：
32：按ctrl+r把標(biāo)尺調(diào)出來，好對齊,新建一層畫個一樣的矩形，填充白色，并把剛剛播放按鈕的圖層樣式拷貝粘貼到暫停按鈕中來：
|||
33：然后分別做出，停止.快退.快進(jìn)：
34：然后新建一層做屏幕中的時間條，這里可以自由發(fā)揮：
35：按ctrl+剛剛的時間條層，載入選區(qū)，按alt減選一部分，新建一層并填充白色：
36：拷貝剛剛快進(jìn)層的圖層樣式粘貼到剛剛白色的圖層中：
37：把圖層模式的描邊去掉：
|||
38：給藍(lán)色的時間層做高光，這個可以載入藍(lán)色層填充為白色，改變不透明的，然后向下移動，刪除多余的，效果如圖：
39：新建一層，做時間軸上面的按鈕：
40：添加圖層樣式(漸變疊加)，注意漸變條的設(shè)置：
41：在添加一個描邊：
42：在給時間軸上面的按鈕做個高光，方法就同上面給藍(lán)色條做一樣的啦哈：
|||
43：把剛剛做的播放時間的圖層添加到一個組里：
44：復(fù)制剛剛這個組，并調(diào)整位置：
45：到這里完成的差不多了，后面給屏幕里面添加一些文字，這里就可以自由發(fā)揮了，然后吧2-45步全部添加的一個組里，做個倒影的效果，加個蒙板：
46：完成最終效果：
聯(lián)系客服
