界面設計,設計音樂播放器界面圖片

來源:pdadians 作者:P大點S 學習:19928人次

先看看最終效果:
界面設計,設計音樂播放器界面圖片_theoat.com.cn
這個界面粗看好像很復雜,其實步驟挺簡單的,主要還是運用了圖層樣式來制作出整體效果,喜歡設計的可以跟著教程練習一下,還可以嘗試一下其他的顏色,做完交作業(yè)。
 

當然,直接用色相之類的來修改顏色,我并不贊同,原因嘛,自己想!其實做完一個顏色后,直接在源文件里更改圖層樣式,換個色也花不了多長時間的。

今天,我所提供的PSD里,我們做了四個顏色,綠色,藍色,灰色,紅色,有興趣的朋友可以試試別的顏色。

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

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

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

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

界面設計,設計音樂播放器界面圖片_theoat.com.cn

用圓角矩形工具畫一個320X125的圓角矩形,顏色無所謂,我們一會會更改。

界面設計,設計音樂播放器界面圖片_theoat.com.cn

為這個圓角矩形添加一個圖層樣式。

界面設計,設計音樂播放器界面圖片_theoat.com.cn

界面設計,設計音樂播放器界面圖片_theoat.com.cn

界面設計,設計音樂播放器界面圖片_theoat.com.cn

界面設計,設計音樂播放器界面圖片_theoat.com.cn

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

界面設計,設計音樂播放器界面圖片_theoat.com.cn

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

界面設計,設計音樂播放器界面圖片_theoat.com.cn

學習 · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學就能學:ps_bbs,或掃右側二維碼!
  • 關注我們學更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
2017-02-09 10:16
謝謝樓主。好記性不如爛筆頭吶!
一只帥羊羊2016-09-06 09:40
葉子2016-08-25 02:09
界面設計
寶貝哦2016-08-07 04:07

關注大神微博加入>>

網(wǎng)友求助,請回答!