Inkscape create conical gradients

Now You Can Easily Create Conical Gradients with Inkscape

Now You Can Easily Create Conical Gradients with Inkscape 1024 602 Nick Saporito

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.

Logo Design Guide


Curious about the creative process that inspires me to come up with design ideas and how I go about executing them? Be sure to check out my logo design guide for a look behind the scenes at my systematic approach to coming up with design ideas.

Learn How To Design Logos

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

150+ Logo Templates

Need a professional logo but have a limited budget? Or are you a designer looking to add to your inventory of design elements? Check out my bundle of 150+ high quality logo templates, all designed by Yours Truly.

Get Your Logo Templates!

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.

Become A Master of Inkscape!

Want to learn more about how Inkscape works? Check out the Inkscape Master Class – a comprehensive series of over 50 videos where I go over every tool, feature and function in Inkscape and explain what it is, how it works, and why it’s useful.

Join The Mailing List

Be notified of new posts and receive 20% off all design templates and learning materials!

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.

Nick Saporito

Nick Saporito is a Philadelphia-based graphic designer who specializes in branding-specific design. A full portfolio and information regarding services offered can be found at LogosByNick.com.

All stories by: Nick Saporito
2 comments
  • Steve Bagley

    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

  • Steve Bagley

    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.