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

2022-12-26 10:33:09 來(lái)源/作者: / 己有:38人學(xué)習(xí)過(guò)

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

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

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

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

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

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

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

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

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

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

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