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

2023-12-29 17:35:27 來源/作者: / 己有:1人學(xué)習(xí)過

5、底座的制作:

(1)新建一個大的圓角矩形(圓角大小自己調(dià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)

如果你是一個十分野性的人,也可以這樣:

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

或者這樣的:

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

(這里的”混合模式“很有意思,可以自己試試,有許許多多不一樣的效果。)