How to Design 3D Infographic Template in Adobe Illustrator

Hello, guys today we are going to show you “How to Design 3D Infographic Template in Adobe Illustrator”. In this tutorial, you will learn how to design the infographic template very easily. Don’t worry if you are new this is a step by step tutorial also have a screenshot of each step so you can practice it by your self by downloading the project PSD file.

Resources
Fonts used:
  • Calibri Regular
Step 01
  • Open the Adobe Illustrator software.
  • Go to the “File” menu and click on the new option.
  • Select the size of the file.
  • Go to the “Bar Menu” and select the “Rectangle Tool”.
  • Apply the gradient to the background.
  • Again go to the “Tools Bar” and select the “Ellipse Tool”.
  • Draw a circle and make the stock up to “80%”.
  • Go to the “Object Menu” and click on the “Expand” option.
  • A new window will be opened click ok.
  • Again go to the object menu and click on the “Ungroup” option.
  • Resize the circle according to your requirement.
  • Make the copy of the circle hold “Alt+Window” key and drag the curser.
1.1
1.1- (Click to Zoom)
1.2
1.2- (Click to Zoom)
1.3
1.3- (Click to Zoom)
1.4
1.4- (Click to Zoom)
1.5
1.5- (Click to Zoom)
1.6
1.6- (Click to Zoom)
1.7
1.7- (Click to Zoom)
1.8
1.8- (Click to Zoom)
1.9
1.9- (Click to Zoom)
Step 02
  • Again the “Rectangle Tool” and draw a rectangle as shown in the screenshot.
  • Change the color of the rectangle.
  • Make the same copy of the rectangle and place it’s the same as shown(2.2).
  • Select the circle and the rectangle.
  • Take the “Shape Builder Tool” and cut off the unwanted areas.
  • Delate the pieces of the rectangle.
2.1
2.1- (Click to Zoom)
2.2
2.2- (Click to Zoom)
2.3
2.3- (Click to Zoom)
2.4
2.4- (Click to Zoom)
2.5
2.5- (Click to Zoom)

Step ”03″

3.1
3.1- (Click to Zoom)[/caption]
3.2
3.2- (Click to Zoom)
3.3
3.3- (Click to Zoom)
3.4
3.4- (Click to Zoom)
3.5
3.5- (Click to Zoom)
Step 04
  • Select the “Stroke” and apply the gradient.
  • Select the circles and make two copies of the circles and make the color black.
  • Drag one copy of the circle and place as shown.
  • Make the color of the circle “White”.
  • Open the “Object” menu and go to the “Blend” option and click on the “Make” option.
  • Again open the object menu, go to the “Blend” option and click on “Blend Options”.
  • change the “Spacing Mode” to “Specified Steps” and also change the value up to “100%”.
4.1
4.1- (Click to Zoom)
4.2
4.2- (Click to Zoom)
4.3
4.3- (Click to Zoom)
4.4
4.4- (Click to Zoom)
4.5
4.5- (Click to Zoom)
4.6
4.6- (Click to Zoom)
4.7
4.7- (Click to Zoom)
Step 05
  • our basic design is ready now add some text.
  • Make a handle type as shown.
  • Add the “Text” according to your requirement.
5.1
5.1- (Click to Zoom)
5.2
5.2- (Click to Zoom)
5.3
5.3- (Click to Zoom)
5.4
5.4- (Click to Zoom)
5.5
5.5- (Click to Zoom)

This is how the final result looks like

Final Outcome
Final Outcome- (Click to Zoom)