ps設(shè)計(jì)音樂(lè)播放器教程(2)
使用直線工具,按住shift,為快進(jìn)圖標(biāo)添加1px的垂直線。按cmd+h來(lái)隱藏路徑。選擇移動(dòng)工具按住opt+cmd,再按住鍵盤(pán)的向左鍵來(lái)復(fù)制圖層。然后cmd+t,右鍵,垂直翻轉(zhuǎn)。
08. 添加文本
將倒回圖標(biāo)位置放好,讓倒回和快進(jìn)對(duì)稱(chēng)。下一步,添加標(biāo)題、時(shí)間和藝術(shù)家名稱(chēng),使用字體工具,標(biāo)題和藝術(shù)家要形成對(duì)照,讓標(biāo)題文本圖層的樣色深一點(diǎn)。
09. 字體圖層樣式
兩行字體圖層樣式均為:投影,距離1px
10. 播放進(jìn)度條
選擇圓角矩形工具,半徑100px,選擇合適的位置畫(huà)出進(jìn)度條。要有一種深溝狀的質(zhì)感,其中要填充較深的顏色。
11. 進(jìn)度條的圖層樣式
進(jìn)圖條圖層樣式:白色投影,距離1px,黑色內(nèi)陰影,距離1px,不透明度10%。漸變描邊#8C8C8C(頂部)到#DFDEDE(底部)。漸變疊加#CCCCCC(頂部)到#E8E8E8(底部)
12. 當(dāng)前播放進(jìn)度條
復(fù)制進(jìn)度條圖層,用直接選擇工具,選擇三個(gè)最右端的錨點(diǎn)。按住shift,再同時(shí)按住鍵盤(pán)的向左鍵,來(lái)讓進(jìn)度條右邊緣收縮。
13. 當(dāng)前播放進(jìn)度條的圖層樣式
將提一個(gè)圖層的圖層樣式拷貝,然后粘貼到當(dāng)前播放進(jìn)度條圖層上,去掉圖層樣式中的投影選項(xiàng)。
14.進(jìn)度球
選擇橢圓工具,按住Shift,畫(huà)出一個(gè)進(jìn)度球。圖層樣式和當(dāng)前播放進(jìn)度條一樣,拷貝自第一個(gè)容器圖層。(不過(guò)這次要保留投影)
15. 仔細(xì)調(diào)整
復(fù)制進(jìn)度球圖層,縮小到20%,圖層樣式可拷貝自整體進(jìn)度條圖層。然后可適當(dāng)調(diào)整描邊。
學(xué)習(xí) · 提示
相關(guān)教程
- 界面設(shè)計(jì),設(shè)計(jì)音樂(lè)播放器界面圖片
- ps設(shè)計(jì)粉色漂亮播放器按鈕
- Photoshop制作非常大氣的特色產(chǎn)品網(wǎng)頁(yè)
- ps設(shè)計(jì)音樂(lè)播放器詳細(xì)教程
- ps設(shè)計(jì)音樂(lè)播放器界面教程
- ps設(shè)計(jì)網(wǎng)頁(yè)Banner橫幅教程
- ps設(shè)計(jì)后期調(diào)整修飾實(shí)例教程
- photoshop做media質(zhì)感水晶透明播放器
- photoshop如何設(shè)計(jì)音樂(lè)主題海報(bào)
- 利用PhotoShop制作音樂(lè)網(wǎng)站導(dǎo)航欄
推薦教程