Sketch教程如何实现背景局部模糊

Sketch中如何实现背景局部模糊？Sketch中想要实现背景模糊的效果，不需要模糊就不模糊，该怎么操作呢？下面我们就来看看Sketch背景局部模糊的技巧，需要的朋友可以参考。

1.首先安装并打开sketch工具》》Sketch中文

2.添加一个画布，或者打开一个图片。在此，我们以键盘为例。

3.绘制一个矩形，命名为矩形1。

将右侧属性栏里的填充和描边勾选去掉。

注意此时，画布内虽然颜色值没有了，但是依稀可见图形的轮廓。

4.勾选上右侧属性栏下方的Blur选项。

5.选择“更多”图标。

6.出现一个下拉菜单，在下拉菜单中选择“Background Blur”。

7.就可以看到画布上有一块已经有背景模糊效果了。

8.如果想要其中的F键不被模糊，再绘制一个矩形，命名为矩形2。

9.将这两个矩形进行布尔运算，减去顶层运算（Subtract）。

10.可以看到在画布上，F的地方没有被模糊。

Sketch教程如何实现背景局部模糊相关推荐

设置背景图片模糊，内容不模糊
设置背景图片模糊,内容不模糊需求:一个div设置了background-image,现在需要使背景模糊,div内的文字清晰显示. 解决方法:内容和图片分别置于一个div,通过css设置背景div模糊 ...
android 半边圆角背景,Android UI（一）Layout 背景局部Shape圆角设计
Jeff Lee blog: http://www.cnblogs.com/Alandre/ (泥沙砖瓦浆木匠),retain the url when reproduced ! Thanks ...
win10专业版开机画面模糊_Win10系统登录背景变模糊的两种恢复方法
Win10系统开机到登录界面时背景总是很模糊,看着一点也不清晰,也不清楚哪里出现问题.即使恢复锁屏登录时设置了好看的登录背景也白搭,有什么办法能解决?其实旧版本中是清晰的也是微软刚改的,大家不妨通过下 ...
Html设置背景图模糊,CSS设置背景图片模糊内容不模糊的解决方法
需求:一个div设置了background: url,现在需要使图片背景模糊,div内的文字清晰显示. 解决方法:内容和图片分别置于一个div,通过css设置背景div模糊度,设置内容div绝对位置, ...
（10.2.3.3）静电的设计教室:APP设计利器Sketch教程(03)-让插件助你一臂之力(原创
通过上两节的文章,大家可能已经对sketch这款软件的基本操作有了一个大概的了解(如果还有朋友没看过之前的文章,请点这里) 但很多朋友可能会有疑惑,"好像sketch的功能也没有那么强大啊? ...
计算机部分应用显示模糊,电脑显示器局部模糊怎么办
在有些时候我们的电脑显示器局部模糊了,这该怎么办呢?下面就由学习啦小编来为你们简单的介绍电脑显示器局部模糊的解决方法吧!希望你们喜欢! 电脑显示器局部模糊的解决方法: 打开"控制面板主页&q ...
uniapp小程序painter绘制海报微信头像空白；背景图模糊问题
一.头像空白问题网络图片真机显示空白请检查微信公众平台服务器域名里面的安全域名有没有添加微信头像显示空白请添加 https://thirdwx.qlogo.cn; 添加域名后重新启动项目就可 ...
android 背景磨砂效果,跨浏览器磨砂效果背景图片模糊特效
background-blur是一款非常炫酷的跨浏览器磨砂效果背景图片模糊特效jQuery插件.它会抽取图片的主要色彩,并通过SVG过滤器来制作模糊效果.并且它还通过velocity.js来提供额外的 ...
css背景图不失真_CSS实现页面背景图片模糊内容不模糊的方法
CSS实现页面背景图片模糊内容不模糊的方法,如果对你有帮助就看看吧,挺实用的一个CSS背景模糊效果,适合做一些非常唯美的网页,给人一种很模糊却又带着一丝清晰的感觉. 代码: Document .ban ...

Sketch教程如何实现背景局部模糊

Sketch教程如何实现背景局部模糊相关推荐

最新文章

热门文章