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

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

OK，完成了LOGO的添加，我們最后來(lái)添加左右兩側(cè)的那兩個(gè)線狀的東西。設(shè)置前景色為#1f1f1f，畫一個(gè)矩形。

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

為這個(gè)矩形添加一個(gè)圖層樣式。

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

復(fù)制一層矩形圖層，清除掉圖層模式，重新添加一個(gè)圖層樣式。

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

現(xiàn)在效果如下，右邊的線直接把左邊的復(fù)制過(guò)去就行了。

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

大功告成！

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

部分作業(yè)展示：

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