优艾设计网

UI教程,螺旋桨式风扇主题UI图标教程

优艾设计网 https://www.uibq.com 2020-09-14 00:00 出处:网络 作者:楊洋
下面是我这次做的效果图,这是我第一次做教程,主要是之前在逛instntshift的时候看到的一张图,但是苦于没有教程,就尝试着把它临摹下来,做完以后,觉得还不错,所以就尝试做出个教程,和大家分享一下。如果有什么

效果:

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

效果如下:

提示:键盘也能翻页,试试"← →"键
0

精彩评论

暂无评论...
验证码 换一张
取 消