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

按鈕教程,設(shè)計一個分貝檢測儀按鈕圖標(biāo)教程

來源:pdadians 作者:P大點S 學(xué)習(xí):9189人次

今天的教程是教大家設(shè)計一個分貝檢測儀按鈕圖標(biāo),圖標(biāo)的質(zhì)感主要還是運用圖層樣式來制作,教程里還多次運用到布爾運算,知識點比較多,推薦大家學(xué)習(xí)一下。
先看看效果:
按鈕教程,設(shè)計一個分貝檢測儀按鈕圖標(biāo)教程_theoat.com.cn

我們從背景的創(chuàng)建開始,我用的尺寸是1000*800像素。創(chuàng)建一個“漸變填充”調(diào)整層,設(shè)置如下:

按鈕教程,設(shè)計一個分貝檢測儀按鈕圖標(biāo)教程_theoat.com.cn

畫一個600*600像素的圓,設(shè)置填充為0,并添加一個斜面和浮雕。

按鈕教程,設(shè)計一個分貝檢測儀按鈕圖標(biāo)教程_theoat.com.cn

按鈕教程,設(shè)計一個分貝檢測儀按鈕圖標(biāo)教程_theoat.com.cn

按鈕教程,設(shè)計一個分貝檢測儀按鈕圖標(biāo)教程_theoat.com.cn

設(shè)置前景色為#312f35,利用布爾運算,畫出下圖中的這個圓環(huán)。這個不多贅述,不懂的可以百度下。

按鈕教程,設(shè)計一個分貝檢測儀按鈕圖標(biāo)教程_theoat.com.cn

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

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

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

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