分享此网站可得100G教程,联系小洁领取点击这里给我发消息

扁平微质感的镜头UI图标教程

icon图标 学UI设计 924次浏览 0个评论

今天给大家带来一个扁平微质感的镜头UI图标教程,与往常一样,依旧是图层样式的应用为主,一起来练个手! 先看效果图扁平微质感的镜头UI图标教程

新建一个画布,绘制一个460*460图层,圆角半径40像素。填充渐变颜色,加一点点投影,这样就有质感了。扁平微质感的镜头UI图标教程 扁平微质感的镜头UI图标教程 扁平微质感的镜头UI图标教程

2.接下来我们要来绘制主体部分,绘制一个圆,大小400*400,用内阴影,渐变叠加,投影得到想要的效果扁平微质感的镜头UI图标教程 扁平微质感的镜头UI图标教程 扁平微质感的镜头UI图标教程 扁平微质感的镜头UI图标教程

3.绘制一个圆,大小350*350,添加效果,作为镜头圆框。

扁平微质感的镜头UI图标教程 扁平微质感的镜头UI图标教程 扁平微质感的镜头UI图标教程 扁平微质感的镜头UI图标教程 扁平微质感的镜头UI图标教程

4,接着绘制一个300*300的圆,做一个凹陷的效果扁平微质感的镜头UI图标教程 扁平微质感的镜头UI图标教程

5,经过上面步骤我们的大致主体出来了,我现在绘制相机的镜头,在这里我就添加了一个黑色圆。我在这里就不在详细的去做了,你在这里就可以发挥你的想象,你可以百度一下看一下镜头有那么一些好看的,你就可以实现出来,做法是死的,人是活的。这个就看你怎么做了。扁平微质感的镜头UI图标教程

6,在这里面添加一个渐变,渐变的颜色你也可以自己选择。扁平微质感的镜头UI图标教程

7.我在这里添加两个光晕,用椭圆工具画两个圆,降低圆的不透明度就可以了 好的,这样就做成了,你可以在这里面可以改数据,样式等等,不要不动手,扁平微质感的镜头UI图标教程


推荐:查看最受欢迎的设计导航网站 → http://www.xueuisheji.com

交流:结交更多有才华的设计师?请加入UI设计QQ群 ,与设计师交流设计。

喜欢 (0)
[关注:设计军团]
分享 (0)
关于作者:
学UI设计网专业的UI设计师交流、学习与展示的平台。我们将打造中国最专业的UI设计交流平台,为UI设计师做最好的职业生涯一站式服务,提高UI设计乃至互联网设计的行业价值!