百木园-与人分享,
就是让自己快乐。

AI教程!大厂都在用的轻拟态图标,你还不会画?

视频地址:https://www.bilibili.com/blackboard/html5player.html?aid=420175365&as_wide=1

教程作者:AI肖博士(授权转载自公众号:百图特攻队)

交作业去这里→#优设每日作业#

文章编辑:@雪寄草

关于教程

下图是最近非常热门的玻璃质感图标页面,醒目的图标搭配简约的页面,非常的吸人眼球。下面,我会教大家如何在Ai中绘制玻璃质感图标。

教程效果图

AI教程!大厂都在用的轻拟态图标,你还不会画?

关键步骤提示

详细操作请看文章开头的视频教程演示。

Step 01 任意形状渐变

用任意形状渐变工具,在图标的不同节点设置相应的颜色,做出玻璃的光泽感。

AI教程!大厂都在用的轻拟态图标,你还不会画? AI教程!大厂都在用的轻拟态图标,你还不会画? AI教程!大厂都在用的轻拟态图标,你还不会画? AI教程!大厂都在用的轻拟态图标,你还不会画?

Step 02 层次叠加

在图标边缘做出一层白色渐变描边,模拟出玻璃的层次感。

AI教程!大厂都在用的轻拟态图标,你还不会画? AI教程!大厂都在用的轻拟态图标,你还不会画? AI教程!大厂都在用的轻拟态图标,你还不会画? AI教程!大厂都在用的轻拟态图标,你还不会画? AI教程!大厂都在用的轻拟态图标,你还不会画? AI教程!大厂都在用的轻拟态图标,你还不会画?

Step 03 高斯模糊

为玻璃的边缘添加高斯模糊效果,让玻璃的光泽感更加柔和自然。

AI教程!大厂都在用的轻拟态图标,你还不会画? AI教程!大厂都在用的轻拟态图标,你还不会画?

Step 04 半透明细节

利用剪贴蒙版和图层混合模式,做出玻璃图标叠压在蓝色背景板上的半透明质感,最后刻画一些玻璃转角的细节即可。

AI教程!大厂都在用的轻拟态图标,你还不会画? AI教程!大厂都在用的轻拟态图标,你还不会画? AI教程!大厂都在用的轻拟态图标,你还不会画? AI教程!大厂都在用的轻拟态图标,你还不会画?

最终效果图

AI教程!大厂都在用的轻拟态图标,你还不会画?


来源:https://uiiiuiii.com/illustrator/1212430243.html
图文来源于网络,如有侵权请联系删除。

未经允许不得转载:百木园 » AI教程!大厂都在用的轻拟态图标,你还不会画?

相关推荐

  • 暂无文章