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

来源:站酷 作者:楊洋 学习:10494人次

效果:

UI教程,螺旋桨式风扇主题UI图标教程_www.16xx8.com

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

UI教程,螺旋桨式风扇主题UI图标教程_www.16xx8.com

UI教程,螺旋桨式风扇主题UI图标教程_www.16xx8.com

UI教程,螺旋桨式风扇主题UI图标教程_www.16xx8.com

UI教程,螺旋桨式风扇主题UI图标教程_www.16xx8.com

效果:

UI教程,螺旋桨式风扇主题UI图标教程_www.16xx8.com

最后,我们来做机身部分最麻烦的扇格部分,好吧,你们就假装这个东西叫扇格。。。。画三个圆,然后删除就可以了。

UI教程,螺旋桨式风扇主题UI图标教程_www.16xx8.com

添加上去后的效果:

UI教程,螺旋桨式风扇主题UI图标教程_www.16xx8.com

画好以后颜色填充#e2e1e0,并依次渐变叠加、投影。

UI教程,螺旋桨式风扇主题UI图标教程_www.16xx8.com

UI教程,螺旋桨式风扇主题UI图标教程_www.16xx8.com

效果:

UI教程,螺旋桨式风扇主题UI图标教程_www.16xx8.com

这样风扇机身部分就已经完成啦,接下来,我们做风扇的扇叶部分。

UI教程,螺旋桨式风扇主题UI图标教程_www.16xx8.com

效果:

UI教程,螺旋桨式风扇主题UI图标教程_www.16xx8.com

扇叶的基本型做好以后,依次添加内阴影、渐变叠加、投影三个样式,并根据光线,给扇叶添加一个光影效果。

UI教程,螺旋桨式风扇主题UI图标教程_www.16xx8.com

UI教程,螺旋桨式风扇主题UI图标教程_www.16xx8.com

UI教程,螺旋桨式风扇主题UI图标教程_www.16xx8.com

效果如下:

学习 · 提示

  • 一定要打开PS,跟着教程做一遍,做完的图到这交作业:提交作业
  • 建议练习时,大家自己找素材,尽量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到论坛发帖提问:新手求助
  • 加官方微信,随时随地,想学就能学:ps_bbs,或扫右侧二维码!
  • 关注我们学更多,每天都有新教程:新浪微博 抖音视频 微信小程序
- 发评论 | 交作业 -
最新评论
风疯峰丶2016-09-15 10:23
不是的,那个扇格我自己琢磨出来了。。。 先画个大圆然后ctrl+j复制然后等比例缩小几个后用布尔运算做出来的。其实这点比较重要,作者在这点给跳了过去
photoshop2016-09-15 03:21
扇格就是用路径工具画出来,跟画画一样,中间的画个圆,扇叶画一个就行。
风疯峰丶2016-09-14 05:45
为什么不说扇格!根本做不出来啊!
孙雁2016-01-15 11:42
为什么颜色和教程的颜色有差?不是偏蓝色,而是偏灰色。。。。。。。。。难道是版本的问题?<泪>

关注大神微博加入>>

网友求助,请回答!