How can I join gradient with pattern?

[benato]

Hello everyone!

At first, I would like to apologize for my english, I'm not a native speaker.

As mentioned in the name of topic - I would like to join/connect gradient with a pattern - is that possible? I don't know how to describe it very well so I've attached a photo below.

On the picture You can see one rectangle with a gradient (first hook red, second transparent) and another one with a pattern. I would like to make the same gradient on that pattern - so half of the rectangle is like a pattern and another half is turning into transparent. How can I do it?

I appreciate all Your help.

Greetings!   

[brynn]

Welcome to the forum!

There are probably a couple of ways to approach that.  And I'm probably not the best person to ask.  But hopefully Lazur will be around before too long.

For myself, I would use a mask.  Masks are handled differently in Inkscape, compared to how most raster graphics programs do it.  In Inkscape the opaque black part creates the faded area, while the white parts are not changed.  Here's the manual info:  http://tavmjong.free.fr/INKSCAPE/MANUAL/html/Clip-Masking.html    If you can't figure it out from the manual, we could write steps for you. 

[Lazur]

Hi there!

Masking was also my first thought.
It migh not be trivial at first how to achieve that result with masking. As mentioned above, you need a black to white gradient at full alphas/opacity, in order to make a transparent to pattern fade "gradient".

Other option could be using filtering, to generate the fill and composite that in a fading to transparent gradient.

[brynn]

I knew you'd have a way to do it with a filter

[benato]

Succed! Thank You both for Your help, I appreciate that! 

[brynn]

Nice work!