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

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

最后是外發(fā)光。

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

再畫(huà)一個(gè)圓形,在屬性里羽化兩個(gè)像素,讓邊緣虛一點(diǎn),同時(shí)把填充透明度調(diào)為0。

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

添加一個(gè)大家喜聞樂(lè)見(jiàn)的模擬金屬的角度漸變,相比以前這個(gè)漸變有點(diǎn)復(fù)雜。

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

還有模擬旋鈕高度的斜面浮雕,其實(shí)你用投影效果也差不多。

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

接著是比較繁瑣的刻度的制作,畫(huà)一個(gè)稍小于外圓的圓形,復(fù)制一個(gè)路徑后減去,一個(gè)圓環(huán)出來(lái)了,為了能更好的目測(cè)它的大小,我暫時(shí)減低它的透明度。

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

用鋼筆裁去不需要的部分,為了使兩邊能更對(duì)稱(chēng),我添加了一個(gè)參考線(xiàn)。

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