3-sided gradient

Post questions on how to use or achieve an effect in Inkscape.
TSGM
Posts: 3
Joined: Tue May 10, 2011 3:17 am

3-sided gradient

Postby TSGM » Sun Jul 24, 2011 2:04 pm

Question: I have a black (or another colored) rectangle. I'd like one side to be left alone. The other three sides should fade to white at the edges.

How would I achieve this? I can do basic linear/radial gradients, but am not sure how to do this effect.

llogg
Posts: 443
Joined: Tue Mar 11, 2008 7:30 am

Re: 3-sided gradient

Postby llogg » Sun Jul 24, 2011 9:00 pm

1. Duplicate black rectangle twice.
2. Apply radial gradient going to white at edges to top rectangle.
3. Move gradient rectangle down in z-order.
4. Apply linear gradient to top rectangle going from black to white, with black on the side that you do not want to have the radial gradient.
5. Select the two gradient rectangles and do Object>Mask>set. The original black rectangle should now show through as if the radial gradient is not applied to the left side.

Hope this works for you.


Return to “Help with using Inkscape”