Jason Hoppe Adobe Certified Expert & Adobe Certified Trainer
  • Home
  • Contact
  • Classes
  • Blog
  • Blog Index
  • Portfolio
  • Max 2022

Design Points n PixelS


INFOGRAPHIC SERIES - Easiest Pie Chart Ever!

1/1/2017

0 Comments

 
Creating a Pie Chart can be super easy. And I mean SUPER EASY. In just a few easy steps you can create a pie chart with any percentages and make it perfect, each and every time. And discover Illustrators hidden calculator!
Picture

Picture
I have drawn a circle and have a few values I want to make a pie chart from. This works with as many values as you want!
Picture
One the right side of the cirle is a small circle handle. When you click and drag it will make the circle into a pie shape. The tool hint comes up and shows information but this is not super useful since we have percentages and it shows measurements in degrees. 
Picture
To make this easy, open up the Transform Panel from the Window Menu. Here you can put in your percentages.

Picture
This requires math. Illustrator has a built in calculator!! Take the percentange and multiply it by 3.6. This will give your the degrees of the pie you need.
Picture
Select the circle, put you values in the Transform Panel Pie Chart Start Angle. This field IS THE CALCULATOR. Notice that I input 35 * 3.6, then hit return and the calculation is done!
Picture
Yes, it is that easy! My pie chart now shows 35%. But now I want the missing piece as well, this only shows me part of the pie. 

Picture
Duplicate the circle and click on the Invert pie chart button. This gives you the opposite piece of the pie. 
Picture
Put the pieces together and you have your pie chart. 
Picture
Another nice trick is to add a heavy stroke to the pie in one of the colors, this helps to show the values better.
I used Museo Slab as the font. 
0 Comments



Leave a Reply.

    RSS Feed

    Archives

    March 2021
    February 2021
    December 2020
    September 2020
    August 2020
    July 2020
    June 2020
    May 2020
    April 2020
    March 2020
    February 2020
    January 2020
    December 2019
    November 2019
    October 2019
    September 2019
    August 2019
    July 2019
    June 2019
    May 2019
    April 2019
    March 2019
    February 2019
    January 2019
    December 2018
    November 2018
    October 2018
    September 2018
    August 2018
    July 2018
    June 2018
    May 2018
    April 2018
    March 2018
    February 2018
    January 2018
    December 2017
    November 2017
    October 2017
    September 2017
    August 2017
    July 2017
    June 2017
    May 2017
    April 2017
    March 2017
    February 2017
    January 2017
    December 2016
    November 2016
    October 2016
    September 2016
    August 2016
    July 2016
    June 2016
    May 2016
    April 2016
    March 2016
    February 2016
    January 2016
    December 2015
    November 2015
    October 2015
    September 2015

    RSS Feed

Proudly powered by Weebly
  • Home
  • Contact
  • Classes
  • Blog
  • Blog Index
  • Portfolio
  • Max 2022