玻璃质感轻拟态图标

用户头像
北京/UI设计师/4年前/367浏览
玻璃质感轻拟态图标
用户头像
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模板
3D卡通UI界面图标可爱插画免扣素
新能源APP应用UIKit
手表表盘UI系列
【新年UI图标】秒杀icon
【新年UI图标】游戏/娱乐icon
户外旅行飞机情侣假日出行
UI 登录界面设计模板包
我的钱包-UI界面设计-app
科技医疗透明柜UI界面设计
UI通用设计素材1
Security Camera UI kit
拟物风质感写实UI卡片合集源文件
APP/小程序商业项目UI模板|99个高保真UI+79个原型
【新年UI图标】影音icon
新拟态风格 UI设计组件库
UI界面 组件
【新年UI图标】30个图标
【新年UI图标】汽车icon
高级表盘系列UI源文件
UI应用平面图标
智能家居中心 简约 UI设计组件库
盲盒APP UI设计
【新年UI图标】钱包icon
你可能喜欢
相关收藏夹
大家都在看
登录注册