UI教程，設(shè)計(jì)金屬質(zhì)感的UI圖標(biāo)教程

步驟八：

現(xiàn)在繼續(xù)繪制一個(gè)頂部漸變，選擇圓角矩形工具繪制一個(gè)390px圓角半徑為90px的形狀，繪制完成后復(fù)制，命名為頂部漸變。

步驟九：

將頂部漸變復(fù)制向下移動(dòng)15px,并合并兩個(gè)形狀，選擇路徑選擇工具，選中內(nèi)框減去頂層形狀，將底座漸變疊加圖層樣式復(fù)制，移動(dòng)色標(biāo)位置即可，并添加投影圖層樣式。

步驟十：

現(xiàn)在我們來繪制最后一個(gè)圖標(biāo)吧，用自定義形狀工具繪制一個(gè)172px的形狀，并旋轉(zhuǎn)45度，最后添加圖層樣式就完成這個(gè)案例了哦。

教程到此就結(jié)束了，大家可以用這個(gè)方法制作其它金屬紋理的圖案，有興趣的同學(xué)可以動(dòng)手嘗試一下，歡迎投稿分享你的經(jīng)驗(yàn)。