UI教程,設(shè)計一個日歷主題的UI圖標(biāo)

2024-01-15 17:30:14 來源/作者: / 己有:1人學(xué)習(xí)過

(3)金屬環(huán)的制作:

新建一個圓角矩形。(很圓很圓。)就像下面這樣。

UI教程,設(shè)計一個日歷主題的UI圖標(biāo)

然后為了模擬金屬效果,我們?yōu)樗砑?ldquo;圖層樣式”。(這個地方最煩了,嘗試了很多次,你在制作的時候也要多去嘗試,并沒有統(tǒng)一的做法,也沒有統(tǒng)一的數(shù)值。多多動手才是最好的,另,我做的可能并不科學(xué)!)

UI教程,設(shè)計一個日歷主題的UI圖標(biāo)

UI教程,設(shè)計一個日歷主題的UI圖標(biāo)

UI教程,設(shè)計一個日歷主題的UI圖標(biāo)

UI教程,設(shè)計一個日歷主題的UI圖標(biāo)

得到的效果是這樣的:

UI教程,設(shè)計一個日歷主題的UI圖標(biāo)

制作反光:使用鋼筆工具描出反光的形狀,然后使用“濾鏡”——“模糊”——“高斯模糊”使反光真實一些。就像這樣:

UI教程,設(shè)計一個日歷主題的UI圖標(biāo)

高光制作:使用“橢圓工具,畫一個橢圓,然后”高斯模糊“,為其添加一個比較模糊比較大的光;再次用”橢圓“工具畫一個小一點的橢圓,”高斯模糊“(數(shù)值小一點.)為其添加高光。就像這樣:

UI教程,設(shè)計一個日歷主題的UI圖標(biāo)

連接日歷的洞(我也不知道咋形容)制作:

畫一個圓,直徑稍稍大于金屬環(huán)的寬,為其添加顏色。是這樣的。

UI教程,設(shè)計一個日歷主題的UI圖標(biāo)

UI教程,設(shè)計一個日歷主題的UI圖標(biāo)

這樣,一個金屬環(huán)就做完了,給他們打個包,命名”金屬環(huán)“然后復(fù)制一下,放到另一面。然后給兩個金屬環(huán)添加一個”投影“效果是這樣的。請看:

UI教程,設(shè)計一個日歷主題的UI圖標(biāo)

到這,第二部分制作完成。