Hello, a new member here. FYI, I feel I have somewhat moderate to advanced skills, but I guess that is to be checked :D. Anyways, on with the question.
I'm wanting to make a shape have 2 gradients. 1 gradient would be used to color a shape. The other would be used to define transparency of the shape. Lets observe the example below. I have a circle that has a top-to-bottom red-blue gradient coloring. What I now wish to further do with this object is have it's transparency fall off as you get further away from the center. The transparency "mask" would kinda look like the black-transparent.
Is this doable? How? How about multiple transparency "masks" - could I have a third gradient that would further adjust transparency of the colors (let's assume, from right to left, or in general, not using the existing color gradient and just making its nodes more or less transparent).
Well, with a bit more research, I found my answer. You can just use masking. My initial wrong assumption that masking would use color transparency to affect how transparent things are, rather than color itself. So if I wanted to achieve this:
my mask should've looked like this:
White = 0% transparency, black = 100% transparency.
I´d say it´s all possible; either with Object->Mask or as a stack and different blend modes. It´s up to you what you like have as an end result. Some stupid examples:
Another question would be complex masks. For example, let's say I want a "diagonal" mask. That's hardly achievable with only gradient (unless that's something that maybe can be done with meshes, but I still don't have a good feel with them). Again, with an example:
This time though, I decided to play around with it myself a bit, and it turns out that, if you group multiple masks (not union, just regular group), they actually do apply as if it were a single mask. To be honest, I didn't expect it to work, but hey! Example of that (grey are 2 masks, partially transparent just so we can see the expected result a bit more easily):
Result after combining with the starting red-blue circle:
P.S.: is there a documentation that explains how exactly different blending modes work?
Beyond the Basics Transparency gradient masking
Inkscape.org
Hello, a new member here. FYI, I feel I have somewhat moderate to advanced skills, but I guess that is to be checked :D. Anyways, on with the question.
I'm wanting to make a shape have 2 gradients. 1 gradient would be used to color a shape. The other would be used to define transparency of the shape. Lets observe the example below. I have a circle that has a top-to-bottom red-blue gradient coloring. What I now wish to further do with this object is have it's transparency fall off as you get further away from the center. The transparency "mask" would kinda look like the black-transparent.
Is this doable? How? How about multiple transparency "masks" - could I have a third gradient that would further adjust transparency of the colors (let's assume, from right to left, or in general, not using the existing color gradient and just making its nodes more or less transparent).
Well, with a bit more research, I found my answer. You can just use masking. My initial wrong assumption that masking would use color transparency to affect how transparent things are, rather than color itself. So if I wanted to achieve this:
my mask should've looked like this:
White = 0% transparency, black = 100% transparency.
I´d say it´s all possible; either with Object->Mask or as a stack and different blend modes. It´s up to you what you like have as an end result. Some stupid examples:
PS.: just saw you figured already. 😀
Another question would be complex masks. For example, let's say I want a "diagonal" mask. That's hardly achievable with only gradient (unless that's something that maybe can be done with meshes, but I still don't have a good feel with them). Again, with an example:
This time though, I decided to play around with it myself a bit, and it turns out that, if you group multiple masks (not union, just regular group), they actually do apply as if it were a single mask. To be honest, I didn't expect it to work, but hey! Example of that (grey are 2 masks, partially transparent just so we can see the expected result a bit more easily):
Result after combining with the starting red-blue circle:
P.S.: is there a documentation that explains how exactly different blending modes work?
Probably: http://tavmjong.free.fr/INKSCAPE/MANUAL/html/Filters-Compositing.html#Filters-Blend
Ok, nice, thx for that!
Here's a brief technical explanation of colour blending, though Inkscape's algorithms might be different.
https://en.wikipedia.org/wiki/Blend_modes#
Ye ye, know about the general blending, just wanted to make sure it's the same for Inkscape, but thx anyways!