UI教程，ps設(shè)計(jì)購(gòu)物代主題圖標(biāo)

2022-12-26 13:51:19 來(lái)源/作者： / 己有：25人學(xué)習(xí)過(guò)

這是一個(gè)購(gòu)物代主題的圖標(biāo)設(shè)計(jì)教程，教程比較詳細(xì)，適合新手學(xué)習(xí)，有興趣的UI設(shè)計(jì)師就來(lái)練練手吧。

最終效果圖：

UI教程，ps設(shè)計(jì)購(gòu)物代主題圖標(biāo)

新建畫布。

UI教程，ps設(shè)計(jì)購(gòu)物代主題圖標(biāo)

給畫布拉個(gè)漸變。

UI教程，ps設(shè)計(jì)購(gòu)物代主題圖標(biāo)

拉個(gè)圓角矩形。

UI教程，ps設(shè)計(jì)購(gòu)物代主題圖標(biāo)

雙擊圖層添加圖層樣式，先來(lái)投影。

UI教程，ps設(shè)計(jì)購(gòu)物代主題圖標(biāo)

接著內(nèi)陰影，內(nèi)發(fā)光和漸變疊加。

UI教程，ps設(shè)計(jì)購(gòu)物代主題圖標(biāo)
UI教程，ps設(shè)計(jì)購(gòu)物代主題圖標(biāo)
UI教程，ps設(shè)計(jì)購(gòu)物代主題圖標(biāo)

最后來(lái)個(gè)圖案疊加，任選一個(gè)用來(lái)做紋理。

UI教程，ps設(shè)計(jì)購(gòu)物代主題圖標(biāo)

加完樣式后成為這個(gè)樣子。

UI教程，ps設(shè)計(jì)購(gòu)物代主題圖標(biāo)