How to Apply a Radial Gradient in Inkscape?

Applying a radial gradient to an object in Inkscape is a straightforward process that adds depth and realistic lighting to your vector designs. This article provides a step-by-step guide on how to create a shape, select the Gradient Tool, apply a circular color blend, and customize the gradient’s colors and positioning using the on-screen handles.

Step 1: Create or Select Your Object

Before you can apply a gradient, you need an object to work with. Open Inkscape and select an existing object on your canvas, or create a new one using the shape tools on the left toolbar, such as the Rectangle or Circles/Ellipses tool. Ensure the object is actively selected; you will see bounding box arrows around it.

Step 2: Activate the Gradient Tool

Locate the toolbar on the left side of the screen and click on the Gradient Tool, which looks like a fading rectangle, or simply press G on your keyboard. Once the tool is active, a context menu will appear at the top of the workspace displaying specific settings for gradients.

Step 3: Choose the Radial Gradient Option

In the top context menu, you will see icons for different gradient types. Click on the Radial Gradient icon, which looks like a circle with a fade from the center outward. Next to this icon, ensure that the “Fill” option is selected so the gradient applies to the inside of your shape rather than its outline stroke.

Step 4: Apply the Gradient to the Object

With the Radial Gradient option active, double-click directly inside your selected object. Alternatively, you can click in the center of the object and drag your mouse outward. Inkscape will automatically apply a default radial gradient, fading from your object’s original color in the center to complete transparency at the edges.

Step 5: Customize Colors and Adjust Handles

To modify the gradient, use the interactive edit handles that appear over the object. The central circle handle controls the origin point of the gradient; you can click and drag it to shift the highlight. The two outer square handles control the radius and the direction of the fade.

To change the colors, click on any of these handles to select it, then choose a color from the palette at the bottom of the screen. You can also add more color transitions by double-clicking anywhere along the gradient lines to create new stop points.