ps設(shè)計(jì)播放器界面
創(chuàng)建好自定義圖案之后,將第六步中的”buffer”圖層復(fù)制一遍,放置于”buffer”圖層的上方,命名為”progress”,顏色更改為#feea36。在圖層面板中單擊選擇”progress”圖層的矢量蒙版縮略圖,然后使用直接選擇工具(A),將矩形的寬度調(diào)整的短一些,目的是讓下方的緩沖圖層效果顯示出來,之后給”progress”圖層應(yīng)用如下圖層樣式,這時(shí)候在圖案疊加中選擇我們剛才創(chuàng)建好的自定義圖案就可以了。
最終效果如下圖:
八、最后,我們來創(chuàng)建音量圖標(biāo)。首先我們新建一個(gè)圖層,命名為”sound”,將文檔放大至1000%,選擇矩形工具(U),畫出一個(gè)和進(jìn)度條高度差不多的矩形,這就是音量圖標(biāo)的喇叭身子部分。在圖層面板中選擇”sound”圖層的矢量蒙版縮略圖,然后選擇鋼筆工具(P),畫出音量圖標(biāo)的喇叭口部分。這里可能一次畫不好,所以需要耐心使用直接選取工具(A)配合方向鍵,逐次移動(dòng)錨點(diǎn)的位置,將音量圖標(biāo)的形狀調(diào)整到滿意為止。完成之后,將顏色調(diào)整為#d2d6db,將”player”的圖層樣式拷貝粘貼到”sound”圖層就可以了。至于音量大小讀條和另外的分隔線,使用和上面步驟中一樣的方法來創(chuàng)建。最后完成的效果如下圖:
標(biāo)簽(TAG) UI設(shè)計(jì)教程 播放按鈕 設(shè)計(jì) 工具 效果 界面設(shè)計(jì)