1
00:00:00.05 --> 00:00:01.04
- [Instructor] In this movie,

2
00:00:01.04 --> 00:00:04.03
I'll show you how to create
text along a path outline.

3
00:00:04.03 --> 00:00:06.07
Specifically, we'll
create text along the top

4
00:00:06.07 --> 00:00:09.03
and the bottom of an ellipse.

5
00:00:09.03 --> 00:00:11.06
I'll go ahead and switch
over to my starter document

6
00:00:11.06 --> 00:00:13.07
and notice here inside the Layers panel,

7
00:00:13.07 --> 00:00:16.03
that we have a hidden
layer called big ellipse.

8
00:00:16.03 --> 00:00:17.07
If you're working along with me,

9
00:00:17.07 --> 00:00:19.09
go ahead and turn the layer on

10
00:00:19.09 --> 00:00:21.07
and notice if I select the ellipse,

11
00:00:21.07 --> 00:00:24.09
that it has no fill, but
it has a black stroke.

12
00:00:24.09 --> 00:00:26.07
That stroke is going to disappear

13
00:00:26.07 --> 00:00:29.01
as soon as we attach the text.

14
00:00:29.01 --> 00:00:30.07
Alright, now we need to separate

15
00:00:30.07 --> 00:00:32.07
the top and bottom of the ellipse,

16
00:00:32.07 --> 00:00:34.01
and the best way to do that

17
00:00:34.01 --> 00:00:35.08
is with the white arrow tool,

18
00:00:35.08 --> 00:00:38.01
which you can get by pressing the A key.

19
00:00:38.01 --> 00:00:40.03
Next you want to draw a tiny marquee

20
00:00:40.03 --> 00:00:41.09
around the bottom anchor point.

21
00:00:41.09 --> 00:00:45.03
Taking care, not to select the
tin woodman or the scarecrow,

22
00:00:45.03 --> 00:00:46.08
and that'll select that point,

23
00:00:46.08 --> 00:00:49.00
along with its two neighboring segments,

24
00:00:49.00 --> 00:00:51.03
and then you want to press Control + X

25
00:00:51.03 --> 00:00:52.06
or Command + X on the Mac,

26
00:00:52.06 --> 00:00:54.05
in order to cut it to the clipboard,

27
00:00:54.05 --> 00:00:56.03
and then press Control + F,

28
00:00:56.03 --> 00:00:59.01
or Command + F on the
Mac to paste it in front,

29
00:00:59.01 --> 00:01:01.00
and you can see by the anchor points,

30
00:01:01.00 --> 00:01:02.08
that the bottom of the ellipse

31
00:01:02.08 --> 00:01:05.00
is now separated from the top.

32
00:01:05.00 --> 00:01:06.03
To make that more obvious,

33
00:01:06.03 --> 00:01:08.00
I'm going to scoot the bottom down

34
00:01:08.00 --> 00:01:09.07
by pressing Shift + down arrow,

35
00:01:09.07 --> 00:01:11.05
one, two, three times,

36
00:01:11.05 --> 00:01:15.06
which will scoot that bottom
of the ellipse down 30 points.

37
00:01:15.06 --> 00:01:18.08
Alright, now I'll click off
the ellipse to deselect it.

38
00:01:18.08 --> 00:01:21.00
The next step is to select the type tool,

39
00:01:21.00 --> 00:01:23.02
which you can get by pressing the T key.

40
00:01:23.02 --> 00:01:25.07
Alright now, I want to
better see what I'm doing,

41
00:01:25.07 --> 00:01:27.03
so I'll increase the type size

42
00:01:27.03 --> 00:01:29.00
by clicking on the word Character,

43
00:01:29.00 --> 00:01:30.07
up here in the Control panel

44
00:01:30.07 --> 00:01:33.00
and then, I'll click on
the down-pointing arrowhead

45
00:01:33.00 --> 00:01:35.00
associated with the type size value

46
00:01:35.00 --> 00:01:38.00
and I'll change it to 36 points

47
00:01:38.00 --> 00:01:39.07
and then I'll press the escape key

48
00:01:39.07 --> 00:01:41.07
in order to hide that panel.

49
00:01:41.07 --> 00:01:45.00
Now notice, if I hover my
cursor over a path outline

50
00:01:45.00 --> 00:01:47.00
that it changes to an eye beam

51
00:01:47.00 --> 00:01:49.03
with a dotted path running through it,

52
00:01:49.03 --> 00:01:51.02
at which point you can click

53
00:01:51.02 --> 00:01:55.02
in order to create some
placeholder text along your path.

54
00:01:55.02 --> 00:01:57.03
Now, this placeholder text can be useful

55
00:01:57.03 --> 00:01:59.00
when you're putting together comps,

56
00:01:59.00 --> 00:02:00.05
in which case, you don't always know

57
00:02:00.05 --> 00:02:02.04
the specific text you'll be using.

58
00:02:02.04 --> 00:02:04.07
In my case, I do know
the text that I want,

59
00:02:04.07 --> 00:02:07.09
So I'll just enter it, The
Wonderful Wizard of Oz,

60
00:02:07.09 --> 00:02:09.07
and then I'll press the escape key

61
00:02:09.07 --> 00:02:11.03
in order to accept that change

62
00:02:11.03 --> 00:02:13.08
and return to the black arrow tool.

63
00:02:13.08 --> 00:02:16.08
Alright, now we want to assign
a few formatting attributes,

64
00:02:16.08 --> 00:02:19.01
starting with an even larger type size,

65
00:02:19.01 --> 00:02:21.05
and so, I'll go ahead and
select the size value,

66
00:02:21.05 --> 00:02:23.00
up there in the Control panel,

67
00:02:23.00 --> 00:02:25.09
and I'll change it to a whopping 94 points

68
00:02:25.09 --> 00:02:27.03
and I'll press the enter key

69
00:02:27.03 --> 00:02:30.02
or the return key, on the
Mac, to accept that change.

70
00:02:30.02 --> 00:02:33.01
We want our text to be centered
along the path outline,

71
00:02:33.01 --> 00:02:35.09
so go ahead and click on
the align center icon,

72
00:02:35.09 --> 00:02:38.03
to the right of the word, Paragraph,

73
00:02:38.03 --> 00:02:39.06
and as you can see here,

74
00:02:39.06 --> 00:02:42.07
that doesn't really end up
working out very well for us.

75
00:02:42.07 --> 00:02:45.03
We'll solve that problem in just a moment.

76
00:02:45.03 --> 00:02:47.07
Alright, now I want to
search for a condensed font

77
00:02:47.07 --> 00:02:49.03
that's installed on my system.

78
00:02:49.03 --> 00:02:51.03
So, I'll click inside the font option

79
00:02:51.03 --> 00:02:53.04
and I'll enter the word, condensed,

80
00:02:53.04 --> 00:02:56.00
and let's say I want
it to be bold as well,

81
00:02:56.00 --> 00:02:57.08
I'll just add the word, bold,

82
00:02:57.08 --> 00:02:59.05
and even though as you can see here,

83
00:02:59.05 --> 00:03:02.08
the style names actually appear
in the order bold condensed.

84
00:03:02.08 --> 00:03:06.06
It's totally okay if you enter
then in a different order.

85
00:03:06.06 --> 00:03:09.01
Alright, now I'm going
to scroll down my list

86
00:03:09.01 --> 00:03:10.09
using the scroll wheel on my mouse

87
00:03:10.09 --> 00:03:13.03
and I'll eventually select this font here,

88
00:03:13.03 --> 00:03:15.04
Nueva Standard Bold Condensed.

89
00:03:15.04 --> 00:03:18.02
It's very likely you don't
have that font on your system,

90
00:03:18.02 --> 00:03:21.08
in which case, just go ahead
and select something else.

91
00:03:21.08 --> 00:03:23.09
Alright now, this version of Illustrator

92
00:03:23.09 --> 00:03:27.00
brings back the bounding box
anytime you change the font.

93
00:03:27.00 --> 00:03:28.06
That's just going to get in our way.

94
00:03:28.06 --> 00:03:30.01
So, I'll go up to the View menu

95
00:03:30.01 --> 00:03:31.07
and choose Hide Bounding Box

96
00:03:31.07 --> 00:03:33.04
or press Control + Shift + B

97
00:03:33.04 --> 00:03:36.00
or Command + Shift + B on the Mac,

98
00:03:36.00 --> 00:03:38.04
and then finally, I'll click
on the word, Character,

99
00:03:38.04 --> 00:03:40.03
and I'll click this
down-pointing arrowhead

100
00:03:40.03 --> 00:03:42.02
that's associated with the kerning value

101
00:03:42.02 --> 00:03:44.06
and I'll change it from Auto to Optical,

102
00:03:44.06 --> 00:03:47.07
which is going to work better
for this large display text

103
00:03:47.07 --> 00:03:50.07
and then I'll press the
escape key to hide that panel.

104
00:03:50.07 --> 00:03:54.00
Now, notice right here that
we're seeing a red plus sign,

105
00:03:54.00 --> 00:03:57.02
which tells us that we have overflow text,

106
00:03:57.02 --> 00:04:00.07
text that doesn't quite
fit along the path outline.

107
00:04:00.07 --> 00:04:03.06
Also, notice that we've
got this perpendicular bar

108
00:04:03.06 --> 00:04:05.04
near the center of the text.

109
00:04:05.04 --> 00:04:09.01
In my case, it appears in the
middle of the F in Wonderful.

110
00:04:09.01 --> 00:04:12.06
You can drag that item
right there, back and forth

111
00:04:12.06 --> 00:04:16.07
in order to move the text
along the path outline,

112
00:04:16.07 --> 00:04:19.00
or you can drag it to the other side

113
00:04:19.00 --> 00:04:21.08
in order to flip the text, like so,

114
00:04:21.08 --> 00:04:23.04
and if that happens to you accidentally,

115
00:04:23.04 --> 00:04:25.08
don't worry about it,
you can just flip it back

116
00:04:25.08 --> 00:04:28.08
by dragging that bar, once
again, to the other side.

117
00:04:28.08 --> 00:04:30.02
What we need to do, however,

118
00:04:30.02 --> 00:04:32.08
is move these end bars right here,

119
00:04:32.08 --> 00:04:35.02
and by bars, I mean
these perpendicular lines

120
00:04:35.02 --> 00:04:37.01
along the path,

121
00:04:37.01 --> 00:04:40.04
and so, instead of dragging
on the plus sign itself,

122
00:04:40.04 --> 00:04:42.02
you need to move your cursor,

123
00:04:42.02 --> 00:04:44.02
until it appears as an arrowhead

124
00:04:44.02 --> 00:04:46.08
with an arrow bar next to it,

125
00:04:46.08 --> 00:04:51.03
and then drag that guy down
until it snaps to the endpoint.

126
00:04:51.03 --> 00:04:53.07
That doesn't really solve
the problem, however.

127
00:04:53.07 --> 00:04:55.09
As you can see, the text
is centered over here

128
00:04:55.09 --> 00:04:57.08
on the right hand side of the path

129
00:04:57.08 --> 00:04:59.04
and that's because this bar,

130
00:04:59.04 --> 00:05:01.03
which indicates the beginning of the text

131
00:05:01.03 --> 00:05:03.00
is not aligned properly.

132
00:05:03.00 --> 00:05:04.08
So, move your cursor until you see

133
00:05:04.08 --> 00:05:06.08
that little perpendicular arrow

134
00:05:06.08 --> 00:05:11.01
and then drag that bar all the
way to the endpoint, like so,

135
00:05:11.01 --> 00:05:14.04
and you'll end up with this
perfectly centered text.

136
00:05:14.04 --> 00:05:15.05
Alright, now I'll just go ahead

137
00:05:15.05 --> 00:05:17.06
and click off the text to deselect it.

138
00:05:17.06 --> 00:05:20.00
Next, we want to paste some text

139
00:05:20.00 --> 00:05:21.06
along the bottom ellipse

140
00:05:21.06 --> 00:05:22.06
and we're going to do that

141
00:05:22.06 --> 00:05:25.05
by switching to that final
version of Chapter Five

142
00:05:25.05 --> 00:05:28.01
and then, I'll click on the
byline text to select it

143
00:05:28.01 --> 00:05:29.09
and I'll just press Control + C

144
00:05:29.09 --> 00:05:31.03
or Command + C on the Mac,

145
00:05:31.03 --> 00:05:32.09
in order to copy it.

146
00:05:32.09 --> 00:05:34.01
Now I'll go ahead and switch back

147
00:05:34.01 --> 00:05:35.05
to the document in progress

148
00:05:35.05 --> 00:05:37.06
and I'll once again, select the type tool,

149
00:05:37.06 --> 00:05:39.00
and I want you to notice here

150
00:05:39.00 --> 00:05:40.03
if you click and hold,

151
00:05:40.03 --> 00:05:43.02
there is this thing called
the Type on a Path Tool,

152
00:05:43.02 --> 00:05:44.06
you just don't need it.

153
00:05:44.06 --> 00:05:47.02
The type tool, by itself, does everything

154
00:05:47.02 --> 00:05:49.04
and so I'll go ahead and
select the type tool,

155
00:05:49.04 --> 00:05:51.04
move my cursor down here,

156
00:05:51.04 --> 00:05:53.04
to really any old point, once again,

157
00:05:53.04 --> 00:05:55.01
click on the path outline,

158
00:05:55.01 --> 00:05:57.06
in order to add that placeholder text,

159
00:05:57.06 --> 00:06:00.08
this time set in Nueva
Standard Bold Condensed,

160
00:06:00.08 --> 00:06:03.01
and now I'll just go
ahead and paste the byline

161
00:06:03.01 --> 00:06:04.09
by pressing Control + V

162
00:06:04.09 --> 00:06:07.01
or Command + V on the Mac.

163
00:06:07.01 --> 00:06:09.07
Alright, now we want to adjust
the formatting a little bit

164
00:06:09.07 --> 00:06:11.05
and so, I'm going to press Control +

165
00:06:11.05 --> 00:06:13.08
or Command + on the Mac, to zoom in,

166
00:06:13.08 --> 00:06:16.00
which zooms in on the
wrong portion of the image.

167
00:06:16.00 --> 00:06:17.04
So I'll scroll my document

168
00:06:17.04 --> 00:06:19.03
by pressing and holding the Alt key

169
00:06:19.03 --> 00:06:21.00
or the Option key on the Mac

170
00:06:21.00 --> 00:06:23.04
because after all, we
have some active text,

171
00:06:23.04 --> 00:06:26.03
and then I'll just go ahead
and drag the document upward.

172
00:06:26.03 --> 00:06:28.06
Alright, now I'll press Control + A

173
00:06:28.06 --> 00:06:30.00
or Command + A on the Mac,

174
00:06:30.00 --> 00:06:31.08
to select all of that text

175
00:06:31.08 --> 00:06:35.06
and I'll change its style
from Italic to Regular,

176
00:06:35.06 --> 00:06:37.04
up here in the Control panel

177
00:06:37.04 --> 00:06:39.09
and then I want to increase
the type size a little bit

178
00:06:39.09 --> 00:06:43.07
using that keyboard shortcut
of Control + Shift + >,

179
00:06:43.07 --> 00:06:46.01
that's Command + Shift + > on the Mac,

180
00:06:46.01 --> 00:06:47.09
and if you're working along with me,

181
00:06:47.09 --> 00:06:49.05
you want to press that shortcut

182
00:06:49.05 --> 00:06:52.07
a total of three times, like so,

183
00:06:52.07 --> 00:06:54.06
and then, press the escape key

184
00:06:54.06 --> 00:06:56.03
in order to accept that change

185
00:06:56.03 --> 00:06:59.00
and switch back to the black arrow tool.

186
00:06:59.00 --> 00:07:00.08
Alright, this guy isn't aligned properly,

187
00:07:00.08 --> 00:07:02.09
so let's go ahead and
drag this bar right here

188
00:07:02.09 --> 00:07:05.01
until it snaps to the endpoint like so,

189
00:07:05.01 --> 00:07:06.08
and then we're going to
have to drag this one

190
00:07:06.08 --> 00:07:08.00
quite a bit farther.

191
00:07:08.00 --> 00:07:11.01
So, I'll just go ahead and
get it started, like so,

192
00:07:11.01 --> 00:07:13.00
and then, I'll scroll over to the right

193
00:07:13.00 --> 00:07:15.03
and drag it all the rest of the way

194
00:07:15.03 --> 00:07:17.09
until I once again see that snap cursor,

195
00:07:17.09 --> 00:07:19.03
and then finally,

196
00:07:19.03 --> 00:07:20.08
notice that our text is on the wrong side

197
00:07:20.08 --> 00:07:22.00
of the path outline.

198
00:07:22.00 --> 00:07:25.01
We can fix that by dragging
this bar, this central bar,

199
00:07:25.01 --> 00:07:27.01
upward, like so,

200
00:07:27.01 --> 00:07:29.01
and that finishes off the effect,

201
00:07:29.01 --> 00:07:30.03
at which point, I'll once again,

202
00:07:30.03 --> 00:07:32.02
click off the text to deselect it

203
00:07:32.02 --> 00:07:34.05
and then I'll zoom out
by pressing Control + 0

204
00:07:34.05 --> 00:07:37.01
or Command + 0 on the Mac,

205
00:07:37.01 --> 00:07:39.02
and that, friends, is how you create text

206
00:07:39.02 --> 00:07:41.00
along any path outline,

207
00:07:41.00 --> 00:07:42.09
whether it starts off as an ellipse

208
00:07:42.09 --> 00:07:46.06
or any other shape,
here inside Illustrator.