ps設計音樂播放器教程
- 2022-12-24 19:26:33
- 來源/作者:互聯網/佚名
- 己被圍觀次
通過本教程你將學習到如何使用PS圖層樣式添加流暢精致的質感;如何打造細膩的漸變,讓組件看起來栩栩如生;如何設計交互性優秀的組件按鈕。
使用直線工具,按住shift,為快進圖標添加1px的垂直線。按cmd+h來隱藏路徑。選擇移動工具按住opt+cmd,再按住鍵盤的向左鍵來復制圖層。然后cmd+t,右鍵,垂直翻轉。
08. 添加文本

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

兩行字體圖層樣式均為:投影,距離1px
10. 播放進度條

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

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

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

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

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

復制進度球圖層,縮小到20%,圖層樣式可拷貝自整體進度條圖層。然后可適當調整描邊。
*PSjia.COM 傾力出品,轉載請注明來自PS家園網(m.sz-xdd.com.cn)








