How do you make a shape fade from dark to light?
How do you make a shape fade from dark to light?
I have a rectangle with a smaller rectangular shape cut out from the middle. It needs to fade gradually from dark at the outer edge to white in the center. How is this done?
Re: How do you make a shape fade from dark to light?
Hi.
Here was a similar topic, how to add feathered edges to a rectangular hole in another rectangle. Could make seven different possible solutions, but there may be countless others.
Can you post an example/more detailed description on what exactly you are after?
Here was a similar topic, how to add feathered edges to a rectangular hole in another rectangle. Could make seven different possible solutions, but there may be countless others.
Can you post an example/more detailed description on what exactly you are after?
Re: How do you make a shape fade from dark to light?
The outer edges of the rectangle are aligned with the page edge. The color will be an accent background for a brochure, with pictures of objects and text in the center. Here's the file.
- Attachments
-
- rectangle with open center.svg
- (2.83 KiB) Downloaded 297 times
Re: How do you make a shape fade from dark to light?
Do you want to print the brochure?
May need a bit different preparation too with crop marks.
May need a bit different preparation too with crop marks.
Re: How do you make a shape fade from dark to light?
Frame is aligned on a ledger with crop marks, so you can resize the page at the end.
You can change the colours by editing the gradient fill.
However if you want it to be transparent as in your original file, with alpha channels, it would hardly work saving as pdf.
(At least a small rendering issue/ gap will be present at the corners.)
You can change the colours by editing the gradient fill.
However if you want it to be transparent as in your original file, with alpha channels, it would hardly work saving as pdf.
(At least a small rendering issue/ gap will be present at the corners.)
Re: How do you make a shape fade from dark to light?
I'm printing at home on a printer that does borderless printing.
I need to reverse the grading that happens with the Fill tool. The choice where it makes the center the full color, fading to white toward the outside would be what I need if it can be reversed - dark outside fading to white in the middle. If so, I would use a solid rectangle, instead of cutting open the center.
From the manual it seems that using the gradient tool may provide this option? I can't find the icon to get to the tool.
I need to reverse the grading that happens with the Fill tool. The choice where it makes the center the full color, fading to white toward the outside would be what I need if it can be reversed - dark outside fading to white in the middle. If so, I would use a solid rectangle, instead of cutting open the center.
From the manual it seems that using the gradient tool may provide this option? I can't find the icon to get to the tool.
- Attachments
-
- rectangle with open center.svg
- (5.35 KiB) Downloaded 156 times
Re: How do you make a shape fade from dark to light?
Use the fill and stroke panel (Shift+Ctrl+F).
There is an option in 0.48 under the gradient to edit the steps.
Or just select the gradient steps with the node tool and adjust their colour in the fill and stroke panel.
There is an option in 0.48 under the gradient to edit the steps.
Or just select the gradient steps with the node tool and adjust their colour in the fill and stroke panel.
Re: How do you make a shape fade from dark to light?
I'm okay now. Thanks.
Re: How do you make a shape fade from dark to light?
The gradient tool has its own icon in the toolbox on the left:glasslady wrote:I need to reverse the grading that happens with the Fill tool. The choice where it makes the center the full color, fading to white toward the outside would be what I need if it can be reversed - dark outside fading to white in the middle. If so, I would use a solid rectangle, instead of cutting open the center.
From the manual it seems that using the gradient tool may provide this option? I can't find the icon to get to the tool.

To reverse the colors of a gradient, type Shift+R when in the gradient tool context. (Inkscape 0.91 now also has this option as button on the gradient tool controls bar right above the canvas).