1

00:00:00.07 --> 00:00:01.05

- [Instructor] Alright, just so you have



2

00:00:01.05 --> 00:00:03.00

a sense of where we're headed.



3

00:00:03.00 --> 00:00:05.05

We're going to go ahead

and compare the performance



4

00:00:05.05 --> 00:00:10.02

of the top five social media

platforms including LinkedIn.



5

00:00:10.02 --> 00:00:14.03

Now the thing about this

graph is it's entirely fake.



6

00:00:14.03 --> 00:00:17.03

That is to say we're not

relying on any real data



7

00:00:17.03 --> 00:00:19.02

that's out there as warranted by the fact



8

00:00:19.02 --> 00:00:21.03

that these years down here at the bottom



9

00:00:21.03 --> 00:00:25.00

of the graph are currently in the future.



10

00:00:25.00 --> 00:00:27.03

Alright, but Illustrator

does allow you to work



11

00:00:27.03 --> 00:00:30.08

from specific numbers

as we're about to see.



12

00:00:30.08 --> 00:00:33.07

So I'll go ahead and switch

over to the Starter document



13

00:00:33.07 --> 00:00:35.02

and I'll turn off the headline layer



14

00:00:35.02 --> 00:00:37.06

here inside the layers

panel and then I'll click



15

00:00:37.06 --> 00:00:39.07

on the graph layer to select it.



16

00:00:39.07 --> 00:00:41.09

Alright, now what you

want to do is drop down



17

00:00:41.09 --> 00:00:44.06

to the graph tool which

by default is going



18

00:00:44.06 --> 00:00:46.09

to be the column graph tool which allows



19

00:00:46.09 --> 00:00:49.07

you to create vertical column graphs.



20

00:00:49.07 --> 00:00:51.06

You also have the option of creating



21

00:00:51.06 --> 00:00:53.05

horizontal bar graphs.



22

00:00:53.05 --> 00:00:56.00

You can create line graphs, area graphs,



23

00:00:56.00 --> 00:00:58.02

pie charts, and so forth.



24

00:00:58.02 --> 00:01:01.00

And obviously, you can

experiment with those tools



25

00:01:01.00 --> 00:01:02.04

as much as you want.



26

00:01:02.04 --> 00:01:05.02

I'm going to start off by

creating a horizontal bar graph.



27

00:01:05.02 --> 00:01:07.04

Although it doesn't ultimately make



28

00:01:07.04 --> 00:01:09.03

that much difference where you start



29

00:01:09.03 --> 00:01:11.07

because you can always

change your mind later



30

00:01:11.07 --> 00:01:14.00

as we'll see in a future movie.



31

00:01:14.00 --> 00:01:15.08

Alright now once you've selected a tool,



32

00:01:15.08 --> 00:01:18.09

you want to drag with

it as if you're drawing



33

00:01:18.09 --> 00:01:22.04

a standard rectangle and

this is going to allow



34

00:01:22.04 --> 00:01:25.08

you to define the size

of the bounding box.



35

00:01:25.08 --> 00:01:27.09

The thing is it's very

difficult to predict



36

00:01:27.09 --> 00:01:30.07

how this is going to

work because as you're



37

00:01:30.07 --> 00:01:33.04

about to see, the graph itself will appear



38

00:01:33.04 --> 00:01:36.01

inside this bounding box, but the legend



39

00:01:36.01 --> 00:01:38.08

or the key, if you prefer,

which is going to tell you



40

00:01:38.08 --> 00:01:41.04

what each one of the bar

graphs means is going



41

00:01:41.04 --> 00:01:44.08

to appear outside the bounding box.



42

00:01:44.08 --> 00:01:47.00

I'll make my bounding box about this big,



43

00:01:47.00 --> 00:01:48.09

but in truth, you just

kind of have to wing it



44

00:01:48.09 --> 00:01:50.04

at the beginning.



45

00:01:50.04 --> 00:01:52.09

Now as soon as you release,

Illustrator will display



46

00:01:52.09 --> 00:01:55.00

this floating spreadsheet window



47

00:01:55.00 --> 00:01:57.01

at which point you can enter some data.



48

00:01:57.01 --> 00:01:59.08

So I'm going to start by

changing this first value to x



49

00:01:59.08 --> 00:02:01.09

and then I'll press the tab key to advance



50

00:02:01.09 --> 00:02:04.05

to the second cell and change it to y



51

00:02:04.05 --> 00:02:07.05

and then I'll press tab again and enter z



52

00:02:07.05 --> 00:02:09.03

into the third cell.



53

00:02:09.03 --> 00:02:11.00

Alright now I'll click in the first cell



54

00:02:11.00 --> 00:02:13.00

in the second column and I'll just enter



55

00:02:13.00 --> 00:02:14.07

some arbitrary data here.



56

00:02:14.07 --> 00:02:16.08

I'm going to change the

first value to three,



57

00:02:16.08 --> 00:02:18.09

then press the enter key or

the return key on the Mac



58

00:02:18.09 --> 00:02:21.04

to advance to the next row and I'll change



59

00:02:21.04 --> 00:02:24.06

that cell to four and

the next guy to five,



60

00:02:24.06 --> 00:02:26.06

and then I'll click in the first cell



61

00:02:26.06 --> 00:02:29.05

in the y column and I'll change it to five



62

00:02:29.05 --> 00:02:31.06

and then I'll change the next guy to seven



63

00:02:31.06 --> 00:02:33.06

and the value after that to nine.



64

00:02:33.06 --> 00:02:35.09

And then I'll click in the

first cell in the z column.



65

00:02:35.09 --> 00:02:37.07

I'll change it to seven.



66

00:02:37.07 --> 00:02:39.06

I'll change the next one to nine



67

00:02:39.06 --> 00:02:43.01

and I'll change the final cell to 11



68

00:02:43.01 --> 00:02:44.07

at which point you can go ahead



69

00:02:44.07 --> 00:02:47.05

and graph that data by

clicking on this check mark



70

00:02:47.05 --> 00:02:49.09

which indicates the Apply button.



71

00:02:49.09 --> 00:02:51.06

So we'll go ahead and click on apply



72

00:02:51.06 --> 00:02:54.09

and you can see that the graph appears



73

00:02:54.09 --> 00:02:58.02

inside that rectangle that

I drew just a moment ago.



74

00:02:58.02 --> 00:03:02.09

And this legend over here up

here is outside the rectangle.



75

00:03:02.09 --> 00:03:05.04

Alright now you can just go

ahead and close the spreadsheet



76

00:03:05.04 --> 00:03:07.02

so we can better see what we're doing.



77

00:03:07.02 --> 00:03:10.02

And now imagine, instead of

these boring gray values,



78

00:03:10.02 --> 00:03:13.03

you'll want to add some

color to your bar graph.



79

00:03:13.03 --> 00:03:15.02

In that case, you'll need to switch



80

00:03:15.02 --> 00:03:18.03

to the white arrow tool

and the reason is because



81

00:03:18.03 --> 00:03:21.03

notice here on the layers

panel if I twirl open



82

00:03:21.03 --> 00:03:24.03

the graph layer, that I have a new object



83

00:03:24.03 --> 00:03:26.00

simply called graph.



84

00:03:26.00 --> 00:03:29.01

It does not have an twirly

triangle in front of it,



85

00:03:29.01 --> 00:03:31.03

meaning that you can't expand this object



86

00:03:31.03 --> 00:03:33.08

the way you can when

you're working with a group



87

00:03:33.08 --> 00:03:36.08

or a clipping path or a compound shape.



88

00:03:36.08 --> 00:03:39.02

And so what you have to do instead is dig



89

00:03:39.02 --> 00:03:42.07

inside the object using

the white arrow tool.



90

00:03:42.07 --> 00:03:44.02

And so I'll switch to the white arrow



91

00:03:44.02 --> 00:03:46.09

just by pressing the A

key, and then I'll click



92

00:03:46.09 --> 00:03:49.04

off the graph to deselect

it, and now let's say



93

00:03:49.04 --> 00:03:52.02

I want to change the color

of these medium gray bars,



94

00:03:52.02 --> 00:03:53.08

then I would press the alt key,



95

00:03:53.08 --> 00:03:55.09

or the option key on

the Mac, so that I see



96

00:03:55.09 --> 00:03:58.07

a plus sign next to my

cursor and I would click



97

00:03:58.07 --> 00:04:00.06

on this bar to select it.



98

00:04:00.06 --> 00:04:03.02

Now if you want to select

all three of the bars,



99

00:04:03.02 --> 00:04:06.03

you would alt or option

click on that first bar



100

00:04:06.03 --> 00:04:08.02

a second time like so.



101

00:04:08.02 --> 00:04:10.01

And notice that goes ahead

and selects all of them



102

00:04:10.01 --> 00:04:13.03

and then if you also want

to select this gray bar



103

00:04:13.03 --> 00:04:17.02

in the legend, then you go

ahead and alt or option click



104

00:04:17.02 --> 00:04:18.09

a third time.



105

00:04:18.09 --> 00:04:22.00

And now that I have all

of my bars selected,



106

00:04:22.00 --> 00:04:23.08

I'll click on this first swatch



107

00:04:23.08 --> 00:04:25.06

on the far left side of the control panel,



108

00:04:25.06 --> 00:04:28.05

and I'll select this shade of yellow.



109

00:04:28.05 --> 00:04:31.04

And of course you can

select any color you like.



110

00:04:31.04 --> 00:04:33.00

Alright now let's say I want to change



111

00:04:33.00 --> 00:04:35.02

the color of these light gray bars.



112

00:04:35.02 --> 00:04:37.04

There's a slightly simpler way to work



113

00:04:37.04 --> 00:04:40.02

which is to alt or option click



114

00:04:40.02 --> 00:04:43.02

on the bar inside of the legend.



115

00:04:43.02 --> 00:04:45.05

And so notice the first

time I alt or option click,



116

00:04:45.05 --> 00:04:48.00

I go ahead and select this rectangle



117

00:04:48.00 --> 00:04:50.05

inside the legend, and then if I alt



118

00:04:50.05 --> 00:04:52.05

or option click a second time,



119

00:04:52.05 --> 00:04:54.06

I will select all of the light gray bars



120

00:04:54.06 --> 00:04:57.00

inside the graph after which point



121

00:04:57.00 --> 00:04:59.04

I'll click on that first

color swatch once again



122

00:04:59.04 --> 00:05:02.03

and select this light shade of blue



123

00:05:02.03 --> 00:05:05.05

in order to create this effect here.



124

00:05:05.05 --> 00:05:06.09

Alright now notice that the thumb nail



125

00:05:06.09 --> 00:05:08.06

for the graph object here inside



126

00:05:08.06 --> 00:05:11.06

the layers panel has not

updated automatically.



127

00:05:11.06 --> 00:05:13.05

If you want to see it

update, you need to twirl



128

00:05:13.05 --> 00:05:18.09

the layer closed and then

twirl it back open like so.



129

00:05:18.09 --> 00:05:20.09

Alright now let's say you

want to modify the data



130

00:05:20.09 --> 00:05:23.03

associated with this

graph, and just go ahead



131

00:05:23.03 --> 00:05:26.05

and press the V key to switch

back to the black arrow tool.



132

00:05:26.05 --> 00:05:29.06

Click on any shape that's

not currently selected



133

00:05:29.06 --> 00:05:32.08

to select the entire

graph, and then right click



134

00:05:32.08 --> 00:05:34.08

anywhere inside the document window



135

00:05:34.08 --> 00:05:37.07

at which point notice this

central section starting



136

00:05:37.07 --> 00:05:39.09

with Type and ending with Marker,



137

00:05:39.09 --> 00:05:42.01

all five of those commands are designed



138

00:05:42.01 --> 00:05:44.06

specifically for modifying graph objects



139

00:05:44.06 --> 00:05:46.06

here inside Illustrator.



140

00:05:46.06 --> 00:05:48.07

I'm' going to go ahead

and choose the second



141

00:05:48.07 --> 00:05:51.07

of these commands data in order to revisit



142

00:05:51.07 --> 00:05:54.00

that spreadsheet and

now I'll just go ahead



143

00:05:54.00 --> 00:05:56.06

and click on the number seven right here



144

00:05:56.06 --> 00:06:00.07

in the Z column and I'll

change it to a nine.



145

00:06:00.07 --> 00:06:02.06

Now let's say for whatever reason



146

00:06:02.06 --> 00:06:05.01

you regard that as a

mistake, you don't want



147

00:06:05.01 --> 00:06:06.05

to graph that data.



148

00:06:06.05 --> 00:06:09.06

Then you would go ahead and

click on this second icon



149

00:06:09.06 --> 00:06:13.00

from the right, revert in order to restore



150

00:06:13.00 --> 00:06:15.08

that data you entered just a moment ago.



151

00:06:15.08 --> 00:06:17.04

Alright, but I do want

to modify these values



152

00:06:17.04 --> 00:06:20.04

and so I'll change the

first Z value to nine.



153

00:06:20.04 --> 00:06:23.00

I'll set the second one to let's say 12



154

00:06:23.00 --> 00:06:24.09

this time around, and then I'll change



155

00:06:24.09 --> 00:06:27.08

the third one to eight, and

I'll press the enter key



156

00:06:27.08 --> 00:06:30.03

or return key on the Mac

to make those changes.



157

00:06:30.03 --> 00:06:32.08

And I'll go ahead and move

this guy over a little bit



158

00:06:32.08 --> 00:06:34.07

and this time I'll click on the check mark



159

00:06:34.07 --> 00:06:38.02

in order to apply my changes like so.



160

00:06:38.02 --> 00:06:39.08

And then assuming that you're done,



161

00:06:39.08 --> 00:06:44.08

you can just go ahead and close

that floating spreadsheet.



162

00:06:44.08 --> 00:06:46.04

And that's how you use any one



163

00:06:46.04 --> 00:06:48.05

of the nine graph tools to chart



164

00:06:48.05 --> 00:06:51.07

numerical data here inside Illustrator.