欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  科技

Sketch怎么实现背景模糊? Sketch背景局部模糊的技巧

程序员文章站 2022-01-17 11:01:39
Sketch怎么实现背景模糊? Sketch背景局部模糊的技巧...

如果想要添加一个背景模糊,应该如何添加,今天我们就来看看sketch中制作背景模糊效果的教程。

首先打开sketch工具。

Sketch怎么实现背景模糊? Sketch背景局部模糊的技巧

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

Sketch怎么实现背景模糊? Sketch背景局部模糊的技巧

绘制一个矩形,命名为矩形1。

Sketch怎么实现背景模糊? Sketch背景局部模糊的技巧

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

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

Sketch怎么实现背景模糊? Sketch背景局部模糊的技巧

勾选上右侧属性栏下方的blur选项

Sketch怎么实现背景模糊? Sketch背景局部模糊的技巧

选择“更多”图标。

Sketch怎么实现背景模糊? Sketch背景局部模糊的技巧

出现一个下拉菜单,在下拉菜单中选择“background blur”。

Sketch怎么实现背景模糊? Sketch背景局部模糊的技巧

紧接着可以看到画布上有一块已经有背景模糊效果了。

Sketch怎么实现背景模糊? Sketch背景局部模糊的技巧

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

Sketch怎么实现背景模糊? Sketch背景局部模糊的技巧

将这两个矩形进行布尔运算,减去顶层运算 (subtract)。

Sketch怎么实现背景模糊? Sketch背景局部模糊的技巧

可以看到在画布上,f的地方没有被模糊。

Sketch怎么实现背景模糊? Sketch背景局部模糊的技巧

以上就是sketch背景局部模糊的技巧,希望大家喜欢,请继续关注。

相关标签: Sketch 背景模糊