玻璃质感轻拟态图标

用户头像
北京/UI设计师/5年前/375浏览
玻璃质感轻拟态图标
用户头像
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图标】汽车icon
【新年UI图标】礼物/活动icon
【新年UI图标】旅行icon
钱包ui模板
我的钱包-UI界面设计-app
高级感金属拟物 UI设计组件库
户外旅行飞机情侣假日出行
科技医疗透明柜UI界面设计
拟物风质感写实UI卡片合集源文件
3D渐变流体抽象矢量UI背景图
手表表盘UI系列
UI 登录界面设计模板包
【新年UI图标】钱包icon
APP/小程序商业项目UI模板|99个高保真UI+79个原型
【新年UI图标】会员icon
Security Camera UI kit
【新年UI图标】30个图标
【新年UI图标】体育icon
新能源APP应用UIKit
高级表盘系列UI源文件
盲盒APP UI设计
3D卡通UI界面图标可爱插画免扣素
你可能喜欢
相关收藏夹
大家都在看
登录注册