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

2022-12-26 11:09:37 來源/作者: / 己有:28人學習過

本篇UI教程跟大家分享如何設(shè)計翻頁日歷圖標,整體風格由灰白紅組成,顏色十分大氣,想學UI設(shè)計的同學快來學習一下吧。

我們來看看效果圖:

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

老規(guī)矩,先來分析一下。這里我們主要分為二個部分:底座、日歷,其它問題都不大,主要是日歷部分、需要用到多個圖層來表現(xiàn)圖標的立體感,騷年分析完已經(jīng)成功一半了,離成功還會遠么,噢耶?。。?/p>

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

步驟一:

首先新建畫布900px*900px畫布,命名為日歷圖標,為背景添加圖層樣式。

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

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

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

步驟二:

使用圓角矩形工具、繪制一個530px*530px圓角半徑為90px底座,并為它添加圖層樣式。

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

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

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

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

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

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