Create A Circular Infographic with Adobe Illustrator

Create A Circular Infographic with Adobe Illustrator 800 470 Nick Saporito

In today’s tutorial I’ll be demonstrating how you can create a vector infographic design with Adobe Illustrator. Once the design is completed you can plug in your own information and data as you please.

Learn How To Design Logos

If you want to learn how I come up with logo design ideas, be sure to check out my Logo Design Academy - an interactive 18-part video course where you will learn my entire creative process for coming up with logo ideas and implementing them.

The following is a brief overview of the steps taken to create this infographic. For complete step-by-step instructions, please watch the video tutorial at the top of the page.

Design An Infographic with Illustrator

Designing this circular infographic is a relatively simple process that most beginners can follow along with.

First, we will start out with a couple of circles — one being larger than the other. I have the opacity reduced to roughly 50% so that we can see through the objects as we’re working.

Step 1

The next step is to cut the larger of the two circles in half.

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.

Step 2

Now we’re going to duplicate the grouping as many times as you’d like for your infographic, and fit them into each other in an alternating pattern where they are flipped vertically.

If your data calls for 5 items, then duplicate it 5 times. If you need 3 items, then duplicate it 3 times, etc. For this demonstration I’ll be using 4 items.

Step 3

Now we’re going to use the Shape Builder Tool to work a little magic and combine the blue circles together.

Step 4

Next we’ll use the Direct Select Tool to round the ends of the blue line going around the infographic circles.

Step 5

The final step is to simply fill everything in with your desired colors, then add your data to complete your infographic.

Finished infographic design

As you can see, I used a lot of graphics to make this design come to life, but you can use flat colors if you’d like. The video tutorial at the top of the page will guide your through the process of using a gradient if that’s what you prefer.

And that should do it for today’s tutorial. That is how you can design a circular infographic with Adobe Illustrator. If you have any questions simply leave a comment below. As always, thanks for watching!

Want Me To Design Your Logo?

I'm Nick, and I design logos. I can help you enhance your image and make an impactful impression with some next-level branding. Check out my portfolio to see how I've helped others and learn more about how I can do the same for you.


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.

Nick Saporito

Designer, content creator, and the founder of LogosByNick.com — an educational media platform for learning about graphic design.

All stories by: Nick Saporito

Leave a Reply

Your email address will not be published.