Illustrator Charts | How To Make Charts & Graphs In Adobe Illustrator

Design Bundles

Subscribe Here





How To Make Charts & Graphs In Adobe Illustrator


Hi, this is Anne from design bundles. And today I’m going to show you how to make bar and pie graphs in Adobe Illustrator. Alright, let’s get started. We’ll start off in Illustrator, and I’m going to come up here to create new. Then we’ll choose print and letter, and then we’ll come over here to create and we’re going to start off with a column graph chart, so I’m gonna come over here to the graph tool and I’ll just click it and then I’m going to draw a rectangle on my canvas when I do that, I’ll get this little excel sheet looking thing, and this is just a spreadsheet that you can enter your information for your column graph and it will automatically make a column graph for you, so it’s really great. OK, so let’s enter some values. I’m gonna hit 25 for the first one 35 I’ll click over here. Maybe 40 and we’ll do 18 okay, and now once you’re done entering your values, you can come over here and hit this check mark, and it just says apply, and now it’s created a graph for us, and this is really nice because everything is exact, so these values are exactly where they should be instead of trying to line them up yourself. So now that we’re done with this spreadsheet, we can just click on the red. X up here and get rid of it. We can always bring this back later if we need it. And now we can make edits to the fill, the stroke and the numbers of this graph. So I’m going to use my a tool, which is my direct selection tool and just highlight all of these numbers over here. I’m gonna come up here under character and I’ll enter montserrat. I’ll choose regular, and as you can see, it’s changed all of those two Montserrats. I’m going to reduce the font a little bit, okay. That looks good and now maybe. I’ll move them all up a little bit. They’re not quite lined up anymore because I made the font smaller now. Let’s change some of the colors of the bars. I’ll hit a to do this also. This is my direct selection tool and I’ll click right on that bar now. If you open your color window and you can do this by going to window and color. Same with all the other palettes, you can get to these by going into the window and just choosing which ones you want to have open. So if I go over here to the color palette, there is no color here that’s because a lot of times when you make a new graph. It will put it in grayscale mode, so we have to get it out of greyscale to change the colors, so let’s come over here to the flyout on the color panel and we’ll choose instead of grayscale, we’ll choose RGB, and then we have a lot of different colors to choose from, So I’m just going to make this one green then. I’ll click the next one. It looks like I’m going to have to do that with all of these, so I’m going to so what I just did is high-held shift and I clicked each one. Then we’ll come up here to color and change them all to RGB at the same time. Okay, so now. I’ll get on my second one, and I’ll change that color and on the third and the fourth. Okay, so now we have all of our bars changed. There’s a very thin black outline as you can see down here, so I’m going to hit a to get my direct selection tool and just draw a box around all of those. I’ll hit X to get the stroke in front. You can toggle between fill and stroke whichever one you want to change by hitting X on your keyboard, and then I’ll hit the backslash or question Mark key to get rid of that, and now you can see there is no outline on these four bars. You can also select these and change the width of the stroke here, and that kind of things, so that is really nice. Okay, so what if the boss comes over and says, oh, we need this one to be changed to 70 You can still change it and that is what’s really nice about the graph tool so. I’m going to hit V on my keyboard to get me to the direct or to the regular selection tool. I’ll click on it and all right, click and go to data right here. That’ll bring up my spreadsheet again and then. I’ll just change that one to 70 Click the little check mark to apply, and now it has changed. All of our numbers, and it’s changed the layout of our graph. So that is really, really nice about the graph tool. I’m going to get rid of this and the thing about the graph tool. Is you can’t really customize this beyond this point so to do that? I always make a copy of this graph, all option and click and drag one over to the side off of the artboard so that way. I’ll always have the access to the data. The little spreadsheet that we just saw, but let’s say. I want to add a pattern to one of these or a pattern to all of them. If I wanted to do that, I could just click this and then ungroup so we’ll do shift Command G and when you do that, that’s shift Control G on a PC by the way. When you do that, it’ll tell you this little dialog box. This selection contains a graph and after its ungroup, you cannot access the graph style, the data or change the graph design, so it’s basically kind of expanding it. So you cannot use it kind of like outlining your text, so we’ll say yes, and now we can do whatever we want with each individual piece, maybe? I want the left sides to kind of angle in so I can just select those with my direct selection tool. I’m holding shift while I’m doing this and then shift arrow to move those in to give them kind of a funky shape, so you can do a lot of different customizations. These are basically regular paths now, and they will never be linked again to that spreadsheet. You saw earlier, but if your boss comes and tells you to change the 70 back to 40 or whatever you can still use this one, which is kind of a starting point, you would still have to do the same thing and make all the changes again. All right, let’s go on to a pie graph now. I’m going to click back on my column graph tool and change it to a pie graph and I’ll hold shift and just draw a big box here, and we get the same spreadsheet and we can enter numbers. Of course, you want these to equal up to a hundred percent because pie graphs are based on percentages of a hundred, so we’ll do twenty five, thirty five, twenty and twenty, and then we’ll say, okay, apply it, and so it’s given us this graph and we’ll go through all the same process as before, so we can select this, and now we can come over here, Change our color to RGB and then click on individual pieces and color them. Let me try that again. Okay, it will make them white with a black outline. If you create the art if you make them. RGB, okay, so let’s just get some different colors in here, and now we have the same thing we can work with this, or we can just make modifications so. I’m going to click and drag this off to the side, and then I’m going to hit L on my keyboard and draw a circle holding shift and option or Alt on a PC right from the middle. I’m going to make that white. And since this is a graph, I cannot actually cut this out if I wanted something to show behind it. I could not cut that out because it still has. Its graph attributes, so we’ll want to ungroup this. Let’s shift command G or shift control G on a PC. We’ll say yes, and now if we select everything, come over to Pathfinder and then divide this, we can just delete those pieces in there, and then if something comes behind, it will actually show through as you can see, but we wouldn’t be able to do that with this graph. So if you need to make modifications, you will need to kind of expand or ungroup your graph, So graphs are a really nice feature that are built right into Adobe Illustrator. It makes our lives much easier if you liked this video and you want to see more videos like this, just hit the subscribe button in the little bell, and you’ll be notified every time A new video comes out. Alright, thank you.