[solved] Window with transparency and blurred background

Post questions on how to use or achieve an effect in Inkscape.
User avatar
fillotassi
Posts: 19
Joined: Wed Sep 06, 2017 11:47 pm
Location: Italy
Contact:

[solved] Window with transparency and blurred background

Postby fillotassi » Thu Sep 21, 2017 4:48 pm

Good morning Inkscaper,

I'm trying to blur the background of a window, aiming to this effect: http://jsfiddle.net/fillotassi/0ne51s6o/

I found this old thread (viewtopic.php?t=13303), but I can't make it using Image Source. It lets me apply the Gaussian Blur filter through Filter Editor, but Image Source isn't clickable.

Here's the file I'm actually editing: http://svgur.com/s/37C

Thanks in advance!

f

Lazur
Posts: 4717
Joined: Tue Jun 14, 2016 10:38 am

Re: Window with transparency and blurred background

Postby Lazur » Thu Sep 21, 2017 6:33 pm

Hi.

You need to use the background image as the input for the filter.
In the attached image it works fine.
Attachments
37C2.svg
(5.92 KiB) Downloaded 178 times

User avatar
fillotassi
Posts: 19
Joined: Wed Sep 06, 2017 11:47 pm
Location: Italy
Contact:

Re: Window with transparency and blurred background

Postby fillotassi » Thu Sep 21, 2017 6:42 pm

Thanks, now I understood how to link the Background Image to the Filter!

Lazur
Posts: 4717
Joined: Tue Jun 14, 2016 10:38 am

Re: Window with transparency and blurred background

Postby Lazur » Thu Sep 21, 2017 6:48 pm

You are welcome!

In the mean time, check out Xav's tutorial series covering filter editing in inkscape as seen in the full circle magazine:
related articles collected

User avatar
fillotassi
Posts: 19
Joined: Wed Sep 06, 2017 11:47 pm
Location: Italy
Contact:

Re: [solved] Window with transparency and blurred background

Postby fillotassi » Thu Sep 21, 2017 11:22 pm

Thanks, 'll read it. I also found this: https://www.packtpub.com/books/content/ ... er-effects

However, can the filter be shaped? From the example we exchanged, it seems not.

User avatar
fillotassi
Posts: 19
Joined: Wed Sep 06, 2017 11:47 pm
Location: Italy
Contact:

Re: [solved] Window with transparency and blurred background

Postby fillotassi » Thu Sep 21, 2017 11:34 pm

Ok, great. It can be clipped!

Lazur
Posts: 4717
Joined: Tue Jun 14, 2016 10:38 am

Re: [solved] Window with transparency and blurred background

Postby Lazur » Thu Sep 21, 2017 11:43 pm

Nice find!

Started my own "cookbook" before but got stuck a bit with it (lack of motivation, so to speak).
There are alot of things you can achieve by filtering.
Some examples: stormy waves, clouds, frost, wood textures, halftone effects, animations, etc.
My repository of custom svg filters is available here -they are in the public domain.

Not exactly sure what you are after, if you can elaborate I'll try to answer.


Return to “Help with using Inkscape”