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图标教程

效果如下: