Sketch 制作模糊背景效果

用户头像
上海/UI设计师/11年前/6956浏览
Sketch 制作模糊背景效果
用户头像
jolin2012

Sketch 制作模糊背景效果

1:Commond + D 复制出来当前画板

2:选中画板上的所有元素,菜单-Layer-Flatten Selection to Bitmap,这样画板上的所有矢量元素就合并为了一张位图

3:新建图层覆盖画板,将该图层填充颜色后透明度调为0%,然后调整其高斯模糊选项为背景模糊50px


这样就形成了背景模糊的效果。如图A。


不新建图层而直接将位图图像进行50px高斯模糊,也接近这种效果,但是效果跟上述方式有差异。如图B。



矢量画板:

图A:


图B:


14
举报
|
12
分享
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
【新年UI图标】礼物/活动icon
【新年UI图标】汽车icon
UI通用设计素材1
【新年UI图标】钱包icon
我的钱包-UI界面设计-app
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
【新年UI图标】30个图标
高级感金属拟物 UI设计组件库
智能家居中心 简约 UI设计组件库
【新年UI图标】会员icon
UI界面 组件
【新年UI图标】秒杀icon
盲盒APP UI设计
手表表盘UI系列
新拟态风格 UI设计组件库
钱包ui模板
【新年UI图标】旅行icon
拟物风质感写实UI卡片合集源文件
新能源APP应用UIKit
【新年UI图标】体育icon
APP/小程序商业项目UI模板|99个高保真UI+79个原型
Security Camera UI kit
科技医疗透明柜UI界面设计
你可能喜欢
大家都在看
登录注册