UI教程,螺旋槳式風扇主題UI圖標教程

2022-12-26 11:14:08 來源/作者: / 己有:15人學習過

效果:

UI教程,螺旋槳式風扇主題UI圖標教程

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

UI教程,螺旋槳式風扇主題UI圖標教程

UI教程,螺旋槳式風扇主題UI圖標教程

UI教程,螺旋槳式風扇主題UI圖標教程

UI教程,螺旋槳式風扇主題UI圖標教程

效果:

UI教程,螺旋槳式風扇主題UI圖標教程

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

UI教程,螺旋槳式風扇主題UI圖標教程

添加上去后的效果:

UI教程,螺旋槳式風扇主題UI圖標教程

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

UI教程,螺旋槳式風扇主題UI圖標教程

UI教程,螺旋槳式風扇主題UI圖標教程

效果:

UI教程,螺旋槳式風扇主題UI圖標教程

這樣風扇機身部分就已經完成啦,接下來,我們做風扇的扇葉部分。

UI教程,螺旋槳式風扇主題UI圖標教程

效果:

UI教程,螺旋槳式風扇主題UI圖標教程

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

UI教程,螺旋槳式風扇主題UI圖標教程

UI教程,螺旋槳式風扇主題UI圖標教程

UI教程,螺旋槳式風扇主題UI圖標教程

效果如下: