Mobile app version of vmapp.org
Login or Join
Goswami567

: An analogous gradient on a triangle in Inkscape I have a rectangle, shown below, which has a gradient so that the top and bottom edges fade to black. I wish to reshape this this rectangle

@Goswami567

Posted in: #Gradient #Inkscape

I have a rectangle, shown below, which has a gradient so that the top and bottom edges fade to black. I wish to reshape this this rectangle into a triangle (like the one pictured) so that top and bottom edges of the triangle still fade to black.

To produce the triangle below I converted the rectangle into a path, removed one of the nodes on the left, and then centered the remaining node on the left.



The gradient I am trying to implement, however, should look more like the one below (which I created in Microsoft Word). Notice how the directions of the gradient are in line with the sides of the triangle.



Are there any ways to create a triangle that has the gradient pattern shown above? Thanks all.

10.02% popularity Vote Up Vote Down


Login to follow query

More posts by @Goswami567

2 Comments

Sorted by latest first Latest Oldest Best

 

@Ravi4787994

As DA01 mentioned the gradient options in Inkscape are somehow limited. If you don't mind using two objects instead of one here's a guide:

Create a rectangle with a gradient, transform it to a path and drag two nodes to create a triangle. Hit F2 and drag the Linear gradient end node to the tip of the triangle.



Now create a rectangle, cover the upper half of the triangle with it, select the rectangle and afterwards the triangle and cut it with Path > Difference.

Now duplicate and mirror your new triangle.



If you try to join them the gradient will be lost unfortunately.

10% popularity Vote Up Vote Down


 

@Carla748

I realise you're after an Inkscape solution, but I was able to make what you're after in Photoshop by creating a gradient, turning it into a Smart Object, then distorting it.

If nothing else, maybe it'll serve as an example of what you're after?

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme