Background Blur Filter

概要

Background Blur Filter は、別の Shape 内に位置する Shape の領域をぼかします。背景要素をソフトにしたり、フォーカスを外すために使用でき、インタラクティブメニューなどの UI デザインでよく使われるエフェクトです。

UI

Common Attributes +

Blur Amount - Shape に適用するぼかしの量（px）を設定します。

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→