Menu
How to Create Radial Gradients in Inkscape

Inkscape is an amazing, easy to use, and powerful vector graphics drawing application. One of the most amazing things about Inkscape is that it's brought to you for free by the Free Software Foundation in Boston, MA. One of the most powerful things about Inkscape is that you can use gradients. Gradients can make even the most crude drawings look professional.

What is a Gradiant?

A gradient is a gradual transition form one color to another color. But before we get deeper into gradients, lets briefly describe how colors are defined by computers. Computers create colors by defining the amount of red, green, and blue the color contains.

Because computers are binary, and because the first computers had small data storage capabilities, each color is defined on a scale from 0 to 255. So, for example, the color blue would be encoded as 0,0,255 and the color white would be 255,255,255.

A radial gradient

What is a Radial Gradient?

A radial gradient is a circle or elipse that has one color at the center that gradually transitions to a different color at the edge.

1. To set a radial gradient, right-click on the object, and in the menu that appears, select Fill and Stroke.

Fill and Stroke dialog box

2. In the Fill and Stroke dialog box that appears, select the Fill tab. Under the Fill tab you'll see 5 buttons; [Flat color], [Linear gradient], [Radial gradient], [Pattern], and [Swatch]. Click on the [Flat color] button.

3. In the Flat color section of the dialog box, set one of the colors of the radial gradient. The easiest way to set a color is to select the wheel tab.

4. In the Fill and Stroke dialog box , click on the [Radial gradient] button.

Create and edit gradients tool

5. Then while the object is still selected, click on the [Create and edit gradients] button in the toolbox. This will cause the radial gradient's stop nodes to appear. The center of the radial gradient is marked by a tiny square node. The outer edges of the radial gradient are marked by tiny round nodes.

Radial gradient's stop nodes

6. Click on one of the nodes to select it. The node should turn blue. Note that the [Flat color] tab is selected. In the Flat color section of the dialog box, set the color of the selected stop.

Drag the stop nodes

7. You can drag the center node to relocate the center of the radial gradient. You can drag an edge node to set the size or shape of the radial gradient.

Gradients are a very powerful effect you can use to make your drawings look more professional. As you learned from this article, radial gradients are very easy to use in the amazing, powerful, and free Inkscape vector graphics drawing application.


Learn more at amazon.com

More Graphics Design Tips:
• SVG Code to Place Text on a Curved Path
• What is the Pantone Color System?
• How to Use Draw Bezier
• How to Make a Simple Video
• How to Remove PNG and JPEG EXIF Metadata
• Image Processing Filters - How to Sharpen a Photograph
• XDdom 3D Axis and Coordinate System
• MathML Element to Display a Fraction
• SVG Code for Outlined Letters Text
• How to Create a Simple Video with Windows Movie Maker