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

2022-12-26 11:09:37 來源/作者: / 己有:28人學(xué)習(xí)過

步驟七:

現(xiàn)在我們來繪制右側(cè)裝飾,制一個14px*56px圓角半徑為3px的矩形顏色為#101010,并為它添加圖層樣式。

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

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

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

步驟八:

選擇橢圓工具,繪制一個寬高8px*4px的橢圓,并添加高斯模糊命令,復(fù)制出另外三個并移動到合適位置。

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

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

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

步驟九:

將右側(cè)裝飾打組,復(fù)制裝飾組移動到左側(cè)位置。

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

步驟十:

現(xiàn)在我們來繪制文字部分,字體方正蘭亭黑簡體 R.大小200點,顏色為#92181a,復(fù)制文字,將兩個文字右鍵柵格化文字,刪除不需要的位置。

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

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

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