UI教程，設(shè)計(jì)不銹鋼質(zhì)感的ICON圖標(biāo)

2022-12-26 13:49:41 來(lái)源/作者： / 己有：44人學(xué)習(xí)過

復(fù)制一層內(nèi)框圖層，置于頂層，設(shè)置填充為0，添加一個(gè)圖層樣式，來(lái)模擬內(nèi)部的陰影效果。

UI教程，設(shè)計(jì)不銹鋼質(zhì)感的ICON圖標(biāo)
UI教程，設(shè)計(jì)不銹鋼質(zhì)感的ICON圖標(biāo)

用圓角矩形工具畫出頂層的這個(gè)框來(lái)。

UI教程，設(shè)計(jì)不銹鋼質(zhì)感的ICON圖標(biāo)

為其添加一個(gè)圖層樣式。

UI教程，設(shè)計(jì)不銹鋼質(zhì)感的ICON圖標(biāo)
UI教程，設(shè)計(jì)不銹鋼質(zhì)感的ICON圖標(biāo)

下面，我們?yōu)榻饘倏蛱砑右粋€(gè)拉絲效果。新建一層，填充#272727，執(zhí)行“濾鏡—雜色—添加雜色”，設(shè)置數(shù)量為20，高斯分布，勾選單色。

UI教程，設(shè)計(jì)不銹鋼質(zhì)感的ICON圖標(biāo)