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

2023-12-11 17:39:27 來源/作者: / 己有:0人學習過

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

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

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

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

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

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

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

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

得到的效果是這樣的:

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

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

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

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

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

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

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

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

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

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

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

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