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

2023-11-23 17:33:39 來(lái)源/作者: / 己有:11人學(xué)習(xí)過(guò)

5、底座的制作:

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

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

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

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

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

接下來(lái)找一張你喜歡的”皮子“比如這樣的:

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

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

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

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

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

或者這樣的:

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

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