界面設(shè)計(jì)，設(shè)計(jì)音樂播放器界面圖片

先看看最終效果：

這個(gè)界面粗看好像很復(fù)雜，其實(shí)步驟挺簡單的，主要還是運(yùn)用了圖層樣式來制作出整體效果，喜歡設(shè)計(jì)的可以跟著教程練習(xí)一下，還可以嘗試一下其他的顏色，做完交作業(yè)。
 

當(dāng)然，直接用色相之類的來修改顏色，我并不贊同，原因嘛，自己想！其實(shí)做完一個(gè)顏色后，直接在源文件里更改圖層樣式，換個(gè)色也花不了多長時(shí)間的。

今天，我所提供的PSD里，我們做了四個(gè)顏色，綠色，藍(lán)色，灰色，紅色，有興趣的朋友可以試試別的顏色。

PSD的下載  http://pan.baidu.com/s/1c0hphde

PDF教程  http://pan.baidu.com/s/1bnfpr11

我這里的教程用的綠色來示范！

首先，新建個(gè)文檔，我用的是400X300像素。創(chuàng)建一個(gè)漸變調(diào)整層，做個(gè)徑向漸變，顏色參數(shù)如下圖。

用圓角矩形工具畫一個(gè)320X125的圓角矩形，顏色無所謂，我們一會(huì)會(huì)更改。

為這個(gè)圓角矩形添加一個(gè)圖層樣式。

OK，接下來，我們復(fù)制一層圓角矩形這個(gè)圖層，右鍵清除掉圖層樣式，按住SHIFT畫一個(gè)矩形，SHIFT這里是增加的意思，保證我們新畫的矩形和圓角矩形是一個(gè)形狀圖層。 然后，將形狀的路徑操作更改為與形狀區(qū)域相交，這樣我們就得到了我們想要的下半部分的形狀了。將形狀顏色設(shè)置為#68ce6b。

下面，我們?yōu)檫@個(gè)下半部分的形狀添加一個(gè)圖層樣式。