How to Use Inkscape Gradients to Illustrate a Twilight Background

I have previously posted a couple tutorials on using gradients in Inkscape. But I find that I utilize this feature a lot and am continuing to find new ways to use it. So I figured I’d post another tutorial on the subject. This time I’ll show you how to create a twilight or sunset background.

Use the Rectangle Tool to create a rectangle.

Select the Gradient Tool    and double-click on the rectangle to display handles.

Move the handles so that the square handle is at the bottom. This will put the greater opacity at the bottom and the more  transparent portion at the top. You will be able to adjust the opacity of each area as you add and adjust stops.

Double-click on the square handle.  The Gradient Editor Box will appear and you can use this box to adjust the color as desired. In this case I chose a shade of green because the scene I am creating suggests a lake shore.

Now you can simply double-click anywhere on the line to add stops and adjust the color in the same way. By default, the opacity will decrease as you get closer to the circle handle. But you can adjust the transparency in the Gradient Editor Box in the same way you would adjust  stroke or fill in the Stroke and Fill Box.

Keep adding stops until you get the look you desire. You can drag the diamond-shaped stops up and down to change the position and size of each section. In this case I left my transparency at its default of zero at the top of my illustration. By doing this, I was able to get various effects by slipping solid rectangles of different colors behind my scene. Fun stuff!

Oh I love this…. hope you do too!

For more fun with gradients, look here!



7 Replies to “How to Use Inkscape Gradients to Illustrate a Twilight Background”

  1. Thank you for another easy to follow tutorial. I will visiting next time I use a gradient and save myself some time. I didn’t even know the opacity changed. So much to learn but not enough time.

Leave a Reply

Your email address will not be published. Required fields are marked *