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

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

步驟七:

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

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

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

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

步驟八:

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

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

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

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

步驟九:

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

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

步驟十:

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

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

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

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