圖標(biāo)設(shè)計(jì),快速設(shè)計(jì)精致旋鈕圖標(biāo)教程

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

外發(fā)光。我添加一些雜色,這樣外發(fā)光能很柔和的融入到同樣帶有雜色的背景里,不會(huì)太突然。

圖標(biāo)設(shè)計(jì),快速設(shè)計(jì)精致旋鈕圖標(biāo)教程

最后給這個(gè)層添加白色的“投影”,數(shù)值非常的小,模擬這個(gè)凹陷的圓形邊緣厚度。

圖標(biāo)設(shè)計(jì),快速設(shè)計(jì)精致旋鈕圖標(biāo)教程

重新畫(huà)一個(gè)直徑為468像素的圓形。

圖標(biāo)設(shè)計(jì),快速設(shè)計(jì)精致旋鈕圖標(biāo)教程

從“橢圓1”層里選中小的圓形路徑,直接CTRL+C復(fù)制小圓形。

圖標(biāo)設(shè)計(jì),快速設(shè)計(jì)精致旋鈕圖標(biāo)教程

粘貼到“橢圓2”,把路徑操作模式改為“減去”。

有同學(xué)反映復(fù)制過(guò)去后交叉部分是黑色的,這是因?yàn)樵诓襟E上出了一點(diǎn)問(wèn)題,粘貼小圓形之前先要激活路徑,就是按A點(diǎn)擊大圓形。

圖標(biāo)設(shè)計(jì),快速設(shè)計(jì)精致旋鈕圖標(biāo)教程

同樣把填充透明度調(diào)為0,在圖層樣式里添加黑白漸變。為了這個(gè)漸變能更好的模仿原圖,你可以左鍵移動(dòng)漸變的黑白分布。

圖標(biāo)設(shè)計(jì),快速設(shè)計(jì)精致旋鈕圖標(biāo)教程