在一些音樂(lè)或游戲類(lèi)的APP應(yīng)用軟件中，經(jīng)常會(huì)用到控制塊調(diào)節(jié)音量大小，采用這樣的方式既便于操作，又能夠美化界面，提升用戶(hù)體驗(yàn)。
1.制作滑塊軌跡
step 1
打開(kāi)Photoshop軟件，按ctrl +N新建畫(huà)布，數(shù)據(jù)如下
背景內(nèi)容為綠色（RGB:145,183,60）
step 2
運(yùn)用圓角矩形 ，繪制一個(gè)寬650，高20像素，圓角半徑為10像素的圓角矩形，填充灰綠色（RGB:30,31,34）
step 3
為圓角矩形添加內(nèi)陰影效果，數(shù)據(jù)如下
step 4
為圓角矩形添加投影效果，數(shù)據(jù)如下
效果如圖
2.繪制滑動(dòng)條
step 1
運(yùn)用圓角矩形，繪制一個(gè)寬278，高14像素，圓角半徑為7像素的圓角矩形，填充淺綠色（RGB:179,218,93）,如圖
step 2
為圓角矩形添加斜面和浮雕，數(shù)據(jù)如下
效果如下
3.繪制滑動(dòng)塊
step 1
運(yùn)用圓角矩形工具，繪制一個(gè)圓角矩形，填充深黃色（RGB:212,175,60）到淺黃色(RGB：250,214,101)的線(xiàn)性漸變,。漸變效果
step 2
運(yùn)用圓角矩形工具，繪制一個(gè)較小的矩形，大小位置如圖
step 3
為小圓角矩形添加深黃色（RGB:214,177,62）到淺黃色（RGB:247,202,83）的線(xiàn)性漸變，數(shù)據(jù)如圖。
step 4
為小圓角矩形添加內(nèi)發(fā)光效果，數(shù)據(jù)如圖。
step 5
運(yùn)用矩形工具，繪制3個(gè)小矩形，填充深黃色（RGB:200,136,19）
做完收工 Ctrl+s 保存
