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

2023-11-20 17:30:58 來源/作者: / 己有:5人學(xué)習(xí)過

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

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

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

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

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

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

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

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

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

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

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

(注意,因為文字是向下凹陷的所以“方向”是“下”。)

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

效果如下:

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