UI教程,設(shè)計日歷主題圖標

2023-11-23 17:41:01 來源/作者: / 己有:2人學(xué)習(xí)過

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

最終效果圖:

UI教程,設(shè)計日歷主題圖標

首先,新建一個文檔,我的是1024*1024。

UI教程,設(shè)計日歷主題圖標

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

UI教程,設(shè)計日歷主題圖標

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

UI教程,設(shè)計日歷主題圖標

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

UI教程,設(shè)計日歷主題圖標

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

UI教程,設(shè)計日歷主題圖標