![]() You can reposition the stops of your gradient by clicking and dragging the arrows along the gradient slider at the top of the dialogue (green arrow in the image). However, you can click on this stop (green arrow) and change the color to anything you want using the previously discussed methods (I changed my color in the above photo, hence why it’s a pinkish color). By default, it will be the average color of the original first and second gradient stop. You can also insert a new stop to your gradient by clicking the “+” icon towards the bottom of the dialogue (red arrow in the above image). Repeat this process by clicking on the second gradient stop (red arrow), then choosing your new color via the sliders or by pasting your HEX code (outlined in blue in the above image – my second HEX code value is “F1C40F”). In my case, I know the HEX code for my first color is “F75C03,” so I’ll paste this code in the RGBA field. If you have a HEX code for the color you want to use, you can copy and paste that code in the field next to “RGBA” (outlined in blue in the image). ![]() This will allow you to view and edit each “Stop,” or handle, of the gradient.Ĭlick on the stop you want edit (green arrow in the above image), then change the color of the stop using the color sliders. If you weren’t taken to the Gradient Editor automatically when the Fill and Stroke dialogue was opened, click on the “Fill” tab (red arrow in the above image), then click the “Linear gradient” icon (green arrow).Ĭlick the arrow next to “Stops” to expand the gradient stops feature (red arrow in the above image). 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.
0 Comments
Leave a Reply. |