這里我們主要分為二個(gè)部分:底座、日歷,其它問題都不大,主要是日歷部分、需要用到多個(gè)圖層來表現(xiàn)圖標(biāo)的立體感,圖層樣式在圖標(biāo)設(shè)計(jì)中非常的實(shí)用,感興趣的朋友一起來學(xué)習(xí)吧。
最終效果:

下面一起來學(xué)習(xí)吧:

步驟一:首先新建畫布900px*900px畫布,命名為日歷圖標(biāo),為背景添加圖層樣式。



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






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



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

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

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







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



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



?
步驟九:將右側(cè)裝飾打組,復(fù)制裝飾組移動(dòng)到左側(cè)位置。

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



步驟十一:將文字下圖層,ctrl右鍵執(zhí)行透視效果,并添加圖層樣式。




?
步驟十二:現(xiàn)在我們來繪制最后一個(gè)橫線吧,用直線工具、繪制一個(gè)寬度360px粗細(xì)3px的直線,為它添加圖層樣式,并添加高斯模糊效果就完成這個(gè)案例了哦。




下面就是最終效果圖:

