按鈕教程，設(shè)計(jì)一個(gè)分貝檢測(cè)儀按鈕圖標(biāo)教程

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

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

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

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

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

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

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

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

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

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

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

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

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

網(wǎng)友求助，請(qǐng)回答！