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

2023-11-08 17:27:47 來(lái)源/作者: / 己有:1人學(xué)習(xí)過

一篇日歷UI圖標(biāo)設(shè)計(jì)教程,教程不算太難,重點(diǎn)是圖層樣式的運(yùn)用,過程也算詳細(xì),新手趕緊get!有跟著一起做出來(lái)的同學(xué)記得交作業(yè)。

最終效果圖:

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

首先,新建一個(gè)文檔,我的是1024*1024。

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

在背景層上拉一個(gè)徑向漸變,顏色如圖所示~~

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

新建一層,D鍵把前景背景改為默認(rèn),填充白色,選擇濾鏡-雜色-添加雜色,平均分布,數(shù)量50%,勾選淡色,如圖所示

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

確定后把混合模式改為柔光,透明度30%

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

新建一個(gè)圓角矩形,如圖所示,調(diào)整好圓角,填充顏色隨便。Ctrl+a 選擇水平居中,垂直居z中,Ctrl+d取消選擇

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