玻璃质感轻拟态图标

用户头像
北京/UI设计师/4年前/350浏览
玻璃质感轻拟态图标
用户头像
HanJJJ

《学习心得》在B站学习了一种绘制轻拟态图标简易方式,在此进行记录和分享~

使用软件:AI

1、LOGO图标为了省事直接在iconfont下载的svg格式

选中图形,AI中有任意形状渐变(其他软件暂时没有发现这个功能)可以根据点的区域进行渐变,根据需要调节颜色。

2、调节好颜色后,将形状进行偏移路径:向内1px(-1px),渐变改为线型渐变,如图颜色都为白色#FFFFFF,其中位置为25%和75%透明度改为0%。

将白色渐变形状向上移动1px。(这一层主要营造出图标边缘的玻璃反光质感)

(注:具体移动及偏移距离可根据图形大小来定)

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

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

9
举报
|
13
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
加载中
推荐素材
【新年UI图标】影音icon
科技医疗透明柜UI界面设计
新拟态风格 UI设计组件库
【新年UI图标】珠宝icon
UI应用平面图标
UI 登录界面设计模板包
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
Security Camera UI kit
手表表盘UI系列
智能家居中心 简约 UI设计组件库
【新年UI图标】家具icon
盲盒APP UI设计
矢量立体简约UI蓝白图标
【新年UI图标】30个图标
拟物风质感写实UI卡片合集源文件
新能源APP应用UIKit
钱包ui模板
高级感金属拟物 UI设计组件库
【新年UI图标】酒店icon
UI通用设计素材1
【新年UI图标】美妆icon
高级表盘系列UI源文件
【新年UI图标】美食icon
你可能喜欢
相关收藏夹
大家都在看
登录注册