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

2023-12-21 17:41:56 來(lái)源/作者: / 己有:1人學(xué)習(xí)過(guò)

夾子的形狀制作完畢,接下來(lái)為其添加效果。為了使其更立體,需要添加‘斜面和浮雕“”內(nèi)陰影“”投影“然后添加一個(gè)顏色疊加變成紅色。(數(shù)值可以自己嘗試調(diào)節(jié)哦,每個(gè)效果都試試以后做其他的東西也會(huì)輕車(chē)熟路。)如下圖所示:

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

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

(此處可以適當(dāng)調(diào)整”撕掉頁(yè)“和”夾子“的位置。)

向上復(fù)制”紅色夾子“圖層,添加一個(gè)”漸變疊加“效果,并將透明度調(diào)小,給”紅色夾子“增加一些變化。如下圖所示:

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

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

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

(2)月份:首先輸入”September“然后為其添加圖層樣式。

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

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

(注意,因?yàn)槲淖质窍蛳掳枷莸乃?ldquo;方向”是“下”。)

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

效果如下:

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