圖標(biāo)設(shè)計(jì),做計(jì)時(shí)器圖標(biāo)教程

2022-12-26 11:07:28 來(lái)源/作者: / 己有:24人學(xué)習(xí)過(guò)

下面,我們開(kāi)始制作圖標(biāo)的整體,用圓角矩形工具,畫(huà)一個(gè)圓角矩形。

圖標(biāo)設(shè)計(jì),做計(jì)時(shí)器圖標(biāo)教程

為這個(gè)框添加一個(gè)漸變疊加。

圖標(biāo)設(shè)計(jì),做計(jì)時(shí)器圖標(biāo)教程

添加一個(gè)外描邊。

圖標(biāo)設(shè)計(jì),做計(jì)時(shí)器圖標(biāo)教程

添加一個(gè)內(nèi)陰影。

圖標(biāo)設(shè)計(jì),做計(jì)時(shí)器圖標(biāo)教程

現(xiàn)在,我們得到如下效果:

圖標(biāo)設(shè)計(jì),做計(jì)時(shí)器圖標(biāo)教程

選擇框圖層,復(fù)制一層在下層,調(diào)整圓角矩形大小,寬度縮小4像素,高度不變,向下移動(dòng)4像素。

圖標(biāo)設(shè)計(jì),做計(jì)時(shí)器圖標(biāo)教程

選擇框拷貝圖層,再次復(fù)制一層在下層,同樣的寬度還是縮小4像素,高度不變,向下移動(dòng)4像素。

圖標(biāo)設(shè)計(jì),做計(jì)時(shí)器圖標(biāo)教程