Now You Can Easily Create Conical Gradients with Inkscape

Inkscape create conical gradients

In today’s tutorial I’ll be demonstrating how you can use Inkscape to easily create gradients that wrap in a circle going around a central point, otherwise known as conical gradients. Skip down to the bottom of the page if you’d just like to watch the video tutorial.

Inkscape has always made it easy for us to create radial and linear gradients, but for the longest time, other gradient types — like mesh and conical — weren’t possible. Creating such elements meant using other software.

Types of gradients in Inkscape

Thankfully that changed with Inkscape’s most recent release. There’s now an added tool in the left-hand toolbar called Create and edit meshes, but you must be using Inkscape version 0.92 (or later, if you’re reading this in the future) in order to have access to it. If you’re not sure which version on Inkscape you’re using, just go to Help > About Inkscape and a menu displaying the version type shall appear.

Inkscape version 92

If it turns out that you’re using an older version, go ahead and upgrade to version 0.92 before continuing on with the tutorial.

Creating Conical Gradients with Inkscape

Once you have version 0.92 up and running, simply grab the Create circles and ellipses tool (F5) and create a perfectly round circle on the canvas. It doesn’t matter what color it is, just make sure the opacity is set to 100%.

Perfectly round circle

After that, grab the Create and edit meshes tool from the left-hand toolbar, and a menu should appear at the top of the page similar to what is depicted below. Set all of the values in that menu to exactly what you see on my screen. Note that there’s 8 columns and 8 rows.

Meshes menu in Inkscape

If you’d like to make Inkscape appear dark like you see on my screen, be sure to check out my Inkscape dark theme tutorial. 

Once those values are set, simply click and drag on the canvas going across the circle and a conical grid with nodes should appear, as depicted below.

The conical grid appearance

Click and drag over all of the nodes on the left-hand row to select them, then click on the color red in your color picker. The entire row should turn red.

Changing the colors by individual nodes

Now simply repeat this process going around the entire circle, selecting each row of nodes individually and changing them to their respective shades — orange, yellow, green, etc. Once finished, your conical gradient is complete!

Conical gradient created with Inkscape

Video Tutorial

For complete step-by-step instructions with voice narration, feel free to follow along with the video tutorial.

Logos By Nick LLC is a participant in the Amazon Services LLC Associates Program, an affiliate advertising program designed to provide a means for sites to earn advertising fees by advertising and linking to Amazon.com. As an Amazon Associate I earn from qualifying purchases. Read affiliate disclosure here.

Logos By Nick

LogosByNick.com is an educational media platform for learning about graphic design software.

2 thoughts on “Now You Can Easily Create Conical Gradients with Inkscape

  1. Hi Nick,

    I like the way you explain things and you are obviously good at using IS. But I have to say that My nersion of IS never behaves the way yours does which has turned me off using your tuts. I follow your instructions to the letter but almost NEVER get the same things you show. I have even installed your icons to make it easier to follow but I am just totally frustrated and wasting hours and hours of time.

    If you want I can send a video with just one example, but I won’t waste the time making it if you are not interested.

    My email is derivs1@gmail.com.

    Stevce

  2. Hi Nick,

    I like the way you explain things and you are obviously good at using IS. But I have to say that My nersion of IS never behaves the way yours does which has turned me off using your tuts. I follow your instructions to the letter but almost NEVER get the same things you show. I have even installed your icons to make it easier to follow but I am just totally frustrated and wasting hours and hours of time.

    If you want I can send a video with just one example, but I won’t waste the time making it if you are not interested.

    My email is derivs1@gmail.com.

    Stevce

Leave a Reply

Your email address will not be published.

Recent Posts