ps設(shè)計播放器界面(3)

創(chuàng)建好自定義圖案之后，將第六步中的”buffer”圖層復(fù)制一遍，放置于”buffer”圖層的上方，命名為”progress”，顏色更改為#feea36。在圖層面板中單擊選擇”progress”圖層的矢量蒙版縮略圖，然后使用直接選擇工具(A)，將矩形的寬度調(diào)整的短一些，目的是讓下方的緩沖圖層效果顯示出來，之后給”progress”圖層應(yīng)用如下圖層樣式，這時候在圖案疊加中選擇我們剛才創(chuàng)建好的自定義圖案就可以了。

最終效果如下圖：

八、最后，我們來創(chuàng)建音量圖標(biāo)。首先我們新建一個圖層，命名為”sound”，將文檔放大至1000%，選擇矩形工具(U)，畫出一個和進度條高度差不多的矩形，這就是音量圖標(biāo)的喇叭身子部分。在圖層面板中選擇”sound”圖層的矢量蒙版縮略圖，然后選擇鋼筆工具(P)，畫出音量圖標(biāo)的喇叭口部分。這里可能一次畫不好，所以需要耐心使用直接選取工具(A)配合方向鍵，逐次移動錨點的位置，將音量圖標(biāo)的形狀調(diào)整到滿意為止。完成之后，將顏色調(diào)整為#d2d6db，將”player”的圖層樣式拷貝粘貼到”sound”圖層就可以了。至于音量大小讀條和另外的分隔線，使用和上面步驟中一樣的方法來創(chuàng)建。最后完成的效果如下圖：