Hey there and this video we're going to make charts and graphs and pie charts and things will even make
in 3D like this guy down the bottom here.
All right let's go and do that now in Adobe Illustrator.
All right.
So I've just started with a blank document.
And you want to go and find that all you want is this tool here.
OK so hover down yours might look slightly different depending on which one was last used.
We can use the column graph too even though I consider that a Barcott parting shot goes all bar Biograph
goes left to right when you 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 going to click hold and drag out a kind of rough size y graph.
You can realize it but easy to do here.
And what we want to do now what you mean to do is to click this option.
Import data and data and from your exercise files pick charts bar to open and it freaks out.
OK so basically it has to be such specific the formatted data that is pretty much useless.
So the easy way it's not useless but it is yes quite specific so open it up and something like Excel
or Google sheets or what have you.
Access to the default for Mac.
Remember anyway and I'm going to copy and paste the data I need now be very specific about what you
copy and I'm going to copy this excluding the title clean and that afterwards it's not.
It's not that clever like Excel is copyright.
And I'm going to go to illustrator and click in the first field here and paste it in this tick box that
little tick kind of says Go and look at it again.
And it's pretty good huh.
Now there's a couple of things you got to want to do.
One is let's say I click on this and I accidentally one accidentally close that column.
I'm finished with that called the Data panel.
Now I want to go and adjust this.
OK so let's say I want to change the fonts can grab my.
It's nice to work with the direct selection to 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 I was going to select actually what I do with black arrows like the whole thing.
And you can see here my character panel I'm just going to pick Musea.
So this is where you edge your and I guess your niceness.
Niceness and not all the way I want but you know and six it up a little bit.
Another nice word with that I didn't want you really.
Am I going to go through.
And I'm using the why are there direct selection tools really handy for just going through and going
I want you.
When you say pick you call them all please hold this last one.
So yeah we've customized it a little bit.
Now let's say we want to change it.
K as in some of the maybe it's the sales report so next month that's a little different.
Now to update it.
We want to do is with it selected on the new version of Illustrator you can just that graph data and
it pops back up.
You can go and either copy and paste it and replace it or what have you want to do let's say that things
change and it's no longer under 50 it's 110.
Things were going bad for Bernie.
Click on the little tick and it's adjusted.
And another thing you might do is you might adjust well that's on the new version I'll just quickly
explain for people in the old version you go into object graph and data brings back the same thing data
and let's say you want to change the chart.
OK so in that option over here on the properties go to graph type we just go through and say is all
these options along here.
We're going to pick a pie chart.
Actually let's look at lunch.
No to do that.
OK.
Now the way I think about pie charts is that you need to have that data in the right kind of format.
So I'm going to go to graph data and basically what we need to do is here we transpose Rohin height.
It wants to see the information kind of going that way which this eclectic in life is good again.
Do my clothes are gone which I couldn't live with so I've gone and colored it.
And so there are a couple of things you can also do now is with the white arrow we can select on this
and 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 going to grab my arm and we can do cool stuff like this where I drag it out to maybe have like
a pull out where I explain a little bit more.
And the cool thing about it is if I click on with my black again this data is alive when I can go through
and say actually this is back to 350.
I made a mistake here.
OK an eclectic.
And everything adjusts to keeping that can the 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 then he closes down one cheap trick actually going to undo it.
So that's back in the there.
Cheap Trick is I want to make it like a donut like you saw at the front then on the intro and you could
cut a hole in it or etching in a start from the scene to here.
OK.
Hold down the shift and the old draw circle from the center.
And I should knock a hole in it and make it a compound shape or just put a white circle in the cane
looks like a donut shape.
The other thing I want to do is I'm going to click a and I want to get rid of the stroke or on the outside
game I can do that easy enough stroke to I'm guessing here and can you do that you can totally awesome
that circle also needs a coach.
Now it's looking OK.
So we've still retained all that and I guess a connection.
OK so what I want to do now is I want to actually break that connection because it will do some cool
3D stuff like this or at the beginning.
So making a copy of my good one with all the data still connected.
There are times when you want to say I actually want to smash this to pieces so I can do some cool things
with it and do it feel like you want to object expand but you can click on that for ever and it doesn't
work.
You need to actually go ungroup in this case is a little strange as it's going to break that link.
I say yes because I got some stuff to do and what I might do.
First of all is I might do a proper compound shape k where I select all of us.
These are all connected.
They.
I'm going to have to ungroup them get them again.
But some pieces are really still connected.
Stop being connected and grouping lots.
Now they're all separate pieces.
So I'm going to click all these and I grab my shape builder to K and membra I hold them my option key
on a Mac or 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 the K to see the transparency grid and turn it off your PC is control
shifty.
Why do we need an actual hole.
Because we want to make that 3D shake.
So with this selected what it might do is make another copy of this.
I have copies everywhere.
Let's go to effect.
Let's go to 3-D and extrude and bevels going to do the look we want.
Now this click on preview and it's not Groote.
So that's going to do really weird stuff which this.
Can so.
So we need to group it and also make sure there's no striker on the outside.
If you have a black stroke or on the outside it makes it look a little lame when it gets into 3-D.
We just have black edges.
So back into effect 3D extrude click on preview and now I get to do some fun stuff.
Well Fun is fun with graphic.
It's pretty cool though.
I like it.
Anyway let's click.
Oh.
OK.
And one thing you can do is you can go to outline view so command Y or control y k or you it's this
one here to 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.
Double click it to go inside the group.
Now I'm going to click this one chunk going to be a little slow because it's doing 3D stuff in the background.
I'm going to click this error loads of times until it disappears.
I mean c'mon Wagen 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 really weird if you try and rotate it it's rotating
it but then going back to the 3D and doing some weeds but we're not going to cover a line charts and
graphs it's all basically the same dump in the data and you might as clean the data up a little bit
and then it's been it's kind of making it look nice.
Now I've like these are some examples of things I've done that are not beautiful but it's you know it's
kind of like fancy app.
Hmm.
Yeah.
Graphs and data for and you reports those types of things.
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 actually let's go and jump to the other stuff now.
All right well we we are in the middle of a sales pitch kind of and I guess I want to show you.
We'll take it from now so I often get my kind of graphs to a certain level and then I want to animate
them right and illustrate is not the tool to do it.
It's really after effects and I've got a cost for that and I'm going to kind of show you not to sell
because kind of the selling goes.
But this does show you like what you can do with graphs.
So it's called Out of his realization and it made it in for graphics and there's lots of pictures of
me.
I shouldn't shave.
But it does a lot of things that we transform graphs from say excel or Illustrator and we do really
like an immediate being kind of see those same graphs with a little bit of I don't know a little bit
of animation just kind of brings them to life if you're doing PowerPoint presentations and you know
things for YouTube.
Yes.
So it just covers any other nice looking things like just me.
And so you 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.
OK the next one is not a sales pitch but it is future awesomeness.
Let's jump to that now.
All right.
Where have I brought you.
I want you to watch U.S.-EU with me.
It's worth watching.
I promise you I'm gonna.
You can go and just go look at project Lincoln Binod Kerr.
He's a Kiwi guy and this is Max right there big conference they have every year.
I'm lucky enough to speak at it.
And if you ever get to go this is in L.A. last year was Vegas fery exciting ride twenty thousand creatives
doing cause I'm doing presentations and awesome things.
Come check it out.
And but they've got this thing called it dobi snakes and all it sneaks out is like what Adobe are doing
in the background is not released yet but that stuff they're trying to work on and off talking.
I'm just going to 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 buy it.
Man it's cold.
I hope it's going to be out soon.
OK let's play.
Don't mind me saying Everybody welcome Bernard her with Project Lincoln.
My microphone also.
Hello Max.
Good of you out there.
If I had to make a nice looking chart or data visualization counting you're right.
Have you found the process painfully slow and frustrating.
Yes.
Would you like some super powers able to do it at lightning speed.
All right.
I get to say this is the first time I've heard a crowd cheer for data visualization.
All right.
In the past you're probably going to use one of three different approaches that have tried doing something
from scratch you might have found a template that was close but not quite exactly what you wanted.
Boy you went off and learned how to code or some combination of the three.
So all these approaches start with data that sort of stops them from machine and sprits how to visualize
zation project Lincoln flips inside on its head and says What if you could sketch first and then bind
your drawing to data.
So that means any of the visual properties of something you've drawn could be down to data that could
be its position its size its color even takes to be bound to data.
And these data driven drawing tools live on top of the 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 Kim Chambers.
You may remember him for the first the last couple of years.
No no need to seek social Sourcery an extraordinary swimmer and I knew that one of seven people on the
planet to have swum the oceans seven grueling marathons swims all around the world.
So I'm going to make a post for her.
So we're going to do here in Lincoln I'm going to bring in a simple spreadsheet.
And this is for the North Channel swim.
OK.
So from this trip we're going to grab these variable names from the top of the spreadsheet and put it
into this pallet.
This is what we're going to use to find out doing the data.
So if I want to make a batch I just make a bar the size and shape and color that I want and then when
I had to repeat grid I get a Barfy each of those swimmers.
Now if I want to set the length of this bar I can select the right hand side and bind it to the time
variable.
And that all these points are bound to time and I can adjust them with his axes control.
If I add some
this I just had to take it at this point it's the same all the way down but I can find that two names
I could do the same for time and I'm going to another I said why be here and grab a swimmer.
So I'm sitting here repeated the same way all the way down.
But I've got this new concept which I call a sticky Anca.
We showed up her relationship to the anchor point of one object and the point of another.
And now I head this offset
now I'm going to throw in a flag.
Obviously you know all these swimmers that from New Zealand like me and can really the country variable.
Sorry.
Fill that in.
OK.
So here is Kim and she looks like you're in the wrong bathing suit so let me find that swimmer so the
variable i now have three women have done these crazy swims and they look 17 hours in the water is a
long time right.
OK.
So now I'm sort of happy with my design here.
I came to play like all these finding for each of the other swimmers now.
So now they automatically get regenerated based on the data
I can also throw these all on the same page at the same time.
So small multiples and I can control the spacing between them too.
So maybe not your cup of tea then we will try something a little more sophisticated right.
So now I'm going to do a with a radial.
Now if you know what a way the radio is it's actually a crystallization of where they're showing you
the high and low temperatures every day of the year for an entire year all in one go.
So this would be really useful to know about when she's planning the swims to know what time of the
year to go for these crazy swims.
So this time I'm going to find the right hand side of this part of the high temperature for the day.
The left hand side is going to be down to the low.
And now when they hit the repeat grade I have 365 of these files and then 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 and now I'm going to throw them into a radio pad and then
we have a
of course we can apply these findings to all those different cities.
It would be something fun to work out what we have to go so I don't have time to do a full post here
but here is this is a design that I worked on earlier.
He taught
so I just built 14 data visualisations simple and complex ones with total creative control and freedom
in less than four minutes.
Cool guys.
I'm hoping we're all going to do a class very soon on how to use Lincoln or whatever they end up calling
it.
Yes.
All right.
That's the end of this one.
I'm having fun watching YouTube with you.
We should do it again or in the next video we'll do something a little little bit or Illustrator.
Don't do that now.