界面設(shè)計(jì),設(shè)計(jì)音樂(lè)播放器界面圖片(2)
來(lái)源:pdadians
作者:P大點(diǎn)S
學(xué)習(xí):19928人次
接下來(lái),我們用直線(xiàn)工具,畫(huà)一條直線(xiàn),放到我們剛才的那個(gè)下半部分圖層的頂部位置,設(shè)置顏色為#119915,現(xiàn)在,我們得到如下效果。
下面,我們用矩形工具,畫(huà)一個(gè)正方形,放置在左上角,充當(dāng)專(zhuān)輯圖片的圖片框,并設(shè)置一個(gè)圖層樣式。
加上我們的LOGO,沒(méi)什么好說(shuō)的,當(dāng)然,你也可以直接用圖片,創(chuàng)建個(gè)剪貼蒙版,因?yàn)閯偛盼覀冊(cè)O(shè)置了描邊和投影,直接剪貼蒙版的話(huà),圖層樣式是會(huì)保留的。
接下來(lái),我們開(kāi)始做播放的進(jìn)度條,首先用圓角矩形工具畫(huà)一個(gè)長(zhǎng)條的圓角矩形,設(shè)置顏色為#d0d0d0,并添加一個(gè)圖層樣式。
- 相關(guān)教程
- TA的教程
- 收藏
- 返回
- P大點(diǎn)S
- ps網(wǎng)頁(yè)設(shè)計(jì)
- 播放按鈕
- 界面設(shè)計(jì)
- 播放器
學(xué)習(xí) · 提示
相關(guān)教程
- 陰影效果,教你制作各類(lèi)陰影教程
- banner教程,設(shè)計(jì)一個(gè)簡(jiǎn)單的母親節(jié)Banner教程
- 陰影效果,制作網(wǎng)頁(yè)常見(jiàn)的圖片投影效果
- 網(wǎng)頁(yè)圖片,設(shè)計(jì)一個(gè)網(wǎng)頁(yè)登陸框圖片教程
- 設(shè)計(jì)知識(shí),新手詳情頁(yè)制作誤區(qū)
- 圖片教程,教你怎么做圓形圖表
- 圖片設(shè)計(jì),教你設(shè)計(jì)扁平化404錯(cuò)誤頁(yè)面圖片
- 圓角教程,教你制作網(wǎng)頁(yè)常用的圓角矩形邊角
- 進(jìn)度條,設(shè)計(jì)一個(gè)彩色進(jìn)度條
- 圖標(biāo)設(shè)計(jì),ps設(shè)計(jì)六邊形圖標(biāo)實(shí)例
推薦教程
- Photoshop做網(wǎng)站的思路
- banner教程,設(shè)計(jì)一個(gè)簡(jiǎn)單的母親節(jié)Banner教程
- 網(wǎng)頁(yè)設(shè)計(jì)實(shí)例:女性購(gòu)物網(wǎng)站導(dǎo)航條制作
- Photoshop制作立體界面
- ps制作3D立體Logo網(wǎng)站抬頭網(wǎng)頁(yè)設(shè)計(jì)教
- ps設(shè)計(jì)游戲網(wǎng)頁(yè)頭版教程
- Photoshop制作Vista菜單
- 界面設(shè)計(jì),設(shè)計(jì)音樂(lè)播放器界面圖片
- photoshop教程:設(shè)計(jì)絲帶風(fēng)格的網(wǎng)頁(yè)導(dǎo)航
- photoshop設(shè)計(jì)黑色網(wǎng)站導(dǎo)航
關(guān)注大神微博加入>>
網(wǎng)友求助,請(qǐng)回答!