Inkscape Community

Help Using Inkscape => Inkscape Beginners' Questions => Topic started by: benato on July 01, 2017, 10:36:01 AM

Title: How can I join gradient with pattern?
Post by: benato on July 01, 2017, 10:36:01 AM
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!  :wink1: 
Title: Re: How can I join gradient with pattern?
Post by: brynn on July 01, 2017, 02:40:10 PM
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. 
Title: Re: How can I join gradient with pattern?
Post by: Lazur on July 01, 2017, 06:58:25 PM
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.
Title: Re: How can I join gradient with pattern?
Post by: brynn on July 01, 2017, 07:27:42 PM
I knew you'd have a way to do it with a filter :)
Title: Re: How can I join gradient with pattern?
Post by: benato on July 02, 2017, 04:37:51 PM
Succed! Thank You both for Your help, I appreciate that!  :ur:
Title: Re: How can I join gradient with pattern?
Post by: brynn on July 03, 2017, 09:20:06 AM
Nice work!