當(dāng)前位置:首頁>ps實例教程>ps網(wǎng)頁設(shè)計>網(wǎng)頁圖片>教程內(nèi)容

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

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

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

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

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

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

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

加上我們的LOGO,沒什么好說的,當(dāng)然,你也可以直接用圖片,創(chuàng)建個剪貼蒙版,因為剛才我們設(shè)置了描邊和投影,直接剪貼蒙版的話,圖層樣式是會保留的。

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

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

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

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

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

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

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

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

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