開關(guān)按鈕，設(shè)計一個滑動的控件開關(guān)圖標(biāo)

2022-12-26 11:05:09 來源/作者： / 己有：13人學(xué)習(xí)過

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

先看看效果圖

開關(guān)按鈕，設(shè)計一個滑動的控件開關(guān)圖標(biāo)

在AI建1200px*800px畫板

開關(guān)按鈕，設(shè)計一個滑動的控件開關(guān)圖標(biāo)

繪制一個400px*70px矩形

開關(guān)按鈕，設(shè)計一個滑動的控件開關(guān)圖標(biāo)

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

開關(guān)按鈕，設(shè)計一個滑動的控件開關(guān)圖標(biāo)

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

開關(guān)按鈕，設(shè)計一個滑動的控件開關(guān)圖標(biāo)

最后繪制出這樣的圖形

開關(guān)按鈕，設(shè)計一個滑動的控件開關(guān)圖標(biāo)

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

開關(guān)按鈕，設(shè)計一個滑動的控件開關(guān)圖標(biāo)
<點圖片看大圖>

1/3  1 2 3 下一頁 尾頁