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

2022-12-26 13:49:41 來源/作者: / 己有:44人學習過

教程介紹了如何使用PhotoShop制作一個逼真的方形不銹鋼按鈕的過程,主要使用的是圖層樣式和形狀,在配合路徑完成最終效果,教程步驟很多,練習需要點耐心,有興趣的朋友可以跟著學一下,做完記得交作業(yè)。

臨摹的成果:

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

下面,我們開始山寨之旅。 新建文檔,我用的大小是2000*1500像素,設置背景色為# 101010

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

新建一層,設置前景色為白色,使用圓角柔邊畫筆,設置大小為1500像素,在畫布中點一點,設置圖層的不透明度為60%。

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

下面,我們來做背景中那個圓形的圖案,我這里是用一個無縫圖案來完成的。新建一個40*40像素的文件,背景為透明,用橢圓工具畫一個20*20像素的正圓,并讓其水平居中,垂直居中。

以下截圖為方便觀看,是放大了1200%的截圖。

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

復制一層橢圓圖層,執(zhí)行“濾鏡—其他—位移”,設置水平和垂直位移均為我們文檔大小的一半。

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

現(xiàn)在我們的效果應該是這樣。

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