按鈕教程,設(shè)計(jì)一個(gè)圓形的點(diǎn)擊按鈕

2022-12-26 11:04:55 來源/作者: / 己有:23人學(xué)習(xí)過

本篇按鈕教程跟大家分享如何設(shè)計(jì)一枚由條紋組成的圓形按鈕,制作方法不難,用到幾個(gè)圖層樣式來制作質(zhì)感,喜歡設(shè)計(jì)的同學(xué)來學(xué)習(xí)一下吧。最終效果:

按鈕教程,設(shè)計(jì)一個(gè)圓形的點(diǎn)擊按鈕

新建文檔1200X1000像素,填充顏色#3d3d42,再添加雜色》添加雜色。

按鈕教程,設(shè)計(jì)一個(gè)圓形的點(diǎn)擊按鈕

添加雜色

按鈕教程,設(shè)計(jì)一個(gè)圓形的點(diǎn)擊按鈕

給這個(gè)調(diào)整層添加內(nèi)陰影。

模式:正片疊加

顏色:#000000

不透明度:75%

角度:90°

距離:5

大?。?50

按鈕教程,設(shè)計(jì)一個(gè)圓形的點(diǎn)擊按鈕

按鈕教程,設(shè)計(jì)一個(gè)圓形的點(diǎn)擊按鈕

選擇橢圓工具,按住shift建畫一個(gè)黑色的正圓,圓的大小是600X600像素,將填充修改為25%,并添加圖層樣式。

內(nèi)陰影

模式:正片疊底

顏色:#000000

不透明度:76%

角度:90°

距離:5

大?。?2

按鈕教程,設(shè)計(jì)一個(gè)圓形的點(diǎn)擊按鈕

投影

模式:線性減淡(添加)

顏色:#ffffff

不透明度:10%

角度:12°

距離:2

大?。?

按鈕教程,設(shè)計(jì)一個(gè)圓形的點(diǎn)擊按鈕

利用布爾運(yùn)算中的減去,你很容易的畫出下面這個(gè)黑色的圓環(huán)。

按鈕教程,設(shè)計(jì)一個(gè)圓形的點(diǎn)擊按鈕