ps設(shè)計(jì)播放器界面(3)
創(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)建。最后完成的效果如下圖:
- 相關(guān)教程
- TA的教程
- 收藏
- 返回
- 播放按鈕
- 設(shè)計(jì)
- 工具
- 效果
- 界面設(shè)計(jì)
學(xué)習(xí) · 提示
相關(guān)教程
- UI圖標(biāo)教程,用PS繪制一個(gè)獨(dú)特的漸變風(fēng)格播放器圖標(biāo)
- UI圖標(biāo),設(shè)計(jì)旋轉(zhuǎn)風(fēng)格播放圖標(biāo)教程
- 播放器圖標(biāo),設(shè)計(jì)勃朗風(fēng)格音樂播放器圖標(biāo)
- 音樂圖標(biāo),設(shè)計(jì)木質(zhì)的音樂播放器主題UI圖標(biāo)
- UI知識(shí),安卓和蘋果的界面設(shè)計(jì)之尺寸規(guī)范
- UI知識(shí),UI設(shè)計(jì)版式修改教程
- APP展示圖,教你怎么用PS制作APP的界面圖片
- UI教程,ps設(shè)計(jì)音樂主題UI圖標(biāo)實(shí)例
- UI設(shè)計(jì)知識(shí),基礎(chǔ)界面制作&細(xì)節(jié)把握
- 如何設(shè)計(jì)一款UI界面
推薦教程
- ps設(shè)計(jì)圓點(diǎn)可愛ICON圖標(biāo)
- 手機(jī)圖標(biāo),設(shè)計(jì)iPhoneES手機(jī)主題圖標(biāo)
- ps設(shè)計(jì)禮盒UI圖標(biāo)
- ps設(shè)計(jì)打印機(jī)UI圖標(biāo)教程
- 圖標(biāo)設(shè)計(jì),用PS繪制索尼PSP圖標(biāo)
- ps設(shè)計(jì)暗黑風(fēng)格游戲UI教程
- UI教程:設(shè)計(jì)電池icon
- 切圖教程,app切圖命名總結(jié)
- 相機(jī)圖標(biāo),設(shè)計(jì)白色相機(jī)UI圖標(biāo)
- ps cc設(shè)計(jì)唱片UI圖標(biāo)教程