當前位置:首頁>ps實例教程>ps網(wǎng)頁設計>按鈕圖標>教程內(nèi)容

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

來源:UI中國 作者:yao66298 學習:6959人次

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

先看看效果圖

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

在AI建1200px*800px畫板

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

繪制一個400px*70px矩形

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

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

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

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

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

最后繪制出這樣的圖形

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

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

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

學習 · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學就能學:ps_bbs,或掃右側二維碼!
  • 關注我們學更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
暫無評論,交個作業(yè)支持一下吧~

關注大神微博加入>>

網(wǎng)友求助,請回答!