在一些音樂或游戲類的APP應用軟件中,經(jīng)常會用到控制塊調(diào)節(jié)音量大小,采用這樣的方式既便于操作,又能夠美化界面辩蛋,提升用戶體驗。
1.制作滑塊軌跡
step 1
打開Photoshop軟件移盆,按ctrl +N新建畫布悼院,數(shù)據(jù)如下背景內(nèi)容為綠色(RGB:145,183,60)
step 2
運用圓角矩形 ,繪制一個寬650咒循,高20像素据途,圓角半徑為10像素的圓角矩形绞愚,填充灰綠色(RGB:30,31,34)
step 3
為圓角矩形添加內(nèi)陰影效果,數(shù)據(jù)如下step 4
為圓角矩形添加投影效果颖医,數(shù)據(jù)如下效果如圖
2.繪制滑動條
step 1
運用圓角矩形位衩,繪制一個寬278,高14像素便脊,圓角半徑為7像素的圓角矩形蚂四,填充淺綠色(RGB:179,218,93),如圖step 2
為圓角矩形添加斜面和浮雕,數(shù)據(jù)如下效果如下
3.繪制滑動塊
step 1
運用圓角矩形工具哪痰,繪制一個圓角矩形遂赠,填充深黃色(RGB:212,175,60)到淺黃色(RGB:250,214,101)的線性漸變,。漸變效果step 2
運用圓角矩形工具晌杰,繪制一個較小的矩形跷睦,大小位置如圖step 3
為小圓角矩形添加深黃色(RGB:214,177,62)到淺黃色(RGB:247,202,83)的線性漸變,數(shù)據(jù)如圖肋演。step 4
為小圓角矩形添加內(nèi)發(fā)光效果抑诸,數(shù)據(jù)如圖。step 5
運用矩形工具爹殊,繪制3個小矩形蜕乡,填充深黃色(RGB:200,136,19)做完收工 Ctrl+s 保存