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

2022-12-26 10:33:09 來源/作者: / 己有:38人學習過

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

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

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

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

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

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

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

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

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

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

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