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è)白色畫(huà)筆圖層的頂層新建一層,執(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)