UI教程,設計日歷主題圖標

2023-12-23 17:44:58 來源/作者: / 己有:0人學習過

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

最終效果圖:

UI教程,設計日歷主題圖標

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

UI教程,設計日歷主題圖標

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

UI教程,設計日歷主題圖標

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

UI教程,設計日歷主題圖標

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

UI教程,設計日歷主題圖標

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

UI教程,設計日歷主題圖標