UI教程,螺旋槳式風(fēng)扇主題UI圖標(biāo)教程

2022-12-26 11:14:08 來源/作者: / 己有:15人學(xué)習(xí)過

效果:

UI教程,螺旋槳式風(fēng)扇主題UI圖標(biāo)教程

最大的圓形扇框做好以后,我們再用橢圓工具畫一個455*455的圓形,圖層命名為圓形扇框2,顏色依然填充#e2e1e0。并給它依次添加描邊、漸變疊加、投影三個圖層樣式。

UI教程,螺旋槳式風(fēng)扇主題UI圖標(biāo)教程

UI教程,螺旋槳式風(fēng)扇主題UI圖標(biāo)教程

UI教程,螺旋槳式風(fēng)扇主題UI圖標(biāo)教程

UI教程,螺旋槳式風(fēng)扇主題UI圖標(biāo)教程

效果:

UI教程,螺旋槳式風(fēng)扇主題UI圖標(biāo)教程

最后,我們來做機身部分最麻煩的扇格部分,好吧,你們就假裝這個東西叫扇格。。。。畫三個圓,然后刪除就可以了。

UI教程,螺旋槳式風(fēng)扇主題UI圖標(biāo)教程

添加上去后的效果:

UI教程,螺旋槳式風(fēng)扇主題UI圖標(biāo)教程

畫好以后顏色填充#e2e1e0,并依次漸變疊加、投影。

UI教程,螺旋槳式風(fēng)扇主題UI圖標(biāo)教程

UI教程,螺旋槳式風(fēng)扇主題UI圖標(biāo)教程

效果:

UI教程,螺旋槳式風(fēng)扇主題UI圖標(biāo)教程

這樣風(fēng)扇機身部分就已經(jīng)完成啦,接下來,我們做風(fēng)扇的扇葉部分。

UI教程,螺旋槳式風(fēng)扇主題UI圖標(biāo)教程

效果:

UI教程,螺旋槳式風(fēng)扇主題UI圖標(biāo)教程

扇葉的基本型做好以后,依次添加內(nèi)陰影、漸變疊加、投影三個樣式,并根據(jù)光線,給扇葉添加一個光影效果。

UI教程,螺旋槳式風(fēng)扇主題UI圖標(biāo)教程

UI教程,螺旋槳式風(fēng)扇主題UI圖標(biāo)教程

UI教程,螺旋槳式風(fēng)扇主題UI圖標(biāo)教程

效果如下: