Skip to main content

Background Blur Filter

Pro Feature

Pro features are only available with a Professional licence. To upgrade, visit cavalry.scenegroup.co.

Intro​

A Background Blur Filter blurs the areas of a Shape that sit within another Shape. It can be used to soften or take focus away from background elements – a common effect used in UI design for interactive menus.

UI​

Common Attributes +

Blur Amount - Set the amount of blur (px) to apply to the Shape.

Blur Shape - Connect a Shape to define the areas the blur is applied to.

Example
  1. Create 2 Shapes (Shape1 and Shape2).
  2. Move them apart slightly so one overlaps the other.
  3. Load Shape1 into the Attribute Editor, click the + button on the Filters attribute and select Background Blur.
  4. Connect Shape2 as the Blur Shape to the Background Blur.
  5. Set Shape2's Opacity to 10%.