This will bring up the “Fill and Stroke” dialogue (outlined in green in the image above). However, what if you wanted to add custom colors to the gradient handles that aren’t located on the color bar?Īll you have to do is click on the gradient handle you want to edit (red arrow in the image above), then double-click on the “Fill” box in the bottom left corner of the canvas window (below the color palette – blue arrow). So, that’s one method for changing the colors of the gradient. For example, I’ll click on the gradient “start” with my gradient tool (red arrow in the above image), then left-click on the color red in the color palette (blue arrow). The easy way is to click on either gradient handle, known as the “start” for the first handle or “end” for the last handle you drew, then left-click on a color in the Inkscape color palette. Fret not – there are a couple ways to change the colors of your gradient. If you’re like me, you may not have the colors you want set for your gradient at present (or you may not have any colors and your text disappeared). So feel free to play around with the location of these points to get a different result.

The starting and ending points can go outside your text – the gradient will still only draw inside your text. To draw a gradient inside your text, click and drag your mouse from the top of the text to the bottom (green arrow – note: if you hold the ctrl key, it will draw your gradient in straight-line mode). Next, click on the Gradient tool in the toolbox (red arrow in the above image). Then, type your text (I went with “INKSCAPE” for my text – red arrow in the above image). When you’re ready, click on your canvas with the text tool to create a line of text. I’ll also change my font size (red arrow in the above image) to 144 pts (green arrow) so that it’s nice and large when we first add our text.

Next, change your font to the desired font by clicking the dropdown (red arrow in the above image) and selecting the font name (green arrow in the image above – you can also simply start typing your font name in the text field if you know your font name already). In this tutorial, I’ll show you how to fill your text with a gradient using Inkscape, the free vector graphics editor! This is a very simple technique that only requires a couple steps, so let’s dive in!įor starters, grab the Text tool from the Inkscape toolbox by clicking on its icon (red arrow in the image above) or hitting the “T” shortcut key on your keyboard.

How to offset text in inkscape