Photoshop鼠繪教程:繪制質(zhì)感MP3播放器界面

本教程主要用Photoshop繪制質(zhì)感的MP3播放器界面，做的不好請(qǐng)見(jiàn)諒，我會(huì)努力改正的，教程中的參數(shù)可以靈活設(shè)置，此教程主要練習(xí)技巧和基本功，喜歡的朋友可以練習(xí)下哈.在練習(xí)的過(guò)程中，注意養(yǎng)成一個(gè)好的習(xí)慣就是在新填充顏色請(qǐng)新建一層，把相同的東西放進(jìn)一個(gè)組里，這樣就不會(huì)亂，還有就是命名要命好，這樣后面調(diào)整起來(lái)才好調(diào)整，在練習(xí)的過(guò)程中請(qǐng)發(fā)揮想象，教程中的效果不一定要按部就班，或許有更好的方法，這就靠大家自己去摸索了吧。

最終效果：

1：新建一個(gè)600*600的文件

2：用圓角矩形工具畫(huà)一個(gè)如圖的矩形并填充為黑色：

3：給矩形添加圖層樣式，如圖：

4：漸變條的設(shè)置如圖：

5：完成后的圖效果如圖：

6：新建一層在用圓角矩形工具畫(huà)一個(gè)如圖的矩形并填充為黑色，效果如圖：

7：在用矩形選區(qū)畫(huà)一個(gè)如圖的選區(qū)并刪除：

8：給圖層添加圖層樣式：

9：漸變條設(shè)置：

10：執(zhí)行完的效果如圖：

11：用魔術(shù)棒選擇選區(qū)：

12：把選區(qū)填充為黑色并執(zhí)行描邊：

13：新建一層做下面按鈕的背景.用圓角矩形工具畫(huà)一個(gè)矩形填充為黑色：

14：給新建的層添加圖層樣式：

15：注意漸變條的設(shè)置：

16：效果如圖：

17：新建一層，畫(huà)一個(gè)很2-4像素的寬的白色矩形：

18：添加圖層樣式：(請(qǐng)注意)

19：漸變條的設(shè)置：

20：在來(lái)一個(gè)描邊：

21：復(fù)制剛剛做的那個(gè)白色間隔條(當(dāng)然添加圖層樣式后就不是白色了)6個(gè)，并成如圖位置：

22：新建一層給這個(gè)按鈕背景加個(gè)高光，用矩形工具畫(huà)一個(gè)如圖的矩形：

23：改變圖層模式為疊加，不透明度為：78%

24：做到這里的效果如圖：

25：新建一層，載入剛剛第7部操作的那個(gè)圖層，進(jìn)入選區(qū)，按照ALT鍵減選一部分，如圖：

26：填充為白色，把不透明度改為25%：

27：現(xiàn)在來(lái)畫(huà)按鈕，新建一層，用多邊形套索工具畫(huà)一個(gè)三角形，填充為白色：

28：增加圖層樣式(漸變疊加)，這里看看漸變條的設(shè)置：

29：添加圖層樣式(描邊)，注意是漸變描邊：

30：描邊漸變條的設(shè)置：

31：效果如圖：

32：按ctrl+r把標(biāo)尺調(diào)出來(lái)，好對(duì)齊,新建一層畫(huà)個(gè)一樣的矩形，填充白色，并把剛剛播放按鈕的圖層樣式拷貝粘貼到暫停按鈕中來(lái)：

33：然后分別做出，停止.快退.快進(jìn)：

34：然后新建一層做屏幕中的時(shí)間條，這里可以自由發(fā)揮：

35：按CTRL+剛剛的時(shí)間條層，載入選區(qū)，按ALT減選一部分，新建一層并填充白色：

36：拷貝剛剛快進(jìn)層的圖層樣式粘貼到剛剛白色的圖層中：

37：把圖層模式的描邊去掉：

38：給藍(lán)色的時(shí)間層做高光，這個(gè)可以載入藍(lán)色層填充為白色，改變不透明的，然后向下移動(dòng)，刪除多余的，效果如圖：

39：新建一層，做時(shí)間軸上面的按鈕：

40：添加圖層樣式(漸變疊加)，注意漸變條的設(shè)置：

41：在添加一個(gè)描邊：

42：在給時(shí)間軸上面的按鈕做個(gè)高光，方法就同上面給藍(lán)色條做一樣的啦哈：

43：把剛剛做的播放時(shí)間的圖層添加到一個(gè)組里：

44：復(fù)制剛剛這個(gè)組，并調(diào)整位置：

45：到這里完成的差不多了，后面給屏幕里面添加一些文字，這里就可以自由發(fā)揮了，然后吧2-45步全部添加的一個(gè)組里，做個(gè)倒影的效果，加個(gè)蒙板：

46：完成最終效果：