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

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

下面,我們開始圖標(biāo)部分的操作。 用圓角矩形工具,運(yùn)用減去模式,畫出如下的外框形狀來。

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

為這個外框添加一個圖層樣式。

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

接下來,還是用圓角矩形工具,畫出如下圖中的紅色的內(nèi)框。

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