UI圖標(biāo),設(shè)計(jì)一個(gè)藍(lán)色I(xiàn)CON按鈕圖標(biāo)教程

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

然后在上面畫(huà)一個(gè)圓剛好蓋住顏色#80b5e1添加混合選項(xiàng)“內(nèi)陰影” 并命名為平滑發(fā)光層

UI圖標(biāo),設(shè)計(jì)一個(gè)藍(lán)色I(xiàn)CON按鈕圖標(biāo)教程
<點(diǎn)圖片看大圖>

UI圖標(biāo),設(shè)計(jì)一個(gè)藍(lán)色I(xiàn)CON按鈕圖標(biāo)教程
<點(diǎn)圖片看大圖>

我們?cè)購(gòu)?fù)制平滑發(fā)光層清楚圖層樣式 添加混合選項(xiàng) “漸變疊加”“內(nèi)陰影” 并命名為大漸變層

UI圖標(biāo),設(shè)計(jì)一個(gè)藍(lán)色I(xiàn)CON按鈕圖標(biāo)教程
<點(diǎn)圖片看大圖>

UI圖標(biāo),設(shè)計(jì)一個(gè)藍(lán)色I(xiàn)CON按鈕圖標(biāo)教程
<點(diǎn)圖片看大圖>

復(fù)制一層大漸變層 清除圖層樣式添加混合選項(xiàng)“內(nèi)陰影”“漸變疊加” 再自由變化縮小一點(diǎn) 并命名為 小漸

變層

UI圖標(biāo),設(shè)計(jì)一個(gè)藍(lán)色I(xiàn)CON按鈕圖標(biāo)教程
<點(diǎn)圖片看大圖>

UI圖標(biāo),設(shè)計(jì)一個(gè)藍(lán)色I(xiàn)CON按鈕圖標(biāo)教程
<點(diǎn)圖片看大圖>

UI圖標(biāo),設(shè)計(jì)一個(gè)藍(lán)色I(xiàn)CON按鈕圖標(biāo)教程
<點(diǎn)圖片看大圖>

UI圖標(biāo),設(shè)計(jì)一個(gè)藍(lán)色I(xiàn)CON按鈕圖標(biāo)教程
<點(diǎn)圖片看大圖>

UI圖標(biāo),設(shè)計(jì)一個(gè)藍(lán)色I(xiàn)CON按鈕圖標(biāo)教程
<點(diǎn)圖片看大圖>