Background Blur Filter

简介

Background Blur Filter 对位于另一个 Shape 内部的 Shape 区域进行模糊处理。它可用于柔化背景元素或将其焦点移开——这是 UI 设计中用于交互菜单的常见效果。

UI

Common Attributes +

Blur Amount - 设置要应用于 Shape 的模糊量（像素）。

Blur Shape - 连接一个 Shape 来定义模糊应用的范围。

1. 创建 2 个 Shapes（Shape1 和 Shape2）。
2. 将它们稍微分开，使一个有部分重叠在另一个上。
3. 将 Shape1 载入 Attribute Editor，点击 Filters 属性上的 + 按钮，选择 Background Blur。
4. 将 Shape2 作为 Blur Shape 连接到 Background Blur。
5. 将 Shape2 的 Opacity 设置为 10%。

---

查看其他模糊 Filters：

Bilateral Blur Filter→ Fast Blur Filter→ Box Blur Filter→ Directional Blur Filter→ Gaussian Blur Filter→ Luminance Blur Filter→ Zoom Blur Filter→