水滴效果ICON教程,跟着我每日一练,也能成为月入8k的UI设计狮!

工具:PS

​​制作拟物感水滴效果图标,制作方法很简单,设置好底座颜色后,添加上树叶素材和画上水滴即可完成。

先看看效果:


水滴效果ICON教程,跟着我每日一练,也能成为月入8k的UI设计狮!


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


水滴效果ICON教程,跟着我每日一练,也能成为月入8k的UI设计狮!


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


水滴效果ICON教程,跟着我每日一练,也能成为月入8k的UI设计狮!


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


水滴效果ICON教程,跟着我每日一练,也能成为月入8k的UI设计狮!


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


水滴效果ICON教程,跟着我每日一练,也能成为月入8k的UI设计狮!


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


水滴效果ICON教程,跟着我每日一练,也能成为月入8k的UI设计狮!


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


水滴效果ICON教程,跟着我每日一练,也能成为月入8k的UI设计狮!


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

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


水滴效果ICON教程,跟着我每日一练,也能成为月入8k的UI设计狮!


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


水滴效果ICON教程,跟着我每日一练,也能成为月入8k的UI设计狮!


各图层参考用:


水滴效果ICON教程,跟着我每日一练,也能成为月入8k的UI设计狮!


全教程完!今天的教程是不是很简单,关键是要自己熟练。

如果大家喜欢叶猫此次分享的精选教程记得点上关注哦

每日分享优选教程,还有原创平面教程原创设计教程哦

收藏或转发的朋友可以在学习教程结束后到本文章评论区交作业~

水滴效果ICON教程,跟着我每日一练,也能成为月入8k的UI设计狮!

本文系本网编辑转载,转载目的在于传递更多信息。本篇文章版权归原作者所有,内容为作者个人观点。如涉及作品内容、版权和其它问题,请在30日内与本网联系,我们将在第一时间删除内容!


分享到:


相關文章: