How to make a PIE chart in Adobe Illustrator

Loading...

Do curso por Michigan State University

Design and Make Infographics (Project-Centered Course)

487 classificações

Michigan State University

Design and Make Infographics (Project-Centered Course)

487 classificações

In this project-centered course*, you will create a content-rich infographic on a topic of your choice using Adobe Illustrator (which you can download for a free, 30-day trial). You might choose to create a visual representation of data from the world of sports, entertainment, politics, or science, to explain a business trend or environmental issue, or even to present a theme or development from your personal life. Your finished infographic will engage your target audience and convey information clearly through effective use of design elements such as typography, color, and structure. Whether you’re a graphic designer, a writer or the intern in the department, you’ll learn: • what an infographic is and what makes a good one • how to work within your limits • how to work with a team (if you have one) • why infographics are effective • techniques for spotting data in stories • six valuable steps for planning an effective infographic • how to use and make some of the building blocks of infographics: maps, charts and flow charts • ways data can be visualized to clarify it and give it meaning • how to effectively design a good infographic by effectively using elements like type, color and an underlying grid structure • some free or cheap, online tools for making various kinds of infographics As you work on your project, you’ll learn more about why infographics are effective, what makes a good infographic, and how to plan and design an infographic for maximum impact. You’ll explore various approaches to data visualization, and you’ll practice creating visualizations like maps, charts, flow charts, and simple drawings in your free version of Adobe Illustrator. Please note that if you are new to learning graphics software, making these graphics could take much longer than estimated as you learn and grow. What you’ll need to get started: This project-based course is aimed at anyone interested in understanding, designing, and using infographics - from students and hobbyists to professional graphic designers. We’ll use Adobe Illustrator for some components of the project. If you don’t have access to the full version of Illustrator,you can download a free version at www.Adobe.com/Illustrator. If the free 30-day trial runs out, you can "purchase" it for a month for about $20. *About Project-Centered Courses: Project centered courses are designed specifically to help you complete a personally meaningful real-world project, with your instructor and a community of like-minded learners providing guidance and suggestions along the way. By actively applying new concepts as you learn, you’ll master the course content more efficiently; you’ll also get a head start on using the skills you gain to make positive changes in your life and career. When you complete the course, you’ll have a finished project that you’ll be proud to use and share. When you enroll in certain courses, you’ll be asked to pay a small fee to share your work with others for peer review.

Na lição

Make a chart

This week we're going to focus on three popular kinds of charts: bar, line and pie and you'll learn what kind of data each one is used for as well as some things you shouldn't do with them. The assignment this week is to make a chart using Adobe Illustrator. If learning graphic software is new to you, this could take you much more time than you think. In the fourth and final module of this project you will be creating an infographic that will contain at least one chart in it, so this might be a good point for you to think about what topic you would like to make your infographic about and then plot your chart here using data that you can apply to your infographic. You can download a 30-day trial version of the Adobe Illustrator by going to www.Adobe.com/Illustrator, or, if you prefer not to use Illustrator, you could try Inkscape (https://inkscape.org/en/), which is free. It won't plot charts, but I've heard that people plot charts in another program, such as Excel, and then carefully trace them in Inkscape so that they can style them up to their needs. Here are some good Youtube tutorials: https://youtu.be/zUIOEXssTSE. Technically, charts are called graphs, but I’m not a purist. I call them charts and I have for 30 years. You may call them whatever you like. ☺ Why Illustrator? It’s the industry standard for creating maps, charts and other graphic images. My Adobe Illustrator tutorial this week shows you how to make a pie chart, and the same styling and editing techniques will apply to the other chart types. If you prefer, here is a link to my tutorial for “How to Make a Bar Chart in Adobe Illustrator,” though. It’s not Illustrator CC, but you won’t be able to tell the difference and it’s a little more comprehensive than my pie chart tutorial.

How to make a PIE chart in Adobe Illustrator9:30

Conheça os instrutores

Karl Gude
Graphics Editor in Residence
School of Journalism

Hi everyone, my name is Karl Gude and

I'm going to show you how to make a pie chart in Adobe Illustrator CC.

Over in the left, you have a tool palette.

And, one of these little tools is a Charts Tool,

you'll see that it looks like a bar chart.

If you hold down the mouse button, you will be able to pop out a Pie Graph Tool.

I'm going to go ahead and select that.

When I draw a box on the desktop here, what I get is a Spreadsheet.

Now I can import data using this icon here on the top left here, or

I can just type it into this Spreadsheet directly which is what I'm going to do

because I indicate this siphoning and make up the data that's not real stuff but

it will show you how to make one.

I'm going to go ahead and type in some fruit names.

Everything you type into this spreadsheet will occur up here into this box up here

and it gives you a one, it doesn't know what you want to do,

just automatically gives you one.

I'm going to go ahead and type in Apples,

Pears, Kiwi, it's short and fast [LAUGH] and Grapes.

We'll add bananas, Bananas, there.

Now, I'm going to go ahead and pretend that their, let's say it's priced per

pound or something, but I'm just going to keep this simple and

go 1, 2, 3, 4, 5 just to get some data in here.

You never want to have a put icons like symbols like a dollar sign or

commas into this spreadsheet, it only recognize periods and whole numbers.

So if I go ahead over here and click on the check market top rate

of the input box, you're going to find something wrong.

When you click on that, it looks like circles.

This is a very valid chart type and it does represent the proportions,

that I typed in there.

So in order to make a pie chart, you don't want to enter your data

coming down the way you would typically enter data into a spreadsheet.

It actually has to be tabbed straight across.

I'm going to go ahead and click this icon here that says Transpose row/column and

that now puts it in the proper format to be a pie chart.

And I'm going to click the check mark, and there it is.

Adobe has not realized that they are a design company yet, and so

they make these really ugly charts.

I'm going to go ahead and

close this window by clicking in the red button here on the top left of the window

and I now have a chart that is still linked to the data.

So if I decide I want to take out Bananas, I can right-click on this,

scroll down to the data, open it up.

And there with my bananas I can just decide I don't want bananas in there and

you can see that it just click the check mark automatically updates it.

So it is linked to the data.

And I want to bring these legends they're called.

The key, the labels from the key into my pie chart wedges.

So I'm going to right-click again and go to the word Type and

up here you can actually change it to a bar chart, or something like that.

We're going to keep it a pie chart and we're going to go down here to standard

legend, and we're going to say, Legends in Wedges and say OK.

And it pops them into the middle.

I'm going to go ahead and zoom in on this.

And now, pie charts, it's really important to know that pie charts are supposed

to be 100% of whatever it is you're talking about.

Maybe this is the 100% of the fruit I purchased today,

it's all sitting on my counter.

You can use whole numbers in pie chart wedges.

You don't have to use percentages.

It just has to be 100% of whatever it is you're talking about.

We're going to pretend that we wanted to shrink this to fit in a certain space,

like in a column on a website.

And I'm going to come over here to my Resize Tool, Scale Tool over here.

I'm going to click on that and it has a two part process.

The first thing you get is a crosshairs, and that's like driving

a nail into the point in the chart that you want it to stay stationary at.

I'm going to click on that first point, and you can see that little blue

crosshairs you got, and then I'm going to come over here, and

I'm going to shrink it, and you can see how that stays in place.

You notice that you can see that in the blue image that it is not staying

circular.

And so I'm going to hold the shift key down so it retains its shape and

form the circle.

You don't ever want to create a Pie chart inprospective.

It distorts the data.

I doesn't allow people to actually see the proportions by seeing the wedges

as they are.

People have to actually read the data and it becomes nothing more than decorative.

I'm going to zoom in a little more on that by clicking on the magnifying glass or

hitting Cmd or Ctrl-++, I think my type is a little too small.

I have the entire chart selected here.

And I can now just go Cmd-T, and

just automatically enlarge the type to say 8 point.

So once I know that the data is exactly how I want it, and I don't need to change

the data on the spreadsheet, I'm going to go ahead and say object Ungroup this, and

it's going to say this won't link to the data and you say that's fine.

There are different levels of ungrouping, and

if I grab the pie chart the wedges are all grouped together still also.

I can go back and say arrangement ungroup again, and

now each pie chart will be an individual wedge.

And same with the type, but right now I think I'll just leave the type alone.

I can color these pie charts, these wedges in different colors, but

I'm going to keep them all the same color.

I'm going to go ahead and draw a box, a selection box with a black

arrow around the entire thing, But I want to deselect the type.

So I'm going to hold the shift key down and hit deselect that.

And I only want to color theses wedges, not the type.

So I'm going to go back to my swatches menu here.

And instead of picking one of these creepy colors they have here,

I"m going to actually click in the little box on the upper right hand corner and

you'll see that you get these options.

And I"m going to switch down to Open Swatch Library.

And if you have a lot of different things here.

I'm going to click Earthtone which has all these colors that mix well together.

They match. And I'm going to make this a color,

making sure that the fill color is in the foreground, not the line color and

I'm going to select a color for the pie chart.

I'll make it this tan color.

And I'm going to make the lines white.

So I'm going to bring the lines to the foreground here, and

I'm going to click white.

And so now I have white lines.

I'm going to click on the Type tool up here, and

I'm going to go to the word Grapes.

I'm going to put a dollar sign, and call this $2.00.

And then I'm going to go ahead and select that $2.00.

I can drag it across it or double-click.

Triple-click actually and then I can hit Cmd+T for my type again.

And I can make that a larger font like 12 point Regular.

I click 12 point.

I've filled that in the type size box and

I'm going to go ahead and make that Bold, and now it says grapes $2.00.

There's a bit of distinction in the type faces there which is nice, but

there's still too much space between the two.

So, I'm going to select that again and I'm going to go to the line spacing tool right

here to the right of the size, and I'm going to make that about 12 point also,

and you can see that that pops it right back down.

And I think now would be a good time for me to ungroup these fonts because

actually, I might want to move them around individually, and

I'm don't want to have to use the direct selection arrow to do that.

So I'm going to select these and go, I can actually right click and

say Ungroup right here.

So now each word can move around as I want.

I can make it look exactly perfect.

So I'm going to go ahead and select triple-click on the $2.00 and

copy that Cmd or Ctrl-C depending on whether you have a Mac or PC.

And I'm going to go to the Pears word here, and

I'm going to hit return and paste.

And I'm going to click to the apples and hit return and hit paste.

And I'll do that with the Kiwi and hit return and hit paste.

And so you see now I have that formatted type for each one.

So, there we have a pie chart and very quickly I'm going to go ahead and

put a little headline above it by clicking the type tool.

I'm going to put a headline above it and I'm going to say Fruit prices.

I want to put a subhead line under this that says

you know the price of the fruit I bought today or whatever I want.

I'm going to just put in some fake type.

It's always good to keep type in the same box if you can.

You can do it as individual type blocks too, that's up to you.

I'm going to go ahead and hit return and paste in some dummy type that I had, and

I'm going to go ahead and select that type and

I'm going to reformat it down to eight points.

And I'm going to make it not bold, and I'm going to make it tighter on the letting.

I'm going to make it about nine point letting.

Etc., more text here.

And then I also want to make sure that I

put in price per pound otherwise the numbers mean nothing.

So I'm going to say price per pound and then I think I make that italic just to

separate it from the other type make it a price per town.

I could add a little bit of extra space there if I wanted by adding a little more

letting maybe ten point letting.

And I think I want to make my title a little bit bigger, so

I think I'll make that actually 16 point.

I'm going to go ahead and drag across this like all the elements in my pie chart and

not the headline and I'm going to hit Cmd-G or Ctrl-G and group things together.

And, by the way, grouping together will not relink it back to the data.

That ended long ago.

And now if I click on the headline,

up here along this column you'll see there's some align tools.

There's one for centering.

You can also go Window, Align.

And now those are centered.

And if I want like put it behind this.

Behind everything down here in the bottom of this toolbar window,

you'll see two icons.

One is for draw in front of, one is for draw behind.

I want to draw behind of this so I'm clicking the draw behind button icon.

Click on a box now and draw.

And it draws behind.

It's remembering the last color I used so I'm going to go back and

re-open my swatch library, my earth tones and get perhaps a darker color.

Maybe I'll make it a darker blue here and now my headline is a little illegible,

so I think what I'll do there to make it look nice is I'll go ahead and

fill that in white.

But it's a little glaringly white.

I think I'm going to give it a little bit of transparency, so

that it picks up a bit of the blue behind it, and it'll soften that a little bit.

You see? That looks pretty nice.

And, once again, I can just select all of this stuff now and

then say align centers, and everything just becomes perfect.

So that's how you make a pie chart, folks.

Hope you enjoyed it.

Explore nosso catálogo

Registre-se gratuitamente e obtenha recomendações, atualizações e ofertas personalizadas.

O Coursera proporciona acesso universal à melhor educação do mundo fazendo parcerias com as melhores universidades e organizações para oferecer cursos on-line.

© 2018 Coursera Inc. Todos os direitos reservados.

Baixar na App Store

Baixar no Google Play