How to Create a Pie Chart in Adobe Illustrator

In this tutorial I will show you how to create a Pie chart in Adobe Illustrator.



Final Image

How to create a Pie Chart illustration using Adobe Illustrator

Tutorial Details

  • Program: Adobe Illustrator CS6
  • Estimated Completion Time: 90 min
  • Difficulty: Beginner-Intermediate

Step 1

Using the Ellipse Tool (L) create a 395x395pxcircle.

Using the Line Segment Tool draw a line and center it in the middle of the circle.

How to create a Pie Chart illustration using Adobe Illustrator 1

Place your mouse in the middle of the line and press R+ALT+click, Rotation Panel will pop up. Put in 20 and press Copy and Ctrl+D, to repeat the transformation.

How to create a Pie Chart illustration using Adobe Illustrator 2
How to create a Pie Chart illustration using Adobe Illustrator 3

Select everything and go to Pathfinder Panel, click Divide.

How to create a Pie Chart illustration using Adobe Illustrator 4

Create another 155 x 155 px circle, place it in the center of first circle, select everything and click Trim on Pathfinder Panel. Delete the smaller circle.

How to create a Pie Chart illustration using Adobe Illustrator 5

Step 2

Create another 485x485px circle and repeat everything, only in Rotation Panel put in 45°. Now you should have two different pie charts in two different shapes.

How to create a Pie Chart illustration using Adobe Illustrator 6

With the Direct Selection Tool, delete unnecessary pieces like this:

How to create a Pie Chart illustration using Adobe Illustrator 7

And using Unite function in the Pathfinder panel, unite pieces as in the image below.

How to create a Pie Chart illustration using Adobe Illustrator8

Bring out one of the pieces. And group everything.

How to create a Pie Chart illustration using Adobe Illustrator 9

Step 3

Go to Effects – 3D – Extrude&Bevel and put in these numbers:

How to create a Pie Chart illustration using Adobe Illustrator 10

Step 4

Go to Object – Expand Appearance. Now you can choose colors. Select shapes using Direct Selection Tool.

  • Pink #f8b4bc, darker #f4838a
  • Blue #a3dce5, darker #529299
  • Brown #c1b299, darker #8f8272
  • Yellow #ffeeb3. darker #d8bd65
  • Green #c5de87, darker #84934d
  • Stroke #3f3c3a, 2pt
How to create a Pie Chart illustration using Adobe Illustrator 11

Also for strokes, use Round Cap and Round Join.

How to create a Pie Chart illustration using Adobe Illustrator 12

Step 5

One by one round the corners of all shapes, make sure you don’t round them too much.

Using Direct Selection Tool delete unnecessary points and draw with the Pen Tool. Use Smooth Tool to smooth everything up, but be careful to not overdo it.

How to create a Pie Chart illustration using Adobe Illustrator 13
How to create a Pie Chart illustration using Adobe Illustrator 14

In the end you should have something similar to this. Make sure you don’t round the insides.

How to create a Pie Chart illustration using Adobe Illustrator 15

Step 6

Using the Pen Tool draw lines on the one side of the brown shape with the same color weight as before.

How to create a Pie Chart illustration using Adobe Illustrator 16

Use 6pt, white color, to draw light. Add small circles.

How to create a Pie Chart illustration using Adobe Illustrator 17

To create shadows, using the Direct Selection Tool take the shape you need and using the Pen Tool, draw the shadow over it, select both shapes and click on Divide in Pathfinder Panel. Lose the stroke and place it over the original shape. Change blending mode to Multiply. Repeat the same with the blue shape.

For more depth create a small ellipse underneath our Pie chart (#cccccc) and for background color I used #f8f4e8.


And We’re Done!

Hope you enjoyed this tutorial and learned something new, let me know! See you for the next one!

How to create a Pie Chart illustration using Adobe Illustrator