水滴图标,水滴主题UI图标

来源:站酷 作者:三行树 学习:8154人次
制作拟物感水滴效果图标,制作方法很简单,设置好底座颜色后,添加上树叶素材和画上水滴即可完成。

先看看效果:

水滴图标,水滴主题UI图标_www.16xx8.com
<点图片看大图>www.16xx8.com

第一步:绘制图标底座形状,这里给的是300*300,圆角度数为20。

水滴图标,水滴主题UI图标_www.16xx8.com

第二步,给底座填充一个从深绿色到浅绿色的渐变。

水滴图标,水滴主题UI图标_www.16xx8.com

第三步:使用图层样式顶部添加浅色,内阴影。

水滴图标,水滴主题UI图标_www.16xx8.com

第四步:使用图层样式底部添加投影。

水滴图标,水滴主题UI图标_www.16xx8.com

第五步:剪切蒙版放入一张合适的树叶,混合模式给叠加,不透明度给70%。

水滴图标,水滴主题UI图标_www.16xx8.com

第六步:画几个亮黄色的圆,属性给较大一点的羽化,剪切入底座,打造光斑效果。

水滴图标,水滴主题UI图标_www.16xx8.com

最后两步,也是比较重要的步骤:

第七步:用椭圆绘制出水滴的形状。分别给内发光,径向渐变,投影打造水滴效果。

水滴图标,水滴主题UI图标_www.16xx8.com
<点图片看大图>

第8步:和上一步用相似的方法,绘制出水滴上的光感效果,透明度给20%。

水滴图标,水滴主题UI图标_www.16xx8.com

各图层参考用:

水滴图标,水滴主题UI图标_www.16xx8.com

学习 · 提示

  • 一定要打开PS,跟着教程做一遍,做完的图到这交作业:提交作业
  • 建议练习时,大家自己找素材,尽量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到论坛发帖提问:新手求助
  • 加官方微信,随时随地,想学就能学:ps_bbs,或扫右侧二维码!
  • 关注我们学更多,每天都有新教程:新浪微博 抖音视频 微信小程序
- 发评论 | 交作业 -
最新评论
韦顺才2016-12-19 04:53
念初。2016-09-05 01:55
安晚2016-08-19 05:35
照着做的,顺便把水滴里面的茎叶放大了。把叶子向下剪切矩形里面,那个叶子看不见了,我用的是图层蒙版。
conan486952016-08-18 11:38
感觉那个小光点弄不来,比较粗糙

关注大神微博加入>>

网友求助,请回答!