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

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

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

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

為這個矩形添加一個圖層樣式。

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

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

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

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

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

大功告成！

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

部分作業(yè)展示：

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