• Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    Dedicated community for Japanese speakers
  • 한국 커뮤니티
    Dedicated community for Korean speakers
Exit
0

How to create this infographic in Illustrator?

Community Beginner ,
May 02, 2023 May 02, 2023

Copy link to clipboard

Copied

Dear team,

 

I am looking to recreate the following infographic:

infographic.png

 

 

 

 

 

 

 

 

 

 

 

 

 

 

I took a stab at it and was able to make something as follows. However, the issue that i am facing is with the trianagles (with the rounded tips) that go around the circle. They don't look right. I tried to do that with the rotate tool, but the symmetry is all messed up. I don't have the orginal Illustrator file for this.

 

info.png

 

 

 

 

 

 

 

 

 

 

 

 

 

I was wondering if you could please guide me on the right workflow for the same.

 

Thanks!

 

TOPICS
How-to

Views

683

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines

correct answers 2 Correct answers

Enthusiast , May 03, 2023 May 03, 2023

29632062lql3, Hi.

 

Fun to do! 😁

I’ll post screenshots later of how I created this.

For the most part, I used Effects>Transform.

The text is Type on a Path.

 

K

Screen Info graphics.png

Votes

Translate

Translate
Enthusiast , May 03, 2023 May 03, 2023

Here are the screenshots how I recreated that info graphic.

Everything is centered around that exterior red circle.

 

Getting started

Create your shape, shown in brown.

Draw a circle, Shown in green so you can see. (Yours will have a Stroke color None)

Center your shape within that green circle.

Group the green circle and shape.

 

Next:

Effects>Transform.

Give it an angle of 51.428 with 6 copies.

(360/7=51.428)

Expand Transform

 

Next:

Draw some stroked concentric circles

Select all, Object>Live Paint. Recolor a

...

Votes

Translate

Translate
Adobe
Community Expert ,
May 03, 2023 May 03, 2023

Copy link to clipboard

Copied

Try this: https://youtu.be/kpLpzirI73k

What you cannot see in the video: when clicking with the rotate tool, press the Alt key while doing so.

In order to create those inner (red in your case) parts of those triangles, draw another circle and then use the shapebuilder tool.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Enthusiast ,
May 03, 2023 May 03, 2023

Copy link to clipboard

Copied

29632062lql3, Hi.

 

Fun to do! 😁

I’ll post screenshots later of how I created this.

For the most part, I used Effects>Transform.

The text is Type on a Path.

 

K

Screen Info graphics.png

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Enthusiast ,
May 03, 2023 May 03, 2023

Copy link to clipboard

Copied

Here are the screenshots how I recreated that info graphic.

Everything is centered around that exterior red circle.

 

Getting started

Create your shape, shown in brown.

Draw a circle, Shown in green so you can see. (Yours will have a Stroke color None)

Center your shape within that green circle.

Group the green circle and shape.

 

Next:

Effects>Transform.

Give it an angle of 51.428 with 6 copies.

(360/7=51.428)

Expand Transform

 

Next:

Draw some stroked concentric circles

Select all, Object>Live Paint. Recolor as you wish.

Expand Live Paint.

Pathfinders>Unite same colors.

Group all your art elements

 

Type:

Draw two stroke concentric circles.

Scissor cut.

Type on Path. Paste your type on each line.

Group your text, centered once again inside that green stroke circle

Apply the same Transform on your text.

Expand Transform.

All text is still live.

 

That’s it.

K

Screen ALL.pngScreen Info graphics.png

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
May 03, 2023 May 03, 2023

Copy link to clipboard

Copied

LATEST

Thank you so much, everyone. I was able to create it following the guidance that you laid down. 🙂

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines