Transcript:
Hi, Youtube! This is a free extract from my larger illustrator. Advanced course you can check that out on. Bring your own laptop. Calm also is a link in the description for the exercise files. Those are free to download to go and download those, all right. Yeah, join the video. Hey, there in this video, we’re gonna make charts and graphs and pie charts and things will even make them 3d like this guy down the bottom here. Alright, lets. Go and do that now in Adobe Illustrator. Alright, so I’ve just started with a blank document and next. We want to go and find that tool you want it? Is this tool here? Okay, so hover down Yours might look slightly different, depending on which one was last used. We’re gonna use the column graph tool, even though I consider that a bar chart, Apparently a bar shot goes or bar graph goes left to right. I’m gonna use this one now when I create my graph. You really need to decide how big you want it. Surprisingly, hard to resize afterwards. I’m gonna click hold and drag out a kind of rough size. My graph, you can resize it but easy to do it here and what we want to do now what you’re meant to do is when to click this option import data and or data and from your exercise files, pick charts bar, pick open and it freaks out. Okay, So basically, it has me such specifically formatted data that it’s pretty much useless, so the easy way it’s not useless, but it is. Yeah, it’s quite specific, so open it up in something like Excel or Google sheets or whatever you’ve X is too. What’s the default for MEC? Remember anyway, and I’m gonna copy and paste the data. I need now be very specific about what you copy, and I’m gonna copy this excluding the title. Because I’m gonna add that afterwards. It’s not, it’s not super clever like Excel is when I copy it and I’m going to go to illustrator and clicking this first field here and paste it. I’m gonna click this tick box. That little tick kind of says go and look at it again. And, yeah, it’s pretty good, huh? There’s. A couple of things you gonna want to do? One is, let’s say. I click on this and I accidentally one not accidentally. I’ll close that, cuz. I’m finished with that called the data panel now. I want to go and adjust this. Okay, So let’s say I want to change the fonts. Kangra might it’s nice to work with the direct selection tool. Try to ungroup it. Because at the moment, it’s a dynamic chart that I can adjust afterwards, but if I ungroup it, it kind of turns into shapes and pieces. So actually, I’m just gonna slick. Actually, what I’ll do is black arrow. Select the whole thing and you can see how. I became my character panel. I’m just gonna pick Museo. So this is where you add your, and I guess your niceness, the way I want, but, you know, and fix it up a little bit. Another nice word word that I didn’t want anyway. I’m gonna go through and I’m using the white arrow. The direct selection tool is really handy for just going through and going. I want you, don’t you? Okay, pick you. You know, color them. All please hold, alright, lets. Create this last one awesome. So yeah, we’ve customized that a little bit now. Let’s say we want to change it, okay. As in some of the maybe it’s the sales reports so next month, it’s a little different now to update it. What we want to do is with it Selected on the new version of illustrator. You can just hit graph data and it pops back up. You can go and either copy and paste it and replace it or whatever you want to do. Let’s say that things change. It’s no longer a hundred fifty. It’s a hundred and ten things gone bad for Brewery. Click on the little tick. Okay, and it’s adjusted and another thing you might do is you might adjust. Well, that’s on the new version. I’ll just to quickly explain for people in an older version you go into object graph and data brings back the same thing data and let’s say we want to change the data chart. Okay, so in their option over here under properties go to graph type. We just go through and say there’s all these options along here. I’m gonna pick pie chart. Actually, let’s look at line chart, no? Python, lets. Do that let’s click. OK, now, the way I think about pie charts is that you need to have the data in the right kind of format, so I’m going to go to graph data and basically what we need to do. Is this here we transpose row and height? It wants to see there the information kind of going that way. Watch this, then click tick and life is good again, except all my colors are gone, which I couldn’t live with, so I’ve gone and colored it, so there are a couple of things you can also do now is and with the white arrow we can select on this and like what we’re trying not to do is breaking that link between it being like an active graph or so we can update it and change it easily. So I’m gonna grab my white arrow and we can do cool stuff like this where I drag it out to maybe have a like a pull out where I explain a little bit more and the good thing about it is if I click up on with my black arrow again, This data is still live and I can go through and say, actually. This is back to 350 I made a mistake here. Okay, and click tick and everything adjusts. You’re keeping that kind of connection to the data, but there are times where you do need to kind of break that and I’ll show you a couple of reasons. Why, and coming close this down? One cheap trick, actually gonna undo it, so that’s back in there. A cheap trick is. I want to make it like a doughnut like you saw at the front there or on the intro and you could cut a hole in it or actually. I’m gonna start from the center here. Okay, hold down the shift and the alt and draw a circle from the center. Okay, and I should knock a hole in it and make it a compound shape or just put a white circle in that. Okay, looks like that. The doughnut shape The other thing I want to do is I’m going to click a and I want to get rid of the stroke around the outside. Okay, then I can do that easy enough, stroke said to I’m guessing here. Can you do that? You can’t totally awesome! That circle also needs it cool now. It’s looking, okay, so we’ve still retained all that. I guess connection. Okay, So what I want to do now is I want to actually break that connection and because there’s will do some cool 3d stuff like you saw at the beginning, so I’m making a copy of my good one with all the data still connected, but there are times where you want to say, actually. I just want to smash this to pieces, so I can do some cool things with it and to do it. You feel like you want to get object expand, but you can click on that for ever, and it doesn’t work. You need to actually go ungroup in this case, which is a little strange. It says it’s gonna break that link. I say yes, because I’ve got some stuff to do and what I might do first of all is I might do a proper compound shape. Okay, where I select all of this, okay. These are all connected they are so. I’m going to have to ungroup them. Greet them again. Now they’re all bits and pieces. Everybody still connected. Stop being connected. I’m grouping lots. Now they’re all separate pieces, so I’m gonna click all these. I’m gonna grab my shape builder tool, okay, and remember. I hold down my option Key on a Mac or Alt key on a PC or a little circle, and now there’s a hole in the middle. How do I know there’s a hole in the middle? I can use my shortcut Command shift. D okay to see the transparency grid and turn it off. You’re on a PC. It’s ctrl shift D. Why do we need an actual hole? Because we want to make that 3d shape so with this selected what I might do is make another copy of this. I like to have copies. Everywhere and let’s go to effect. Let’s go to 3d and extrude and bevel is going to do the look we want now. This click on preview and it’s not grouped. So that’s going to do really weird stuff, which this hit cancel, so we need to group it and also make sure there’s no stroke around the outside. If you have a black stroke or on the outside, it makes it look a little lame When it gets into 3d it’ll just have black edges so back into effect 3d extrude, click on preview and now. I get to do some fun stuff. Well, fun as fun as graphs. Get, it’s pretty cool, though, huh? I like it anyway. Let’s click. OK, and one thing you can do is you can go to outline view so command. Y or control Y okay or view. It’s this one here, toggle that in and out and you can kind of look at it still in plain view and what you might decide is grab the black arrow. It’s grouped. Okay, double-click it to go inside the group now. I’m gonna click this one chunk. It’s gonna be a little slow because it’s doing 3d stuff in the background. I’m gonna click this arrow loads of times until it disappears. I’m gonna hit command. Y again to go back and you can kind of do this like 3d pull out thing. You feel like it needs to be rotated around. I should have done this in the 3d view because it’s it’s really weird if you try and rotate it, It’s rotating it, but then going back to the 3d and doing some weeds, but anyway, we’re not going to cover line charts and scatter graphs. It’s all basically the same, dumping the data and you might have cleaned the data a little bit, and then it’s then it’s kind of making it. Look nice now. I’ve like these are some examples of things. I’ve done, you know, they’re not beautiful, but it’s, you know, it’s trying to like, fancy up graphs and data for, and your reports. Those types of things. Yeah, all right. There is going to be it about how to do it. There’s a couple of other things. I want to show you and one. Yeah, well, actually, lets. Go and jump to that other stuff now. All right, where are we? We are in the middle of a sales pitch, kind of and. I guess I want to show you where to take it from now, so I often get my kind of graphs to a certain level. They don’t want to animate them right and illustrators, not the tool to do it. It’s it’s generally after a fix, and I I’ve got a course for that, and I’m gonna kind of show you not to sell the course kind of a sell the course, but just to show you like what you can do with graphs so it’s called data visualization and animated infographics. And there’s lots of pictures of me. I should add a shave, but it does a lot of things that we transform graphs from say, excel or illustrator, and we do really, I’m gonna mute it, but you can kind of see those same grass with a little bit of. I don’t know what word of animation just kind of brings them to life if you’re doing Powerpoint presentations and you know things for Youtube and yeah, so it just covers any other nice-looking things in it. No, just me and so yeah, check out that, or you don’t have to do my course, but go and check out. Check out the after effects for animating. That sort of thing. Now don’t go yet, okay. The next one is not a sales pitch, but it is future. Awesomeness, lets. Jump to that now, all right, Where have I brought you? I brought you to watch you two with me. Yeah, it’s worth watching. I promise you I’m gonna you can go and just put look at project. Lincoln, Bernard Kerik. He’s a Kiwi guy and this is W Max right there. Big conference. They have every year. I’m lucky enough to speak at it if you ever get to go this year’s in LA. Last year. But Vegas very exciting, right, 20,000 creatives doing course. I’m doing presentations and awesome things, so come check it out, and but they’ve got this thing. Called Adobe Snakes and all Adobe Snakes are is like White Adobe are doing in the background. It’s not released yet but stuff they’re trying to work on and enough talking. I’m just gonna let this play out. This is me ending the video. You don’t have to watch anymore. It’s six minutes long. You can watch it. You don’t have to, but, man, it’s cool. I hope it’s gonna be out soon. Okay, let’s head play. You don’t make me saying everybody. Welcome, Bernhard. Her with project. Lincoln, consumer microphone, officer old. Hello, Max. Movie Out. There has ever had to make a nice looking chart or data visualization. Okay, I’m gonna know, right. Have you found the process painfully slow and frustrating? Yes, would you like some superpowers to be able to do it at lightning speed, Mclaren? Sir, alright. I gotta say this is the first time I’ve heard a crowd. Cheer for data visualization. Alright, in the past, you probably use one of three different approaches. You might have tried drawing something from scratch. You might have found a template that was close, but not quite exactly what you wanted or you went off and learn how to code or some combination of the three, so all these approaches start with data is sort of the center machine and spits out a visualization for Project Lincoln’s flips the slide, your nuts here and says, what if you could sketch first and then bind your drawing to data, so that means any of the visual properties or something you’ve drawn. It could be bound to data so that could be its position. Its size its color, even taste could be bound to data and these data-driven. Drawing tools live on top of those drawing tools. You already know and love. So let me show you how this works by trying to build you. A poster for my friend can chambers. You may remember him sneak close for last couple of years. She’s not only in sneak social sorcery, an extraordinary swimmer, and then he was one of seven people on the planet to a swan, the ocean seven a set of grueling marathon swim all around the world. So I’m gonna make a poster for her and so all I’m gonna do here in Lincoln. I’m gonna bring in a simple spreadsheet and this is for the North Channel Swim. Okay, so from the split tree, we’re gonna grab these variable names from the top of the spreadsheet and put it into this palette, and this is what we’re going to use to bind our drawing to data. So if I want to make a bar chart, I just make a bar the size and shape and color that I want and then when I hit the repeat grid, I get a bar for each of those swimmers. Now if I want to get the length of this bar, I can slick the right hand side and bind it to the time variable, and now all of these powerpoints are bound to time and I can adjust them like this axis control. If I add some text, I just I just added some text. Here is this when it’s the same all the way down, but I can bind that to swimmer’s names. I could do the same for time and I’m gonna open up my symbol. I’d be here and I grab a swimmer, so I’ve got the swimmer sitting here. Repeated that same way all the way down, but I’ve got this new concept, which I call a sticky anchor as we fill up the relationship, see an anchor point of one object and anchor point of another. So now they have this offset it’s now. I’m gonna throw in a flag, Obviously. Not all of these swimmers are from New Zealand like me and Kim, so I bring into the country variable. Sorry, fill that in so here’s. Kim and she looks like she’s doing the wrong bathing suit, so let me bind that swimmer to the gender variable. So now we have that least three sweat women’s terms who have done these crazy swims and they look 17 hours in the waters a long time, right, okay, so now that. I’ve sort of happy with my design here. I can the play apply. All these binding feats with the other swims so now, so now they automatically just get regenerated based on the data. I can also throw these all on the same page at the same time. There are small multiples, and I can tell the spacing between them too. So, you know, bar charts? Maybe not your cup of tea, and then we will try something a little more sophisticated, right so now. I’m gonna do a weather radio now. If you know what a where the radio is, it’s actually a visualization of weather, showing you the high and low temperatures for every day of the year for entire year. All in one go, so what? And this would be really useful for him to know about when she’s planning these swims to know what time of the year to go for these crazy swim so this time? I’m going to find the right-hand side of this bar to the high temperature for the day left-hand side. It’s gonna be bound to the low, and now when I hit the repeat grid, I have three hundred sixty five of these files in an arranged chart and now I’m going to find the color of this bar to the average temperature with this new color control, so these guys are running off the page 365 but now I’m going to throw them into a radial pattern, and then we have it. So, of course, we can apply these findings to all the different cities that you would be swimming from to work out. What’s really to go, so don’t have time to do a full poster here, but here is a sort of design that. I worked on earlier, so I just built 14 data visualizations, simple and complex ones with total creative control and freedom in less than four minutes. Cool guys [Applause]. Alright, that was all, so I’m hoping we are all gonna do a class very soon on how to use Lincoln or whatever they end up calling it. Yeah, alright, that’s the end of this one. Um, have you it’s a good fund of watching. Youtube with you and we should do it again or in the next video. We’ll do something a little build up a little bit more illustrator, lets. Go and do that now you.