UI教程,設計一個日歷主題的UI圖標

2023-11-05 17:43:59 來源/作者: / 己有:4人學習過

5、底座的制作:

(1)新建一個大的圓角矩形(圓角大小自己調(diào)整一下)放在最下面。就像這樣:

UI教程,設計一個日歷主題的UI圖標

然后為其添加圖層樣式,讓它立體一點(和制作夾子的時候差不多)。如下圖所示:

UI教程,設計一個日歷主題的UI圖標

UI教程,設計一個日歷主題的UI圖標

接下來找一張你喜歡的”皮子“比如這樣的:

UI教程,設計一個日歷主題的UI圖標

把它放在底座上面,然后作為”剪切蒙版“,就像這樣:

UI教程,設計一個日歷主題的UI圖標

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

UI教程,設計一個日歷主題的UI圖標

或者這樣的:

UI教程,設計一個日歷主題的UI圖標

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