當(dāng)前位置:首頁(yè)>ps實(shí)例教程>ps繪畫(huà)教程>鼠繪教程>教程內(nèi)容

ps鼠繪開(kāi)關(guān)按鈕教程(3)

來(lái)源:未知 作者:貓視覺(jué) 學(xué)習(xí):3837人次

現(xiàn)在大概樣子快出來(lái)了,接下來(lái)用圓形工具畫(huà)一個(gè)半徑為12px的圓圈,添加一個(gè)漸變描邊樣式

Photoshop設(shè)計(jì)白色立體效果的開(kāi)關(guān)按鈕

接下來(lái)再用矩形工具畫(huà)一個(gè)寬2px高9px的矩形,用來(lái)當(dāng)做指示燈,給此圖層添加一個(gè)漸變樣式,并增加陰影,如下圖:

Photoshop設(shè)計(jì)白色立體效果的開(kāi)關(guān)按鈕

Photoshop設(shè)計(jì)白色立體效果的開(kāi)關(guān)按鈕

當(dāng)前效果:

Photoshop設(shè)計(jì)白色立體效果的開(kāi)關(guān)按鈕

 

做到這步差不多完成了,接下來(lái)我們處理一個(gè)光影效果,這里假設(shè)光是從上面打下來(lái)的,所以我們適當(dāng)加一些陰影,突出效果,你可以按照你自己的理解來(lái)添加豐富完善,只要保證最后效果超越此教程

Photoshop設(shè)計(jì)白色立體效果的開(kāi)關(guān)按鈕

完成后是這樣子:

Photoshop設(shè)計(jì)白色立體效果的開(kāi)關(guān)按鈕

本教程只示范一個(gè)關(guān)閉狀態(tài)的開(kāi)關(guān),另外一個(gè)開(kāi)啟的狀態(tài),大家可以按照這樣的步驟自己發(fā)揮一下

最終完成效果:

Photoshop設(shè)計(jì)白色立體效果的開(kāi)關(guān)按鈕

 

學(xué)習(xí) · 提示

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

關(guān)注大神微博加入>>

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