1

00:00:00.05 --> 00:00:02.01

- [Instructor] In this movie

I'll take you on a tour



2

00:00:02.01 --> 00:00:05.03

of the graph type options

which not only allow you



3

00:00:05.03 --> 00:00:07.08

to control the fundamental

appearance of your graph,



4

00:00:07.08 --> 00:00:12.01

but you can also adjust the

value and category axes.



5

00:00:12.01 --> 00:00:14.00

All right, so I'm going to go

ahead and click on the graph



6

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

with the black arrow tool to select it.



7

00:00:15.08 --> 00:00:18.00

If you're not seeing

those selection edges,



8

00:00:18.00 --> 00:00:20.04

then you can press Control +

H or Command + H on the Mac



9

00:00:20.04 --> 00:00:21.06

to bring 'em back.



10

00:00:21.06 --> 00:00:23.05

In my case, however, I want to hide 'em,



11

00:00:23.05 --> 00:00:25.08

so I'll press Control or Command + H.



12

00:00:25.08 --> 00:00:28.04

Then I'll right-click anywhere

in the document window



13

00:00:28.04 --> 00:00:32.05

and choose Type to bring up

the Graph Type dialog box.



14

00:00:32.05 --> 00:00:34.05

Now, I encourage you to

go ahead and experiment



15

00:00:34.05 --> 00:00:36.05

with these type icons here



16

00:00:36.05 --> 00:00:38.04

in order to find out how they work.



17

00:00:38.04 --> 00:00:40.00

I do want to point out what happens



18

00:00:40.00 --> 00:00:42.05

when you select the Area icon.



19

00:00:42.05 --> 00:00:45.04

Now, notice that we lose

some options down here



20

00:00:45.04 --> 00:00:47.06

in the lower portion of the dialog box.



21

00:00:47.06 --> 00:00:48.06

So these options,



22

00:00:48.06 --> 00:00:51.05

as you can see when I switch

back to the Column icon,



23

00:00:51.05 --> 00:00:53.01

are context-sensitive,



24

00:00:53.01 --> 00:00:56.01

that is, they vary

depending on the graph type.



25

00:00:56.01 --> 00:00:58.02

Anyway, if I select Area,



26

00:00:58.02 --> 00:00:59.09

then I want you to notice right here,



27

00:00:59.09 --> 00:01:02.09

my percentage values go from zero to 100%,



28

00:01:02.09 --> 00:01:07.03

but as soon as I click OK,

they switch from zero to 300%,



29

00:01:07.03 --> 00:01:09.09

and that's because each

one of these columns



30

00:01:09.09 --> 00:01:13.07

of data is stacked on top of

the one that comes before it,



31

00:01:13.07 --> 00:01:15.03

which means that Twitter ends up looking



32

00:01:15.03 --> 00:01:17.02

like it has the most members



33

00:01:17.02 --> 00:01:19.03

because it's stacked on top of the other,



34

00:01:19.03 --> 00:01:23.06

where in fact it has the fewest

as things stand right now.



35

00:01:23.06 --> 00:01:27.01

All right, so I'm going to

right-click again and choose Type.



36

00:01:27.01 --> 00:01:30.08

And this time I'll go

ahead and switch to Line,



37

00:01:30.08 --> 00:01:32.06

which is going to do a

better job of showing us



38

00:01:32.06 --> 00:01:35.09

what's going on where this

specific graph is concerned.



39

00:01:35.09 --> 00:01:39.02

Problem is, in the previous

movie I lost my colors.



40

00:01:39.02 --> 00:01:40.06

If I want to keep those colors,



41

00:01:40.06 --> 00:01:44.01

then I would turn on this

checkbox, Draw Filled Lines.



42

00:01:44.01 --> 00:01:46.06

And then I can change the

line width to anything I want.



43

00:01:46.06 --> 00:01:48.05

I'm going to go ahead and

take it up to four points



44

00:01:48.05 --> 00:01:49.07

and click OK,



45

00:01:49.07 --> 00:01:53.03

and you can see we now

have these colorful lines



46

00:01:53.03 --> 00:01:56.07

so we can tell exactly what's going on.



47

00:01:56.07 --> 00:01:59.01

All right, I'm going to

right-click again and choose Type.



48

00:01:59.01 --> 00:02:01.09

We'll be doing this quite

a few times, as you'll see.



49

00:02:01.09 --> 00:02:04.04

And I'm going to switch

back to the Column icon.



50

00:02:04.04 --> 00:02:07.05

Notice down here we have

column width and cluster width.



51

00:02:07.05 --> 00:02:11.09

If I were to change the

column width value to 100%



52

00:02:11.09 --> 00:02:14.07

and click OK, you can see that every one



53

00:02:14.07 --> 00:02:17.02

of these columns abuts its neighbors



54

00:02:17.02 --> 00:02:21.04

so it's taking up 100%

of the possible width,



55

00:02:21.04 --> 00:02:25.06

but each one of the clusters

of five columns apiece



56

00:02:25.06 --> 00:02:27.08

is separated by a big gap.



57

00:02:27.08 --> 00:02:29.04

If I want that gap to go away,



58

00:02:29.04 --> 00:02:32.04

then I would right-click

and choose Type once again,



59

00:02:32.04 --> 00:02:36.03

and I would change the

cluster width value to 100%



60

00:02:36.03 --> 00:02:39.03

and then click OK, at

which point you can see



61

00:02:39.03 --> 00:02:42.00

that all of the columns are now adjacent.



62

00:02:42.00 --> 00:02:44.01

That looks a little bit

too tight to me, however,



63

00:02:44.01 --> 00:02:46.07

so I'm going to right-click

and choose Type again,



64

00:02:46.07 --> 00:02:49.00

and I'm going to take the

cluster width value down



65

00:02:49.00 --> 00:02:51.09

to 90% this time around.



66

00:02:51.09 --> 00:02:53.09

And I'm going to move the legend



67

00:02:53.09 --> 00:02:58.04

to the top of the graph

up here and click OK,



68

00:02:58.04 --> 00:03:01.04

and that does a nice job

of moving everybody upward.



69

00:03:01.04 --> 00:03:03.05

I want them to be a

little higher, however,



70

00:03:03.05 --> 00:03:05.07

so I'm going to grab my white arrow tool,



71

00:03:05.07 --> 00:03:07.09

which of course you can

get by pressing the A key.



72

00:03:07.09 --> 00:03:09.09

I'll press Control + H or Command + H



73

00:03:09.09 --> 00:03:11.04

so I can see what's selected,



74

00:03:11.04 --> 00:03:13.00

and I'll go ahead and marquee



75

00:03:13.00 --> 00:03:16.03

just below these squares like so.



76

00:03:16.03 --> 00:03:18.01

So I'm selecting everything in the legend



77

00:03:18.01 --> 00:03:20.04

without selecting the top of the graph.



78

00:03:20.04 --> 00:03:23.03

And I'm going to press Shift

+ Up Arrow a couple of times,



79

00:03:23.03 --> 00:03:27.04

maybe even three times, to

raise the legend like so.



80

00:03:27.04 --> 00:03:28.05

All right, now I'll press the V key



81

00:03:28.05 --> 00:03:30.02

to switch back to my black arrow tool,



82

00:03:30.02 --> 00:03:31.08

and I'll click on the graph to select it,



83

00:03:31.08 --> 00:03:35.00

and I'll right-click and

choose Type once again.



84

00:03:35.00 --> 00:03:36.08

Now let's check out the other panels



85

00:03:36.08 --> 00:03:38.02

that are available to us.



86

00:03:38.02 --> 00:03:40.02

I'll select Value Axis,



87

00:03:40.02 --> 00:03:42.08

which, by the way, in the

case of a column graph,



88

00:03:42.08 --> 00:03:45.01

is going to be the vertical axis.



89

00:03:45.01 --> 00:03:48.00

And notice that I can

add a prefix or suffix



90

00:03:48.00 --> 00:03:49.08

to every one of these values,



91

00:03:49.08 --> 00:03:51.07

and so I'm going to

change the suffix option



92

00:03:51.07 --> 00:03:54.05

to a percent symbol like so.



93

00:03:54.05 --> 00:03:56.06

And then I'm also going

to change the length



94

00:03:56.06 --> 00:03:59.01

of my tick marks to full width



95

00:03:59.01 --> 00:04:01.08

so that they take up the

entire width of the graph.



96

00:04:01.08 --> 00:04:04.08

Notice right now they're

just these short little guys.



97

00:04:04.08 --> 00:04:07.07

And then I'm going to override

the calculated values.



98

00:04:07.07 --> 00:04:10.03

Right now the minimum value

is zero, which is fine,



99

00:04:10.03 --> 00:04:11.09

down here at the bottom of the graph.



100

00:04:11.09 --> 00:04:14.05

But I want to maximum value to be 80,



101

00:04:14.05 --> 00:04:16.05

and that's because with the exception



102

00:04:16.05 --> 00:04:18.07

of a couple of the Facebook columns,



103

00:04:18.07 --> 00:04:20.08

nothing goes above 80%.



104

00:04:20.08 --> 00:04:23.01

And then I'll change the

number of divisions to eight



105

00:04:23.01 --> 00:04:26.00

so that we're labeling

every 10% increment.



106

00:04:26.00 --> 00:04:28.09

And now I'll click OK in

order to accept that change,



107

00:04:28.09 --> 00:04:32.05

and you can see that just

these two orange columns



108

00:04:32.05 --> 00:04:34.08

rise above the 80% mark.



109

00:04:34.08 --> 00:04:36.02

All right, I think I should just go ahead



110

00:04:36.02 --> 00:04:38.05

and nudge this guy down a little bit



111

00:04:38.05 --> 00:04:40.01

by pressing Shift + Down Arrow



112

00:04:40.01 --> 00:04:42.05

followed by Shift +

Right Arrow a few times,



113

00:04:42.05 --> 00:04:45.04

just so that things look

a little better on screen.



114

00:04:45.04 --> 00:04:49.00

And finally, I'm going to

adjust the category axis



115

00:04:49.00 --> 00:04:52.01

by right-clicking and

choosing Type once again.



116

00:04:52.01 --> 00:04:55.06

And this time I'll switch

this option to Category Axis,



117

00:04:55.06 --> 00:04:59.03

which is going to be the years

in the case of this graph.



118

00:04:59.03 --> 00:05:01.05

Notice right now we have little tick marks



119

00:05:01.05 --> 00:05:04.00

between each one of the clusters.



120

00:05:04.00 --> 00:05:04.08

I don't want that,



121

00:05:04.08 --> 00:05:07.04

so I'm going to turn that

tick mark options off,



122

00:05:07.04 --> 00:05:10.05

at which point we would see

little ticks in the middle.



123

00:05:10.05 --> 00:05:12.00

Now, I don't want to see that either,



124

00:05:12.00 --> 00:05:15.02

and so I'm going to

change the length to none,



125

00:05:15.02 --> 00:05:16.09

and then I'll click OK



126

00:05:16.09 --> 00:05:21.02

in order to get rid of

those tick marks like so.



127

00:05:21.02 --> 00:05:23.04

All right, now let's make

a few more manual changes



128

00:05:23.04 --> 00:05:26.03

by pressing the A key to

switch to the white arrow tool.



129

00:05:26.03 --> 00:05:29.00

I'll go ahead and click off

the graph to deselect it.



130

00:05:29.00 --> 00:05:32.06

And then I'll Alt or Option-click twice



131

00:05:32.06 --> 00:05:34.01

on the word Facebook,



132

00:05:34.01 --> 00:05:36.04

but I don't want to

double-click; remember that.



133

00:05:36.04 --> 00:05:39.09

You just want to Alt or

Option-click twice in a row



134

00:05:39.09 --> 00:05:42.06

and then press Shift + Up

Arrow a couple of times



135

00:05:42.06 --> 00:05:44.07

in order to raise those labels.



136

00:05:44.07 --> 00:05:47.02

And now I'll go ahead and

marquee the entire legend again,



137

00:05:47.02 --> 00:05:50.05

and I'll press Shift + Up Arrow

a couple of additional times



138

00:05:50.05 --> 00:05:52.09

to raise that legend like so.



139

00:05:52.09 --> 00:05:54.09

All right, now I'm just

going to partially marquee



140

00:05:54.09 --> 00:05:57.02

these percentage values, because notice



141

00:05:57.02 --> 00:06:01.01

that they're not exactly

aligned properly here.



142

00:06:01.01 --> 00:06:05.00

And so I'll just go ahead and

nudge these guys over like so,



143

00:06:05.00 --> 00:06:08.01

and then I'll take 'em down

so they appear to be centered



144

00:06:08.01 --> 00:06:10.00

on these horizontal value lines,



145

00:06:10.00 --> 00:06:11.07

and then I'll press Shift + Left Arrow



146

00:06:11.07 --> 00:06:13.09

in order to move 'em out.



147

00:06:13.09 --> 00:06:16.04

All right, now I want to

change the line weight



148

00:06:16.04 --> 00:06:18.05

and the color of these value lines,



149

00:06:18.05 --> 00:06:21.03

so I'll go ahead and click

off the text to deselect it,



150

00:06:21.03 --> 00:06:23.03

I'll press Control + Zero

or Command + Zero on a Mac



151

00:06:23.03 --> 00:06:25.07

to zoom out, and I'll Alt or Option-click



152

00:06:25.07 --> 00:06:29.02

on this horizontal line right

here once and then twice,



153

00:06:29.02 --> 00:06:32.00

and that'll select all

of those value lines,



154

00:06:32.00 --> 00:06:35.09

at which point I'll take the

line weight value down to 0.5



155

00:06:35.09 --> 00:06:39.02

and I'll change the color of the strokes



156

00:06:39.02 --> 00:06:44.03

to this shade of gray, where

the RGB values are all 128.



157

00:06:44.03 --> 00:06:46.01

All right, now if I click off the lines,



158

00:06:46.01 --> 00:06:47.08

you can see that they're much lighter.



159

00:06:47.08 --> 00:06:52.04

Problem is, if you zoom in on

this bottom line right here,



160

00:06:52.04 --> 00:06:54.05

you'll see that it's a thick black line



161

00:06:54.05 --> 00:06:57.01

with a light gray line

in the middle of it.



162

00:06:57.01 --> 00:06:59.01

So I'll go ahead and

Alt-click or Option-click



163

00:06:59.01 --> 00:07:00.07

on that gray line to select it.



164

00:07:00.07 --> 00:07:01.07

You can't get rid of it.



165

00:07:01.07 --> 00:07:03.05

You can't just press the Backspace key



166

00:07:03.05 --> 00:07:04.06

or the Delete key on a Mac,



167

00:07:04.06 --> 00:07:08.03

because Illustrator will tell

you that that's not allowed,



168

00:07:08.03 --> 00:07:10.02

so we'll just go ahead and click OK.



169

00:07:10.02 --> 00:07:12.01

Instead, what you want

to do is change the color



170

00:07:12.01 --> 00:07:15.03

of just that one line back to black,



171

00:07:15.03 --> 00:07:18.08

and that way you won't see

that extra bit of gray.



172

00:07:18.08 --> 00:07:21.01

Now I'll click off the

line to deselect it,



173

00:07:21.01 --> 00:07:23.00

and I'll go ahead and press Control + Zero



174

00:07:23.00 --> 00:07:27.00

or Command + Zero on a

Mac to recent my zoom.



175

00:07:27.00 --> 00:07:28.01

All right, and that is it.



176

00:07:28.01 --> 00:07:30.07

That is how you work with

the graph type options,



177

00:07:30.07 --> 00:07:31.09

which allow you not only



178

00:07:31.09 --> 00:07:34.05

to change the fundamental

appearance of the graph,



179

00:07:34.05 --> 00:07:36.06

but also the appearance of the value



180

00:07:36.06 --> 00:07:40.01

and category axes here inside Illustrator.