玻璃质感轻拟态图标
北京/UI设计师/4年前/350浏览
版权
玻璃质感轻拟态图标
《学习心得》在B站学习了一种绘制轻拟态图标简易方式,在此进行记录和分享~
使用软件:AI

1、LOGO图标为了省事直接在iconfont下载的svg格式
选中图形,AI中有任意形状渐变(其他软件暂时没有发现这个功能)可以根据点的区域进行渐变,根据需要调节颜色。

2、调节好颜色后,将形状进行偏移路径:向内1px(-1px),渐变改为线型渐变,如图颜色都为白色#FFFFFF,其中位置为25%和75%透明度改为0%。
将白色渐变形状向上移动1px。(这一层主要营造出图标边缘的玻璃反光质感)
(注:具体移动及偏移距离可根据图形大小来定)

3、调节好颜色后,将原形状(偏移前形状)再次进行偏移路径:向内3px(-3px),将偏移后的形状置于顶层。得到下图形。

4、将向内偏移后的两个形状进行高斯模糊(底层的原始图形不进行模糊来确保图标的边缘清晰),大致质感就出来了,后期在调调细节就完成了~

9
举报
声明
13
分享
相关推荐
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
你可能喜欢
相关收藏夹
登录注册
9登录即可同步推荐记录哦
13登录即可加入我的收藏
评论登录即可评论想法
分享分享


















































































