開(kāi)關(guān)按鈕，設(shè)計(jì)一個(gè)滑動(dòng)的控件開(kāi)關(guān)圖標(biāo)

設(shè)計(jì)一個(gè)滑動(dòng)開(kāi)關(guān)按鈕，主要利用AI和PS制作，AI負(fù)責(zé)設(shè)計(jì)外形，PS負(fù)責(zé)按鈕的質(zhì)感，有興趣的可以一起跟著教程練習(xí)一下。

先看看效果圖

在AI建1200px*800px畫(huà)板

繪制一個(gè)400px*70px矩形

邊角設(shè)置35px ,好像只有cc版本可以直接設(shè)置圓角

偏移一個(gè)矩形出來(lái)，在向里偏移3px的矩形(向里設(shè)置負(fù)數(shù))

最后繪制出這樣的圖形

然后釋放圖層導(dǎo)出psd格式(不釋放會(huì)都在一個(gè)圖層)

<點(diǎn)圖片看大圖>www.theoat.com.cn