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

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

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

现在我们根据光线,给扇叶大致推导出扇叶的一个光影效果,用钢笔工具钩出阴影。UI教程,螺旋桨式风扇主题UI图标教程_www.16xx8.com

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

扇叶阴影2主要分为上面四个部分。我们图层命名为扇叶阴影1~4,颜色任意填充。

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

效果:

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

把所有扇叶部分的图层组成一个群组,并在该群组上面添加一个蒙版,把下方多余部分的投影给盖掉。

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

接下来,我们把机身部分的那个大的圆形扇框复制两层,放到最顶层,图层填充0%,用来给扇框加两层内部投影。

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

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
为什么颜色和教程的颜色有差?不是偏蓝色,而是偏灰色。。。。。。。。。难道是版本的问题?<泪>

关注大神微博加入>>

网友求助,请回答!