UI教程,螺旋桨式风扇主题UI图标教程(4)插图

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

下面是我这次做的效果图,这是我第一次做教程,主要是之前在逛instntshift的时候看到的一张图,但是苦于没有教程,就尝试着把它临摹下来,做完以后,觉得还不错,所以就尝试做出个教程,和大家分享一下。如果有什么

UI教程,螺旋桨式风扇主题UI图标教程(2)插图

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

效果: 最大的圆形扇框做好以后,我们再用椭圆工具画一个455*455的圆形,图层命名为圆形扇框2,颜色依然填充#e2e1e0。并给它依次添加描边、渐变叠加、投影三个图层样式。 效果: 最后,我们来做机身部分最麻烦的扇

广告位
UI教程,螺旋桨式风扇主题UI图标教程(3)插图

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

现在我们根据光线,给扇叶大致推导出扇叶的一个光影效果,用钢笔工具钩出阴影。 扇叶阴影2主要分为上面四个部分。我们图层命名为扇叶阴影1~4,颜色任意填充。 效果: 把所有扇叶部分的图层组成一个群组,并在该群组

风扇图标,设计拟物风扇主题UI图标教程(5)插图

风扇图标,设计拟物风扇主题UI图标教程(5)

本篇教程主要分享一款风扇主题的UI图标设计方法,教程比较详细,想学习风扇图标设计的同学赶紧学习分享吧。 先看看效果图: 练习重点: 这次练习主要练习光影、颜色对形体、空间的塑造,对这块运用不

风扇图标,设计拟物风扇主题UI图标教程(2)插图

风扇图标,设计拟物风扇主题UI图标教程(2)

步骤四: 制作电扇【 圆形扇框2 】: 温馨提示:用 椭圆工具 (U),该图层命名为【圆形扇框2】,颜色填充#e2e1e0,注意对齐中心。 宽度:112 px高度:112 px 赋予【圆形扇框2】光感,制造体积感: 温馨提示:用图层

风扇图标,设计拟物风扇主题UI图标教程(4)插图

风扇图标,设计拟物风扇主题UI图标教程(4)

步骤八: 加深扇框内部投影: 温馨提示:把机身部分的那个大的【圆形扇框】复制两层,图层填充改为0%,放到最顶层, 用来给扇框的内部加两层投影,丰富投影变化,增加空间感。 图层样式:内阴影 模式:正片叠底 颜

风扇图标,设计拟物风扇主题UI图标教程(3)插图

风扇图标,设计拟物风扇主题UI图标教程(3)

步骤六: 整理图层面板: 温馨提示:做到这里,【机身组】的内容已经完成了。你们可以通过上图的图层面板,命名、 整理、 分类你的图层,这是一个很重要的好习惯,它能让你更有效率的进行工作。 步骤七: 制作电扇

风扇图标,设计拟物风扇主题UI图标教程插图

风扇图标,设计拟物风扇主题UI图标教程

本篇教程主要分享一款风扇主题的UI图标设计方法,教程比较详细,想学习风扇图标设计的同学赶紧学习分享吧。

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

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

这是之前在逛instntshift的时候看到的一张图,但是苦于没有教程,就尝试着把它临摹下来,做完以后,觉得还不错,所以就尝试做出个教程,和大家分享一下。

风扇图标,风扇主题UI图标教程插图

风扇图标,风扇主题UI图标教程

这是一篇写实的风扇UI图标,之前也发过同学的图标教程,有兴趣的可以参考一起学习。 PSD参考文件: http://pan.baidu.com/s/1bo6lWeV 密码:dy3g

正在加载中...

已加载全部内容

已经没有更多文章了

联系我们

联系我们

0898-88881688

在线咨询: QQ交谈

邮箱: email@wangzhan.com

工作时间:周一至周五,9:00-17:30,节假日休息

关注微信
微信扫一扫关注我们

微信扫一扫关注我们

关注微博
返回顶部