Jump to content
Our response time is longer than usual currently. We're working to answer users as quickly as possible and thank you for your continued patience.

Recommended Posts

Blur.png.4c4726adaccc2fbbead73dfe1338141f.png

This is a short tutorial for Affinity Photo that shows you the steps for creating a frosted glass effect.
The finished effect created in Affinity Photo can be used and edited in Affinity Designer.

1. Deselect all layers.

2. Click the "Live Filters" icon in the Layers panel, and choose Gaussian Blur from the list. Move the slider so that the effect is visible.
Live_Filters_icon.png.a7c273a218e729aea36844c22ef3a533.png

Live_Gaussian_Blur.png.3d0b693e29d3ebe659a3fa3d9b7fc794.png


3. Create a shape, it must be filled with color, it can be vector or raster. This shape will be the silhouette of the frosted glass.

4. In the Layers panel, drag the "shape" layer onto the "Gaussian Blur" layer icon so that a small vertical bar appears on the layer icon.
Drag_and_Drop.png.82ac3711d66a0710a34aef9193415369.png

Thus, the shape will limit the effect, i.e. the shape will be a mask for the blur effect.

Tip: For the effect to work properly on the artboard in Affinity Designer, the artboard must have a background as a vector or raster non-transparent layer, or just apply color to the artboard. Also, the "Preserve Alpha" option must be enabled in the blur effect settings.

Example files: Blur.afdesign Blur_Artboard.afdesign

Blur.png.4c4726adaccc2fbbead73dfe1338141f.png

Video tutorial:

 -
Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
 Share

×
×
  • Create New...

Important Information

Please note there is currently a delay in replying to some post. See pinned thread in the Questions forum. These are the Terms of Use you will be asked to agree to if you join the forum. | Privacy Policy | Guidelines | We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.