開關按鈕,設計一個滑動的控件開關圖標

2022-12-26 11:05:09 來源/作者: / 己有:13人學習過

設計一個滑動開關按鈕,主要利用AI和PS制作,AI負責設計外形,PS負責按鈕的質感,有興趣的可以一起跟著教程練習一下。

先看看效果圖

開關按鈕,設計一個滑動的控件開關圖標

在AI建1200px*800px畫板

開關按鈕,設計一個滑動的控件開關圖標

繪制一個400px*70px矩形

開關按鈕,設計一個滑動的控件開關圖標

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

開關按鈕,設計一個滑動的控件開關圖標

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

開關按鈕,設計一個滑動的控件開關圖標

最后繪制出這樣的圖形

開關按鈕,設計一個滑動的控件開關圖標

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

開關按鈕,設計一個滑動的控件開關圖標
<點圖片看大圖>