Inkscape infographic template

Inkscape Infographic Template | Tutorial + Free Download

Inkscape Infographic Template | Tutorial + Free Download 1024 602 Nick Saporito

In today’s tutorial I’ll be demonstrating how you can design a colorful, circle-shaped infographic design using Inkscape. This Inkscape infographic template will also be available for you to download for free in case you’d like to bypass the tutorial altogether.

In order to keep this post relatively brief, I’ll basically be doing a swift overview of how to construct the design in images. If you’re pretty familiar with Inkscape then you should be able to follow along just fine. If not, then I would recommend skipping to the end of the post where I will have a step-by-step video tutorial with voice narration that could walk even a first-time user through the entire process.

Inkscape Infographic Template

First, create a perfect circle, make it black, and set the opacity to 50%. Then, create a polygon with 6 sides, make it red, set the opacity to 50% as well and center within the circle’s vertical and horizontal axis.

Step 1

Next, snap the Bezier Pen onto the bottom left corner of the polygon and create a shape the runs parallel to the polygon’s bottom left edge. Make it extend outside of the circle, make the color green and set the opacity to 50%, as depicted below.

Step 2

Shameless Plugs:

Get Master Resale Rights

All templates sold on the Logos By Nick Store come with master resale rights, meaning you can resell and re-brand them as your own!

  125 Templates

Logo Mega Bundle

A collection of over 125 logo templates in editable vector format.

  Nick Saporito
Price: $17
  180 Templates

Ultimate Texture Pack

Vector textures in monotone and SVG format. Scalable infinitely without quality loss.

  Nick Saporito
Price: $9

Shop All Templates

Using the Bezier Pen again, create another shape from the same bottom left point, only make it cut horizontally through the green shape and use it to perform a Difference on the green shape.

Step 3

Step 4

Now select both the green shape and black circle and perform an Intersection function on them.

Step 5

The remaining shape after the Intersection function is performed

Duplicate the remaining black shape, make it green, and rotate it clockwise until the larger flat edge runs parallel to the top left edge of the polygon, and snap it onto its corresponding corner.

Step 6

Repeat this process until each of the 6 sides of the polygon have identical shapes placed on them. You may want to use alternating colors in order to help you differentiate them.

Step 7

Delete the red polygon, bring the opacity of the remaining shapes back up to 100% and color them in however you’d like.

Step 8

Our Inkscape Infographic template is nearly complete

Now we need to add drop shadows to each side in order to give the design a layered sort of look.

Select all of the shapes, duplicate them, make them black, rotate them slightly clockwise, then give them a 2 point blur.

Step 9

Grab one of the color sides, duplicate it, and use it as a clipping path for the black shape that precedes it.

Step 9

Repeat this process with the remaining 5 shapes.

Step 11

The final step is to simply fill in the design with whatever information you’d like…

Step 12

And with that, our Inkscape infographic template is complete!

Free Inkscape Inforgraphic Template

Free Inkscape infographic template

To download a free copy of this design in various vector formats, use this link: infographic-template.zip

The text will be editable. Before opening the design file with Inkscape, I would suggest downloading and installing the Lato font first because that is the font used in this design. Without it, Inkscape will default to another font in your system.

Video Tutorial

If the written portion of the tutorial was too vague for you to understand, try watching the video tutorial instead. It has step-by-step voice narration that even a first-time user of Inkscape could follow along with.

Shameless Plugs:

Learn To Master The Software

Gain a complete understanding of your favorite design apps with my comprehensive collection of video courses. Each course grants access to our private community where you can ask questions and get help when needed.

  81 Videos
  11 Modules

The Inkscape Master Class

Tutorials, quizzes and practice exercises for learning every tool & feature in Inkscape.

  Nick Saporito
Price: $17
  77 Videos
  7 Modules

Affinity Designer Master Class

Tutorials, quizzes and practice exercises for learning every tool & feature in Affinity Designer.

  Nick Saporito
Price: $17
  98 Videos
  7 Modules

Illustrator Master Class

Tutorials, quizzes and practice exercises for learning every tool & feature in Illustrator.

  Nick Saporito
Price: $17
  70 Videos
  9 Modules

GIMP Master Class

Learn how to use all of the primary tools and features in the GIMP application.

  Nick Saporito
Price: $17

View All Courses

Nick Saporito

Hi, I'm Nick— a Philadelphia-based graphic designer with over 10 years of experience. Each year millions of users learn how to use design software to express their creativity using my tutorials here and on YouTube.

All stories by: Nick Saporito
7 comments

Leave a Reply

Your email address will not be published.