ps設計音樂播放器教程

2022-12-26 11:24:40 來源/作者: / 己有:10人學習過

使用直線工具,按住shift,為快進圖標添加1px的垂直線。按cmd+h來隱藏路徑。選擇移動工具按住opt+cmd,再按住鍵盤的向左鍵來復制圖層。然后cmd+t,右鍵,垂直翻轉。

08. 添加文本

Photoshop設計簡潔大氣的音樂播放器

將倒回圖標位置放好,讓倒回和快進對稱。下一步,添加標題、時間和藝術家名稱,使用字體工具,標題和藝術家要形成對照,讓標題文本圖層的樣色深一點。

09. 字體圖層樣式

Photoshop設計簡潔大氣的音樂播放器

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

10. 播放進度條

Photoshop設計簡潔大氣的音樂播放器

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

11. 進度條的圖層樣式

Photoshop設計簡潔大氣的音樂播放器

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

12. 當前播放進度條

Photoshop設計簡潔大氣的音樂播放器

復制進度條圖層,用直接選擇工具,選擇三個最右端的錨點。按住shift,再同時按住鍵盤的向左鍵,來讓進度條右邊緣收縮。

13. 當前播放進度條的圖層樣式

Photoshop設計簡潔大氣的音樂播放器

將提一個圖層的圖層樣式拷貝,然后粘貼到當前播放進度條圖層上,去掉圖層樣式中的投影選項。

14.進度球

Photoshop設計簡潔大氣的音樂播放器

選擇橢圓工具,按住Shift,畫出一個進度球。圖層樣式和當前播放進度條一樣,拷貝自第一個容器圖層。(不過這次要保留投影)

15. 仔細調整

Photoshop設計簡潔大氣的音樂播放器

復制進度球圖層,縮小到20%,圖層樣式可拷貝自整體進度條圖層。然后可適當調整描邊。