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

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

下面，我們將自定圖案預(yù)設(shè)。點(diǎn)擊“編輯—自定圖案”

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

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

OK，現(xiàn)在回到我們那個(gè)圖標(biāo)的文檔，在剛才那個(gè)白色畫筆圖層的頂層新建一層，執(zhí)行“編輯—填充”，選擇我們剛才自定義的圖案。

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

為這個(gè)圖案圖層設(shè)置一個(gè)圖層樣式。

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

設(shè)置完圖層樣式，我們完成了背景的創(chuàng)建，效果如下：

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