#18 How To Use the Graph Tools in Illustrator | Dawid Tuminski | Skillshare

#18 How To Use the Graph Tools in Illustrator

Dawid Tuminski, www.dawidtuminski.com

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
6 Lessons (24m)
    • 1. 18How To Use Graphs In Illustrator

      1:01
    • 2. Vid1How to use Graphs in Illustrator

      6:33
    • 3. Vid2Types of graphs in Illustrator

      4:57
    • 4. 3How to stylize graphs in Illustrator

      3:49
    • 5. Vid4How To Stylize Your Graph

      6:54
    • 6. Class Project

      0:51

About This Class

Welcome to another episode of the Every Illustrator Tool Explained series.

In this particular class you will learn how to use the Graph Tool in Illustrator

So if you want to know how to:

  • Create graphs to present data in Illustrator
  • How to easily customize graphs so you can quickly use them in your infographics
  • And how to stylize them so they show your own, personal touch

Enroll in the class, because it is a concise source of thorough Illustrator knowledge great for newbies and everyone who feels that learning a piece of software like Illustrator can only be efficient when you get to know the tools it offers.

But you don’t have to watch all the videos to gain real-life knowledge.

Each lecture is a standalone project, so you can just select the tool that you want to learn today, watch that particular video and watch your skill set grow.

Enroll in the class now and I will see you inside!

Transcripts

1. 18How To Use Graphs In Illustrator: Hi there. My name is David to me ski and I wanted to thank you for choosing this course. I know that there's a lot, Of course, is out there. That is why I am so grateful that you chose this one. Welcome to another episode of the every illicit. It'll explain Siris in this particular class. You'll learn how to use the graph tool in illustrate. So if you want to know how to create graphs to present data in Illustrator, how easily customize graphs so you can quickly use them in your infographics and how to start lies them so they show your own personal touch in growing the class because it is a concise source off Thora philosphy knowledge. Great for newbies. Everyone who feels that learning a piece of software like illustrator can only be efficient when you get to know the tools it offers. But you don't have towards all the videos to gain real life knowledge. Each lectures is stand alone project, so you can just select the toll that you want to learn. Today we watch that particular video and watch your skill set grow. So he wrote in the class Now and I'll see you inside 2. Vid1How to use Graphs in Illustrator: in the next few videos, we will explore the graph tools inside Illustrator. It's one of the less commonly used features in the program. That's most probably because of the fact that people tend to use Microsoft Excel to create graphs, but you can do it an illustrator as well. So let's take a look at the graphs that can be created by designers in a design piece of software. In case you're not familiar with graphs, let me just point out that graphs lets you communicate statistical information in a visual way. And in Adobe Illustrator, you can create nine different times of graphs and customize them to suit your needs. The whole family of graphs sits right here in the tools panel, and as you can see, the first option we get here is the creative cloud charts. But since you have to be a member of Creative Cloud, and it only works with the online services, let's skip this for now and move on to the first graph tool available for everybody who has illustrator as old at its 19 and 93 version. The first graph tool, which creates a classic column graph, has a default short cut off the ladder. J. With the tool selected, we can create a graph just like we would create any object in Illustrator. We can click and drag to create a graph and notice that holding down older option will create the graph from the center point and holding down the shift key will constrain graphs proportions the second way of creating graphs who would be to click anywhere on the armed ward and enter the values for with and height notice that the tool used initially determines the type of graph. But you can easily change the type of the graph later on. So now that we created our graph, it's time to populate it with some data, and you can enter the graph data in the stop left field right here. But you don't have to click on every time you want to enter or adjust the value. You can simply click the cell you want. Enter the number on your keyboard without even looking at the top left field, and then either click on the stick to apply changes or press enter on the numeric keypad. But if you don't need to preview the changes in your graph. Every time you enter new data, you can just enter the value and then press tab and through another value and again press tab and continue the process until you have all the data you need and then press the apply button to see the graph update right away. If you press enter on the often America keep it, illustrator will create new subgroups off data. So if your keyboard doesn't have in America Keeper batter just to use the apply bottom, so it's entered some more data. And if you go too far, you can always remove data from a specific cell by clicking on it and present elite just like so. So this is how you can manually enter data in a graph in Illustrator. We can also import data from a separate file. And I gotta tell you that when you want to import an Excel file, you might come across various issues. For instance, Illustrator might tell you that the file selected has no data or isn't available, so it's best to use a plain text file to import data from a file. We have to click on this first button right here. I got a text file ready and waiting for me. So let's preview what's inside. I've entered types of design on the left years on top, a number of created projects in a specific here. Now I want to bring it into illustrator and create a nice graph out of it to put it, for instance, on my website. So I'll just hit open now. Illustrator imports the data from my file and when I click, apply something is wrong. I mean, the graph doesn't look right. So what's going on? First of all, each and every number illustrator imports is mapped to a graph. It doesn't know whether it's a date or a play number. So what we can do is we can enter a quotation mark in front off the years and move the dates where they need to go, because notice that these empty cells right here correspond with the empty spaces in our text file. These are the spots where the tab key was hit when creating the data in the text file. So it's tidy everything up, apply all the changes, and now our graph starts to look better. For now, don't mind the fact that the labels down here don't look properly. This is a glitch in illustrator we can easily fix, but we will do it in the design part of the class. It's also worth trying. Is this transpose option right here, which switches the places off our labels like so this option right here it says switch X and Y will change the X and Y axis in the scatter graphs. That's why, for now, it's great out we can control the number of decimals and the with off the cells using this cell style option. The max number four decimals is 10 and the max number for cell with is 20. If you want, you can revert your graph right here, and we are already familiar with the apply button. Before we move on to the next video, there is just one more thing worth mentioning. If you want to add some data to your graph, the quickest way to do it would be to right click or command clicking Amec on your graph and choose data. This will allow you to get back to the data box and make the changes you want. So this is how you can enter and manipulate data in a graph. In the next video, we will take a look at the times of graphs. We have an illustrator, so stay tuned. 3. Vid2Types of graphs in Illustrator: in this video, we will take a look at the times of grass. We have an illustrator. There are basically three ways of changing the type of your graph. With the graph selected, we can move to the object menu and all the way down here. We got the graph sub Manu from which we can choose type. We could also double click on the graph tour in the Tours panel, or we could right click or command click on a Mac and choose type. Either way works, but you have to find out for yourself which way works best for you. So since we have the types of grabs box open, let's see what kinds of grass we can create. An illustrator. We already know what a column graph looks like. The 2nd 1 is the stacked called Graph in Notice that we don't have a preview box down here , so we have to click OK to actually see the graph in action and I will right click again and the Jews of the next graph, which is the bar graph. And now let's repeat the process for all the other graphs. The stock to bar graph the line graph the area graph the scatter graph, the Biograph and the radar graph along with the type of the graph. We can choose the position of the Value Access notice, however, that not old graph types have value. Axes of the style options right here are affecting all types of graphs, so I can add a drop shadow two columns. We can put the legend on top of the graph, and the first columns and first row in front Options will determine how columns, bars and lines overlap. As far as these options go, they will change when the type of the graph changes. For the column graphs. We can change the column and the cluster with for the bar graph. We can change the bar with and the cluster with. And if we choose of the line graph, we can mark the data points and made the lines go from and toe edge. We can choose whether we want to or don't want to connected the lines, and we can even make the lines thicker by making them filled. We don't have any options for the area graph tool, but we do have some options for the scatter graph. toe, and as you can see, they are more or less the same as the line and graph options. As for the point graph, we can choose not to display the legend, set it to standard or make the legend sit inside the wedges. We can sort the wedges here, and we can make multiple charts to be displayed. Gradually, we can make them even or stacked. As for the Raider graph, the options here are the same as for the line graph, so I will leave them for you to experiment. So these are the graph types and the graph options in Illustrator. Remember that you can't change the graph time by going to the tools menu and choosing a different graph. You have to have one created and selected so you can either right click on it, double click on the graph tools or choose a different type from the object menu graph and then type. So now we know how to create graphs, how to enter the data, how to change the types of graphs and would graph options we have. It's time to move on to the Mawr design part of the class, so let's take a look at how to style eyes. The graphs in the next video 4. 3How to stylize graphs in Illustrator: Once your graph is created, you can start making it to look pretty. But you need to be aware off one thing. The graph is one unique illustrator object. When you click on it and moved to the Layers panel, you can notice that it is here as a graph is not. A group is not a set of groups. It's one unique object, and this means a few things. First of all, you can't use the bounding box to rotate it to scale it. Using the selection tool won't make it behave like a regular object except for moving it around. You can, however, make it bigger or smaller with the scale tool, and you can rotate it with the rotate tool. If you're absolutely certain that you won't change anything about your graph, you can on group the graph because illustrator treats a graph as a group worth subgroups, although it is not being reflected in the layers panel. Once wrong, group it a warning dialogue box pops up, telling us that once young group the graft, we won't be able to add data change its Diab etcetera. I'll click OK and now illustrator changed the graft into a set of groups, which we can talkto just like toe other regular groups. Inside illustrator. However, if you want to be able to style is the graph and retain the regular graph options, you can talk to its individual elements using that direct selection tool so you can change the colors of labels off the columns, and you can surely change the font. Change its size and color we can do with it anything we would do with the regular tax since we didn't ungroomed the graph weaken Still right, click on it. Choose type and select value axis. No, we can arbitrarily set the men and Max values as well as the subdivisions. We can alter the lengths off the tick marks and change their number per subdivision. In this last box weaken. Tell illustrator that we want to add prefixes and suffixes to the labels. As for the category axis, we can only alter the tick marks, making them full with short or hiding them. And we can change the number of tick marks between labels and tell illustrator whether we wanted the tick marks between to be displayed or not. So these are the basic options weaken set in order to control the look and feel of a graph . But an illustrator, we can go even a further with the customization. We can also change the look and feel off the columns and the markers themselves, so let's take a look at that in the next video. 5. Vid4How To Stylize Your Graph: in this video, we will take a look at how to create our own custom designs for the columns and for the markers. So let's start with the column design. First of all, what I'm gonna do is I'm going to create a simple, simple rectangles. I'm gonna grab a rectangle tool and create something. I will look like a column. It doesn't have to be of the exact Symes, the with or the height as the these these columns right here. But it's a good idea to make it to look like a column, because it xgo owing to be easier for us to imagine what the ultimate effect is going to look like. So I don't want to have a stroke. And for the Phil, I'm going to go to the swatches panel. I'm going to open up the swatches library, choose Grady INTs and then choose metals. And from these swatches, I'm gonna go with maybe this watch or maybe this watch. This looks a bit nicer. So the rectangles that you create as the base for your column design and you don't have to restrict yourself toe Onley add a specific feel like the Grady and fail or like a plane and the plane color filled. But you can also play around toe with the shape itself. I'm gonna grab the direct selection tool and Marquis around these two top anchor points right here, and I'm gonna make them round that. Let's go up to 10 pixels. This will be fine. So now that I have this column here created, I'm going to select it and I'm going to go to the object menu graph and then design. And in here I'm gonna click you Design and I'm going to rename it. I'm going to call it column design, just like so. And I'm gonna press, OK, now I'm going to select the graph. I'm going to right click on it. Of course. On a Mac you'd command click on it and I'm gonna choose column. And from here, I'm gonna choose column design and I'm gonna hit OK, and just like that illustrator is updating all these columns with this new design with this new Phil. So all we had to do was to create and the column or this rectangle right here and then just to turn it into a design by going to the object menu graph and then design and then just right. Click on the graph and choose and choose column and then choose our column designed just like so. So it's It's pretty easy, but you need to just, you know, be aware off all the steps you need to take in a sequence to make this happen. So that's how we can create a column that design. What about the marker design? So, in order to better understand how how the markers work and what they look like, I think it's best to change the type of the of the graph. So I'm going to right click on it and change the type from this column to maybe the line graph just like so I'm gonna click, OK? And the markers are all these little A little squares right here connected with a line So illustrator we can change and these these wealthy squares we could make them look well, pretty much the way we want. So maybe I'm just going to get rid of this guy. And now I'm gonna grab her the line segment still and create one line, and maybe I will give it a different stroke. Maybe let's make it this screen stroke. And let's let's make it pretty big 10 or maybe even 2020 points should be fight now. I will reflect it by going to the reflect menu. Reflect to and then present Enter my keyboard. I want this reflection to happen vertically and I'm gonna hate copy, just like So Now we're gonna grab the Ellipse tool by pressing the l kill my keyboard. Find the intersection right here and Ault and shift, click or option and shift Click If you're on a Mac and then just drag out a circle that is going to look something like so this should be fine in this specific case. I'm going to grab both these guys. Will all three of them actually go to the object menu? And I'm going to expand them because I want to turn on these strokes into Phil's because it's going to be later. It's going to be well easier for me to select him that these guys later on, so I'm going to group them just like so. So now it's one group, and now I'm going to go again to the object menu graph and then design hit new design rename and call it a marker design just like so And then click. OK, I'm going to right click on my on my graph and this I'm gonna choose Marker and I'm going to choose this marker like so Now, by default, these markers are going to stretch to the extent off the previous marker. So that's why you know, they are extremely, extremely small. They are here, but as you can see, they are ridiculously small. But of course, we can make them bigger. But there's just one thing we need to remember about. I mean, when we select all these guys, we are going to select the whole graf we can't target the marker itself. So what I would advise you to do is to just grab the direct selection till Marquis around this line will. Actually, all the lies are connecting the markers so we can shift drag around them, health unjust, then just locked the selection by going to the object menu lock and then selection. And now we can murky around a marker just like so, process and enter on the keyboard and then just scale the guy up or down if you want to, I'm going to scale it up to maybe 320% and then just repeat the process with all these guys . And unfortunately, we can't just select more than one marker because the reference point is going to be established somewhere in between all these markers. So if we now just work to make them bigger, you would actually will make them bigger, but move them as well. So we have to just grab one press as enter on your keyboard and then okay, Or we can simply just murky around one respects and enter twice to just enter the last used well scaling value. So there you go. This is how you can create a custom marker for your grafts. So just remember to create a marker well, will create an object that you're going to use as a marker. Then just selected, go to the object menu graph and design. So the process here is the same for the column design and for the marker design. And then after you are done, just right, click on your on your graph, choose marker and then juice. Choose a market that you just designed and applied to your craft. So there you go. This was the last video in this class. I hope you learned a thing. Or do I hope you had fun watching this class? And I hope that you will give the graphs a try because the thgraf graphs are quite an interesting told inside illustrator. There is a bit of a learning curve to it. But, you know, if you give it some time, I'm pretty sure that she will get the hang of it. It will be easy for you to create custom graphs inside Illustrator. So until next time, have a nice design. My name is David Tyminski. 6. Class Project: for the class project. I'd like it to create your own Graf. I want you to prepare some data for you, and it can be your your projects or your goals, your achievements, any data that you want and then just create a graph and import those data or enter them manually and create a graph that you want. It can be a scattered graphic and be a congress. Could be a pie graph if you want, and then just stylized it. So remember Teoh either use a direct selection tool to stylized the colors and the funds inside your graph or just well on group the graph if you don't want toe. If you don't want to, will change any data inside of the graft. And once you're done, a save it is a J pick and share it with the community. Also, if you like the class, please give it a thumbs up and consider living an honest review. So, until next time, my name is David Tyminski.