1
00:00:00.05 --> 00:00:01.07
- [Instructor] In this
movie, I'll show you how

2
00:00:01.07 --> 00:00:05.09
to modify and format the
text associated with a graph

3
00:00:05.09 --> 00:00:10.01
and have those modifications
survive larger edits.

4
00:00:10.01 --> 00:00:11.06
And so, for starters here,

5
00:00:11.06 --> 00:00:15.01
notice that our text
is really, super huge,

6
00:00:15.01 --> 00:00:16.09
and so I'm going to take down a point size

7
00:00:16.09 --> 00:00:19.09
by clicking on a graph
with a Black Arrow tool

8
00:00:19.09 --> 00:00:21.07
and then I'll go up to the Control panel,

9
00:00:21.07 --> 00:00:24.08
notice the text is set in
Myriad Pro, which is just fine,

10
00:00:24.08 --> 00:00:29.03
but I want to take the type size
value here down to 12 points,

11
00:00:29.03 --> 00:00:30.07
at which point I'll press the Enter key,

12
00:00:30.07 --> 00:00:33.07
or the Return key on a
Mac, to apply that change.

13
00:00:33.07 --> 00:00:35.05
And you can see that
Illustrator goes ahead

14
00:00:35.05 --> 00:00:38.03
and updates every line of point type

15
00:00:38.03 --> 00:00:40.09
that's associated with this graph.

16
00:00:40.09 --> 00:00:43.01
All right, now I'll grab
my White Arrow tool,

17
00:00:43.01 --> 00:00:45.05
which, again, I can get
by pressing the A key,

18
00:00:45.05 --> 00:00:48.04
and I'll click off the
graph to deselect it.

19
00:00:48.04 --> 00:00:51.00
And now I want to make my years larger

20
00:00:51.00 --> 00:00:54.00
by Alt clicking once, that's
a Option click on a Mac,

21
00:00:54.00 --> 00:00:57.04
and then Alt or Option
clicking a second time

22
00:00:57.04 --> 00:00:59.07
in order to select that text.

23
00:00:59.07 --> 00:01:01.03
I'm going to zoom in here.

24
00:01:01.03 --> 00:01:03.04
It's very important that you don't Alt

25
00:01:03.04 --> 00:01:06.02
or Option double-click on your text

26
00:01:06.02 --> 00:01:08.09
because that's going to
switch you to the Type tool,

27
00:01:08.09 --> 00:01:11.03
as we're seeing over here in the toolbox,

28
00:01:11.03 --> 00:01:14.08
as well as position your
blinking insertion marker,

29
00:01:14.08 --> 00:01:17.03
which does bring up an
interesting point, by the way.

30
00:01:17.03 --> 00:01:21.01
You can go ahead and edit
your text if you like to

31
00:01:21.01 --> 00:01:23.03
and change it to anything you like,

32
00:01:23.03 --> 00:01:26.06
but that is going to be
a temporary override.

33
00:01:26.06 --> 00:01:29.09
So, if I modify this
line of type right here,

34
00:01:29.09 --> 00:01:32.09
and then I select my graph
with my Black Arrow tool,

35
00:01:32.09 --> 00:01:36.00
right-click on it and
choose the Data command,

36
00:01:36.00 --> 00:01:38.09
I can make any modification
here inside this spreadsheet.

37
00:01:38.09 --> 00:01:43.07
For example, I could change
this number 73 under Facebook,

38
00:01:43.07 --> 00:01:47.02
not to 74, but just back to 73.

39
00:01:47.02 --> 00:01:49.06
I could change it back
to the same value it was

40
00:01:49.06 --> 00:01:51.02
and then click on a check mark

41
00:01:51.02 --> 00:01:52.07
and as soon as I do,

42
00:01:52.07 --> 00:01:55.06
I'm going to override
that text modification

43
00:01:55.06 --> 00:01:59.06
and I'm going to replace
it with my year, 2022.

44
00:01:59.06 --> 00:02:02.01
And that's because all of the values here

45
00:02:02.01 --> 00:02:05.01
inside the spreadsheet take precedent.

46
00:02:05.01 --> 00:02:07.07
Now, that's not to say
you can't modify the text,

47
00:02:07.07 --> 00:02:09.06
you just need to make sure
that if you really want

48
00:02:09.06 --> 00:02:11.05
that modification to stick,

49
00:02:11.05 --> 00:02:14.02
that you don't make any
further modifications

50
00:02:14.02 --> 00:02:16.01
to the spreadsheet data.

51
00:02:16.01 --> 00:02:18.01
All right, but that's not
really what I want to do,

52
00:02:18.01 --> 00:02:19.08
so I'll just go ahead and press Ctrl+0,

53
00:02:19.08 --> 00:02:21.07
or Command+0 on a Mac, to zoom out

54
00:02:21.07 --> 00:02:23.04
and I'll press the A key to switch back

55
00:02:23.04 --> 00:02:24.07
to my White Arrow tool

56
00:02:24.07 --> 00:02:27.09
and I'll Alt click once and then twice.

57
00:02:27.09 --> 00:02:29.06
So, again, don't double-click,

58
00:02:29.06 --> 00:02:33.00
that's an Option click once
and then twice on a Mac,

59
00:02:33.00 --> 00:02:36.00
and now I'll go up here
to the type size value

60
00:02:36.00 --> 00:02:40.00
and I'll change it to 18 points, like so,

61
00:02:40.00 --> 00:02:42.09
in order to make the years larger.

62
00:02:42.09 --> 00:02:46.00
I also want to make a few
modifications to the colors,

63
00:02:46.00 --> 00:02:49.02
so I'll Alt click once and then twice

64
00:02:49.02 --> 00:02:51.04
on the rectangle in front of Facebook,

65
00:02:51.04 --> 00:02:53.01
and I'll click on its fill swatch,

66
00:02:53.01 --> 00:02:56.03
and I'll change it to orange, let's say.

67
00:02:56.03 --> 00:02:58.08
Not because orange is
associated with Facebook,

68
00:02:58.08 --> 00:03:01.05
but just for the sake of
demonstrational purposes.

69
00:03:01.05 --> 00:03:03.02
And then I'll Alt click once

70
00:03:03.02 --> 00:03:06.08
and then twice on the
rectangle in front of Pinterest

71
00:03:06.08 --> 00:03:09.07
in order to select all
of the dark gray bars,

72
00:03:09.07 --> 00:03:11.00
and I'll go ahead and change the color

73
00:03:11.00 --> 00:03:12.03
of these guys to, let's say,

74
00:03:12.03 --> 00:03:14.07
this shade of purple right here

75
00:03:14.07 --> 00:03:18.03
and I'll leave Twitter alone,
I'll leave it set to gray.

76
00:03:18.03 --> 00:03:19.06
Now, the reason I'm doing this is

77
00:03:19.06 --> 00:03:20.08
because I want you to see that all

78
00:03:20.08 --> 00:03:22.05
of these formatting modifications

79
00:03:22.05 --> 00:03:24.04
that I've applied so far,

80
00:03:24.04 --> 00:03:27.02
including the type size and the colors,

81
00:03:27.02 --> 00:03:29.08
will survive future edits to the graph.

82
00:03:29.08 --> 00:03:31.03
So, let's say I don't really want this

83
00:03:31.03 --> 00:03:33.01
to be a horizontal bar graph,

84
00:03:33.01 --> 00:03:35.06
I want it to be a vertical column graph.

85
00:03:35.06 --> 00:03:37.04
In that case, I would press the V key

86
00:03:37.04 --> 00:03:39.06
to switch back to my Black Arrow tool,

87
00:03:39.06 --> 00:03:41.09
and I would click on
some portion of the graph

88
00:03:41.09 --> 00:03:43.06
to select the entire thing,

89
00:03:43.06 --> 00:03:45.02
and then I'd right-click anywhere inside

90
00:03:45.02 --> 00:03:46.05
the Document window.

91
00:03:46.05 --> 00:03:48.07
And this time, instead of choosing Data,

92
00:03:48.07 --> 00:03:51.09
choose Type, the first
of the graphing commands,

93
00:03:51.09 --> 00:03:55.04
in order to bring up the
Graph Type dialogue box

94
00:03:55.04 --> 00:03:57.04
and now notice that you can switch

95
00:03:57.04 --> 00:03:59.05
to any other style of graph you like.

96
00:03:59.05 --> 00:04:01.05
And so, for example,
I can convert this guy

97
00:04:01.05 --> 00:04:04.08
to a Line Graph and then click OK,

98
00:04:04.08 --> 00:04:08.07
at which point I can see
my data expressed as lines.

99
00:04:08.07 --> 00:04:10.01
To make a little better sense of it,

100
00:04:10.01 --> 00:04:12.07
I'll press Ctrl+h, or Command+h on a Mac,

101
00:04:12.07 --> 00:04:15.05
in order to hide my selection edges

102
00:04:15.05 --> 00:04:18.03
and now notice how easy it
is to see that Facebook,

103
00:04:18.03 --> 00:04:20.03
which has the dark squares,

104
00:04:20.03 --> 00:04:24.00
is much more popular than
the other social media sites.

105
00:04:24.00 --> 00:04:28.02
Also notice that all of my
text formatting has survived,

106
00:04:28.02 --> 00:04:30.09
but my color modifications have not.

107
00:04:30.09 --> 00:04:32.06
Now, because I don't want
to lose those colors,

108
00:04:32.06 --> 00:04:35.01
I'll press Ctrl+z, or Command+z on a Mac,

109
00:04:35.01 --> 00:04:36.08
to undo that change

110
00:04:36.08 --> 00:04:38.05
and I'll right-click again.

111
00:04:38.05 --> 00:04:40.05
Bear in mind that this
thing is still selected,

112
00:04:40.05 --> 00:04:43.02
so when I right-click and choose Type,

113
00:04:43.02 --> 00:04:45.06
I am modifying the selected graph.

114
00:04:45.06 --> 00:04:47.05
Now, we do not have a preview available

115
00:04:47.05 --> 00:04:48.08
to this dialogue box,

116
00:04:48.08 --> 00:04:50.02
that's something to bear in mind,

117
00:04:50.02 --> 00:04:52.03
and so, if you want to
see how your change looks,

118
00:04:52.03 --> 00:04:54.04
you have to select a different type,

119
00:04:54.04 --> 00:04:56.00
in my case column,

120
00:04:56.00 --> 00:04:58.04
and then you have to click OK

121
00:04:58.04 --> 00:05:00.03
in order to see it applied.

122
00:05:00.03 --> 00:05:02.00
At which point, this time,

123
00:05:02.00 --> 00:05:04.04
because column and bar
graphs are closely related

124
00:05:04.04 --> 00:05:07.02
to each other, we end up keeping

125
00:05:07.02 --> 00:05:09.00
not only the text formatting,

126
00:05:09.00 --> 00:05:12.04
but the colors as well.

127
00:05:12.04 --> 00:05:14.02
And so we could now very easily see

128
00:05:14.02 --> 00:05:16.06
that Facebook is much more popular

129
00:05:16.06 --> 00:05:18.02
than the other sites.

130
00:05:18.02 --> 00:05:22.01
LinkedIn isn't really more
popular than Instagram right now,

131
00:05:22.01 --> 00:05:23.08
but once these movies
starting gaining more

132
00:05:23.08 --> 00:05:28.00
and more popularity, it probably
will be by the year 2026.

133
00:05:28.00 --> 00:05:32.08
And that is how you reformat
text and numerical values

134
00:05:32.08 --> 00:05:36.09
inside of any kind of graph
here inside Illustrator.

