當前位置:首頁>ps實例教程>ps網頁設計>網頁圖片>教程內容

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

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

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

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

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

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

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

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

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

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

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

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

界面設計,設計音樂播放器界面圖片_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

關注大神微博加入>>

網友求助,請回答!