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

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

步驟三:

高逼格的底座一下就出來了,有木有!?。〗酉聛砝^續(xù)使用圓角矩形工具、繪制一個(gè)398px*398px圓角半徑為40px日歷,并為它添加圖層樣式。

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

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

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

步驟四:

復(fù)制日歷圖層,將復(fù)制的圖層移動(dòng)到合適的位置。

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

步驟五:

再次復(fù)制日歷圖層,利用形狀圖層布爾運(yùn)算,減去頂部,命名為變形圖層,并合并形狀組件。

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

步驟六:

我們復(fù)制變形圖層吧, ctrl+t調(diào)整中心點(diǎn)垂直翻轉(zhuǎn)一下,調(diào)節(jié)高度,右鍵透視調(diào)節(jié)合適形狀,合并兩個(gè)形狀清除之前的圖層樣式,并從新添加圖層樣式吧。

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

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

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

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

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

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

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