圖標(biāo)設(shè)計(jì),模仿QQ旋風(fēng)圖標(biāo)實(shí)例

2022-12-26 10:28:31 來源/作者: / 己有:18人學(xué)習(xí)過

為這個(gè)矩形添加一個(gè)漸變疊加。

圖標(biāo)設(shè)計(jì),模仿QQ旋風(fēng)圖標(biāo)實(shí)例

將圖層不透明度更改為40%。

圖標(biāo)設(shè)計(jì),模仿QQ旋風(fēng)圖標(biāo)實(shí)例

現(xiàn)在我們得到如下效果。

圖標(biāo)設(shè)計(jì),模仿QQ旋風(fēng)圖標(biāo)實(shí)例

下面,我們開始畫那些刻度。我們首先來畫這個(gè)長的刻度,設(shè)置前景色為#12c8ff,畫一個(gè)矩形,CTRL+T,設(shè)置中心點(diǎn)為畫布的中心,旋轉(zhuǎn)30度,CTRL+ALT+SHIFT+T,得到如下效果。

圖標(biāo)設(shè)計(jì),模仿QQ旋風(fēng)圖標(biāo)實(shí)例

為這個(gè)刻度條添加一個(gè)投影。

圖標(biāo)設(shè)計(jì),模仿QQ旋風(fēng)圖標(biāo)實(shí)例

接下來,我們畫短的刻度,跟剛才是一樣的操作的,只是旋轉(zhuǎn)角度更改為7.5度,刪除掉跟長的刻度重疊的部分。

圖標(biāo)設(shè)計(jì),模仿QQ旋風(fēng)圖標(biāo)實(shí)例