ps設(shè)計(jì)音樂(lè)播放器教程

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

使用直線工具,按住shift,為快進(jìn)圖標(biāo)添加1px的垂直線。按cmd+h來(lái)隱藏路徑。選擇移動(dòng)工具按住opt+cmd,再按住鍵盤(pán)的向左鍵來(lái)復(fù)制圖層。然后cmd+t,右鍵,垂直翻轉(zhuǎn)。

08. 添加文本

Photoshop設(shè)計(jì)簡(jiǎn)潔大氣的音樂(lè)播放器

將倒回圖標(biāo)位置放好,讓倒回和快進(jìn)對(duì)稱。下一步,添加標(biāo)題、時(shí)間和藝術(shù)家名稱,使用字體工具,標(biāo)題和藝術(shù)家要形成對(duì)照,讓標(biāo)題文本圖層的樣色深一點(diǎn)。

09. 字體圖層樣式

Photoshop設(shè)計(jì)簡(jiǎn)潔大氣的音樂(lè)播放器

兩行字體圖層樣式均為:投影,距離1px

10. 播放進(jìn)度條

Photoshop設(shè)計(jì)簡(jiǎn)潔大氣的音樂(lè)播放器

選擇圓角矩形工具,半徑100px,選擇合適的位置畫(huà)出進(jìn)度條。要有一種深溝狀的質(zhì)感,其中要填充較深的顏色。

11. 進(jìn)度條的圖層樣式

Photoshop設(shè)計(jì)簡(jiǎn)潔大氣的音樂(lè)播放器

進(jìn)圖條圖層樣式:白色投影,距離1px,黑色內(nèi)陰影,距離1px,不透明度10%。漸變描邊#8C8C8C(頂部)到#DFDEDE(底部)。漸變疊加#CCCCCC(頂部)到#E8E8E8(底部)

12. 當(dāng)前播放進(jìn)度條

Photoshop設(shè)計(jì)簡(jiǎn)潔大氣的音樂(lè)播放器

復(fù)制進(jìn)度條圖層,用直接選擇工具,選擇三個(gè)最右端的錨點(diǎn)。按住shift,再同時(shí)按住鍵盤(pán)的向左鍵,來(lái)讓進(jìn)度條右邊緣收縮。

13. 當(dāng)前播放進(jìn)度條的圖層樣式

Photoshop設(shè)計(jì)簡(jiǎn)潔大氣的音樂(lè)播放器

將提一個(gè)圖層的圖層樣式拷貝,然后粘貼到當(dāng)前播放進(jìn)度條圖層上,去掉圖層樣式中的投影選項(xiàng)。

14.進(jìn)度球

Photoshop設(shè)計(jì)簡(jiǎn)潔大氣的音樂(lè)播放器

選擇橢圓工具,按住Shift,畫(huà)出一個(gè)進(jìn)度球。圖層樣式和當(dāng)前播放進(jìn)度條一樣,拷貝自第一個(gè)容器圖層。(不過(guò)這次要保留投影)

15. 仔細(xì)調(diào)整

Photoshop設(shè)計(jì)簡(jiǎn)潔大氣的音樂(lè)播放器

復(fù)制進(jìn)度球圖層,縮小到20%,圖層樣式可拷貝自整體進(jìn)度條圖層。然后可適當(dāng)調(diào)整描邊。