界面設(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)回答!