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

來源：pdadians 作者：P大點(diǎn)S 學(xué)習(xí)：19928人次

接下來，我們用直線工具，畫一條直線，放到我們剛才的那個(gè)下半部分圖層的頂部位置，設(shè)置顏色為#119915，現(xiàn)在，我們得到如下效果。

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

下面，我們用矩形工具，畫一個(gè)正方形，放置在左上角，充當(dāng)專輯圖片的圖片框，并設(shè)置一個(gè)圖層樣式。

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

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

加上我們的LOGO，沒什么好說的，當(dāng)然，你也可以直接用圖片，創(chuàng)建個(gè)剪貼蒙版，因?yàn)閯偛盼覀冊(cè)O(shè)置了描邊和投影，直接剪貼蒙版的話，圖層樣式是會(huì)保留的。

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

接下來，我們開始做播放的進(jìn)度條，首先用圓角矩形工具畫一個(gè)長條的圓角矩形，設(shè)置顏色為#d0d0d0，并添加一個(gè)圖層樣式。

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

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

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

學(xué)習(xí) · 提示

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

關(guān)注大神微博加入>>

網(wǎng)友求助，請(qǐng)回答！