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

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

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

最終效果圖：

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

新建畫布。

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

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

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

拉個(gè)圓角矩形。

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

雙擊圖層添加圖層樣式，先來投影。

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

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

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

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

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

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

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

1/7  1 2 3 4 5 6 下一頁 尾頁