1
00:00:00.05 --> 00:00:01.05
- All right in this movie, we're going

2
00:00:01.05 --> 00:00:02.08
to create the letter E.

3
00:00:02.08 --> 00:00:05.00
And we're going to do
so using the pen tool.

4
00:00:05.00 --> 00:00:06.09
But we're only going to
create corner points.

5
00:00:06.09 --> 00:00:08.07
We're going to do the
rest of the heavy lifting

6
00:00:08.07 --> 00:00:11.08
using a wonderful new
feature associated with

7
00:00:11.08 --> 00:00:15.00
a white arrow tool,
which is round corners.

8
00:00:15.00 --> 00:00:17.04
And this will serve as a
preview of coming attractions

9
00:00:17.04 --> 00:00:19.03
in the very next chapter.

10
00:00:19.03 --> 00:00:20.04
And so you can see I've gone ahead

11
00:00:20.04 --> 00:00:23.09
and drawn the S off-screen
because it's just more combining

12
00:00:23.09 --> 00:00:25.07
of curving and straight segments.

13
00:00:25.07 --> 00:00:29.00
And it's actually a little
easier to pull off than the D.

14
00:00:29.00 --> 00:00:31.04
So, let's go ahead and switch
back to the outline mode

15
00:00:31.04 --> 00:00:32.08
by going up to the view menu

16
00:00:32.08 --> 00:00:34.06
and choosing the Outline command.

17
00:00:34.06 --> 00:00:38.00
Or you can press control
"y", or command "y"on a Mac.

18
00:00:38.00 --> 00:00:39.05
And for the sake of alignment,

19
00:00:39.05 --> 00:00:42.02
I'm going to draw this in
pieces by first pressing

20
00:00:42.02 --> 00:00:44.05
the "p" key to get the pen tool.

21
00:00:44.05 --> 00:00:46.05
And then I'll go ahead
and click way up here

22
00:00:46.05 --> 00:00:49.00
and shift click over on the other side.

23
00:00:49.00 --> 00:00:50.09
And you can see it's got
a little bit of a lift.

24
00:00:50.09 --> 00:00:53.04
But I'm not too terribly
concerned about that.

25
00:00:53.04 --> 00:00:55.06
And then I'll go ahead and
click down right about there,

26
00:00:55.06 --> 00:00:57.09
and I'll shift click to make sure that all

27
00:00:57.09 --> 00:01:01.03
of my horizontal segments
are exactly horizontal.

28
00:01:01.03 --> 00:01:03.07
And then I'll click right
about there, let's say,

29
00:01:03.07 --> 00:01:05.00
and I might as well add the shift key

30
00:01:05.00 --> 00:01:06.07
just to get a constraint.

31
00:01:06.07 --> 00:01:09.05
And then I'll shift click
over at this location.

32
00:01:09.05 --> 00:01:10.08
And I'm going to go all the way down.

33
00:01:10.08 --> 00:01:13.03
I just want to make sure
that these two segments

34
00:01:13.03 --> 00:01:14.07
align with each other.

35
00:01:14.07 --> 00:01:17.09
And so I'll click right about
there in order to create

36
00:01:17.09 --> 00:01:19.05
a more or less vertical segment,

37
00:01:19.05 --> 00:01:21.00
not quite exactly vertical.

38
00:01:21.00 --> 00:01:23.04
And then I'll shift click to this point,

39
00:01:23.04 --> 00:01:25.03
and you can see that the
bottom portion of the E

40
00:01:25.03 --> 00:01:27.05
is longer than the top portion.

41
00:01:27.05 --> 00:01:30.02
All right, now I'll click
right about here, I think.

42
00:01:30.02 --> 00:01:32.04
And then I'll shift click across the top.

43
00:01:32.04 --> 00:01:34.07
I'll click along this edge.

44
00:01:34.07 --> 00:01:36.09
I want to make sure I'm
more or less parallel

45
00:01:36.09 --> 00:01:38.08
to the edge of the block.

46
00:01:38.08 --> 00:01:41.06
And then I'll shift click
over at this location.

47
00:01:41.06 --> 00:01:43.09
That's too high, so I'm going
to press the control key

48
00:01:43.09 --> 00:01:45.05
which is getting me the black arrow.

49
00:01:45.05 --> 00:01:48.04
So, I'll press control tilda,
that would be command option

50
00:01:48.04 --> 00:01:51.07
tab on the Mac, in order to
switch to the white arrow tool.

51
00:01:51.07 --> 00:01:54.00
And then with the control
or command key still down

52
00:01:54.00 --> 00:01:55.07
I'll shift click as well.

53
00:01:55.07 --> 00:01:58.01
I'll add the shift key
and click on that point.

54
00:01:58.01 --> 00:02:00.06
And then I'll press the
down arrow key a few times

55
00:02:00.06 --> 00:02:02.08
to nudge those points downward.

56
00:02:02.08 --> 00:02:05.08
That's going to de-activate
the path, so I'll reactivate it

57
00:02:05.08 --> 00:02:08.00
by clicking on this end point.

58
00:02:08.00 --> 00:02:10.01
And then I'll click right about there.

59
00:02:10.01 --> 00:02:12.05
I'll shift click over to this location.

60
00:02:12.05 --> 00:02:15.03
I'll click all the way up here.

61
00:02:15.03 --> 00:02:17.02
And there are serifs,
so they don't have to be

62
00:02:17.02 --> 00:02:19.09
the same thickness as
these horizontal bars.

63
00:02:19.09 --> 00:02:21.09
And now I'll shift click at
this location, let's say,

64
00:02:21.09 --> 00:02:24.01
and click right about there.

65
00:02:24.01 --> 00:02:25.00
That's pretty good.

66
00:02:25.00 --> 00:02:26.07
I'm going to control or command click

67
00:02:26.07 --> 00:02:29.09
on this point to select it,
and press my right arrow key

68
00:02:29.09 --> 00:02:32.00
a few times to nudge it over.

69
00:02:32.00 --> 00:02:35.05
All right, now I'll go ahead
and create this part of the E

70
00:02:35.05 --> 00:02:37.05
by clicking around it like so.

71
00:02:37.05 --> 00:02:39.05
So you can do that any old way you like.

72
00:02:39.05 --> 00:02:41.07
And then I'm going to go
ahead and create this bar,

73
00:02:41.07 --> 00:02:44.07
this middle bar, by
clicking and shift clicking,

74
00:02:44.07 --> 00:02:47.01
and then shift clicking and
shift clicking some more,

75
00:02:47.01 --> 00:02:49.00
and then clicking at the end.

76
00:02:49.00 --> 00:02:51.00
All right, now let's
combine things together.

77
00:02:51.00 --> 00:02:52.05
And actually, this guy wants to come up

78
00:02:52.05 --> 00:02:53.06
a little bit, doesn't he?

79
00:02:53.06 --> 00:02:55.04
So I'll go ahead and
control or command click

80
00:02:55.04 --> 00:02:59.05
on that segment, and then press
the up arrow key a few times

81
00:02:59.05 --> 00:03:01.05
in order to raise that bottom edge.

82
00:03:01.05 --> 00:03:03.07
All right, now I'll press the
''v'" key in order to switch

83
00:03:03.07 --> 00:03:05.04
to the black arrow tool.

84
00:03:05.04 --> 00:03:08.01
I'll marquis all of these
paths to select them.

85
00:03:08.01 --> 00:03:10.06
And then I'll get my shape-builder tool

86
00:03:10.06 --> 00:03:13.05
and I'll go ahead and drag
through all these paths

87
00:03:13.05 --> 00:03:17.06
in order to merge them into a
single path outline like so.

88
00:03:17.06 --> 00:03:20.01
All right, now we need to round
off some of these corners.

89
00:03:20.01 --> 00:03:23.06
And you can do that by switching
to the white arrow tool.

90
00:03:23.06 --> 00:03:27.01
And notice all these little
corner widgets right here.

91
00:03:27.01 --> 00:03:29.08
What we want to do is select
just some of the corners

92
00:03:29.08 --> 00:03:32.08
and round them, starting
with this guy right there.

93
00:03:32.08 --> 00:03:35.03
And then I want to shift
marquis these top two points,

94
00:03:35.03 --> 00:03:39.03
shift marquis these bottom
two points in the serif

95
00:03:39.03 --> 00:03:41.06
that's coming off the middle bar.

96
00:03:41.06 --> 00:03:44.03
And I want to shift click
here and here as well

97
00:03:44.03 --> 00:03:45.09
to select these two points.

98
00:03:45.09 --> 00:03:47.06
And then I'm going to shift click

99
00:03:47.06 --> 00:03:49.08
on this point to select it.

100
00:03:49.08 --> 00:03:51.09
All right, now we want
to go ahead and round off

101
00:03:51.09 --> 00:03:53.09
these corners and I'm going to zoom in

102
00:03:53.09 --> 00:03:55.06
so I can better see what I'm doing.

103
00:03:55.06 --> 00:03:58.06
And I'm going to drag
in on this corner widget

104
00:03:58.06 --> 00:04:02.08
until I see a radius value
of about four points.

105
00:04:02.08 --> 00:04:06.01
So 3.99 is going to work out just fine.

106
00:04:06.01 --> 00:04:09.01
And that goes ahead and
rounds off all of the corners

107
00:04:09.01 --> 00:04:10.06
that I just selected.

108
00:04:10.06 --> 00:04:12.03
All right, now I'm going
to zoom out a little bit.

109
00:04:12.03 --> 00:04:14.02
And I'm going to click on this corner

110
00:04:14.02 --> 00:04:16.00
and shift click on this one.

111
00:04:16.00 --> 00:04:18.08
And I'm going to drag these
guys out as far as they go

112
00:04:18.08 --> 00:04:21.09
until they basically run
into the other corners

113
00:04:21.09 --> 00:04:23.08
which happens close to 17 points,

114
00:04:23.08 --> 00:04:25.01
as you can see right there.

115
00:04:25.01 --> 00:04:28.00
And then I'll select this point
and shift click on this one.

116
00:04:28.00 --> 00:04:31.02
And I'll drag their widgets
all the way out as well

117
00:04:31.02 --> 00:04:33.03
until they stop working.

118
00:04:33.03 --> 00:04:34.08
And we've got to get these guys, too.

119
00:04:34.08 --> 00:04:38.01
So I'll click on this one
and shift click on this one.

120
00:04:38.01 --> 00:04:41.06
And I'll drag them out to, let's say,

121
00:04:41.06 --> 00:04:43.09
something around six points.

122
00:04:43.09 --> 00:04:47.08
And I've got 5.98, so that's
going to work out just fine.

123
00:04:47.08 --> 00:04:49.05
All right, and that takes care of things.

124
00:04:49.05 --> 00:04:51.04
And it's not a perfect match, but to me

125
00:04:51.04 --> 00:04:52.09
it looks pretty darn good.

126
00:04:52.09 --> 00:04:54.07
All right, now I'm going
to press the "v" key

127
00:04:54.07 --> 00:04:56.05
to switch to the black arrow tool.

128
00:04:56.05 --> 00:04:59.00
I'll go ahead and click on
my path outline to select it.

129
00:04:59.00 --> 00:05:00.09
And I'll drag it down and to the right,

130
00:05:00.09 --> 00:05:03.03
and then press the alt key,
or the option key on the Mac

131
00:05:03.03 --> 00:05:04.05
to duplicate it.

132
00:05:04.05 --> 00:05:05.08
And now we want to make it bigger.

133
00:05:05.08 --> 00:05:08.06
So, I'm going to go ahead and
click on the word Transform

134
00:05:08.06 --> 00:05:10.00
up here in the control panel.

135
00:05:10.00 --> 00:05:13.00
And I'll make sure the bottom
right point is selected

136
00:05:13.00 --> 00:05:14.08
in the reference point matrix.

137
00:05:14.08 --> 00:05:17.08
And I'll click inside the width
value, and I'll press the up

138
00:05:17.08 --> 00:05:20.00
arrow key until I expand
this thing so it fills

139
00:05:20.00 --> 00:05:23.00
the entire width of this block.

140
00:05:23.00 --> 00:05:25.01
And then I'll tab to the height value,

141
00:05:25.01 --> 00:05:27.00
and I'll go ahead and
zoom out a little bit here

142
00:05:27.00 --> 00:05:28.07
so I can better see what I'm doing.

143
00:05:28.07 --> 00:05:30.09
And now I'll click on Transform again,

144
00:05:30.09 --> 00:05:33.08
click on the height value,
and press the up arrow key

145
00:05:33.08 --> 00:05:37.08
until the top of the E
hits the top of the block

146
00:05:37.08 --> 00:05:41.05
which happens at 177
points, in my case anyway.

147
00:05:41.05 --> 00:05:43.02
I might be a little different for you.

148
00:05:43.02 --> 00:05:45.09
All right, now I'll go
and zoom in on my E,

149
00:05:45.09 --> 00:05:47.02
and I'll press the "a" key to switch

150
00:05:47.02 --> 00:05:48.05
to the white arrow tool.

151
00:05:48.05 --> 00:05:50.09
Click off the path
outline, click on it again,

152
00:05:50.09 --> 00:05:54.00
just on the top segment
and press the backspace key

153
00:05:54.00 --> 00:05:56.04
or the delete key on the
Mac to get rid of it.

154
00:05:56.04 --> 00:05:59.01
And now I'll press the "p"
key to switch to my pen tool.

155
00:05:59.01 --> 00:06:02.05
I'll click here in order
to reactivate the path.

156
00:06:02.05 --> 00:06:05.09
I'll click up there in order
to add a point along the top

157
00:06:05.09 --> 00:06:08.07
of the top E, the first one I created.

158
00:06:08.07 --> 00:06:10.08
And I'll click all the way
around in order to close

159
00:06:10.08 --> 00:06:12.05
off that path outline.

160
00:06:12.05 --> 00:06:15.00
All right, we need to make
some changes over here, too.

161
00:06:15.00 --> 00:06:17.02
So I'll press the control key
or the command key on the Mac

162
00:06:17.02 --> 00:06:20.02
in order to get my white
arrow tool on the fly.

163
00:06:20.02 --> 00:06:22.04
I'll click on this anchor
point to select it,

164
00:06:22.04 --> 00:06:24.06
and I'll press the backspace
key to get rid of it.

165
00:06:24.06 --> 00:06:27.01
Then I'll click on this anchor
point to reactivate the path.

166
00:06:27.01 --> 00:06:30.00
I'll click up here in
order to connect these two.

167
00:06:30.00 --> 00:06:31.03
And I'll just click here.

168
00:06:31.03 --> 00:06:33.01
Doesn't really matter how
things look in the background,

169
00:06:33.01 --> 00:06:35.02
because this shape is going to be hidden.

170
00:06:35.02 --> 00:06:37.02
And now I want to go
ahead and create a point

171
00:06:37.02 --> 00:06:39.08
at about this location
right there, I think.

172
00:06:39.08 --> 00:06:43.01
And I'll control or
command click on this point

173
00:06:43.01 --> 00:06:45.09
to select it, press the
backspace key or delete key

174
00:06:45.09 --> 00:06:47.01
on the Mac to get rid of it.

175
00:06:47.01 --> 00:06:49.05
Click here in order to
reactivate the path.

176
00:06:49.05 --> 00:06:51.04
Click someplace up here in order to create

177
00:06:51.04 --> 00:06:52.05
a straight segment.

178
00:06:52.05 --> 00:06:54.04
And then click down here in order

179
00:06:54.04 --> 00:06:57.03
to close off the path outline once again.

180
00:06:57.03 --> 00:06:59.01
All right, now I need to
take some of these points

181
00:06:59.01 --> 00:07:01.00
and pull them outward a little bit.

182
00:07:01.00 --> 00:07:03.04
And so what I'm going to
do is press the "a" key

183
00:07:03.04 --> 00:07:05.04
to switch back to the white arrow tool.

184
00:07:05.04 --> 00:07:07.08
I'll click on this path
outline right there,

185
00:07:07.08 --> 00:07:10.06
the initial one, the first
E I created, to select it.

186
00:07:10.06 --> 00:07:13.01
And I'll go up to the
object menu, choose Lock,

187
00:07:13.01 --> 00:07:14.09
and then choose Selection.

188
00:07:14.09 --> 00:07:17.04
Or I can just press that
keyboard shortcut, control 2,

189
00:07:17.04 --> 00:07:18.08
or command 2 on the Mac,

190
00:07:18.08 --> 00:07:20.07
in order to lock that E down.

191
00:07:20.07 --> 00:07:23.06
And that way I can just
marquis this entire region

192
00:07:23.06 --> 00:07:25.06
like so, in order to select it.

193
00:07:25.06 --> 00:07:27.06
I don't want to select this point however,

194
00:07:27.06 --> 00:07:29.07
so I'll shift click on it to deselect it.

195
00:07:29.07 --> 00:07:32.05
And then I'll press shift,
right arrow, a couple of times

196
00:07:32.05 --> 00:07:34.08
to move these points over like so.

197
00:07:34.08 --> 00:07:36.08
Then I'll click off the
points to deselect them,

198
00:07:36.08 --> 00:07:38.09
and I'll click on a
straight segment right here

199
00:07:38.09 --> 00:07:40.05
and shift click on this one.

200
00:07:40.05 --> 00:07:43.03
And then press shift
right arrow a few times

201
00:07:43.03 --> 00:07:45.03
to nudge this edge out.

202
00:07:45.03 --> 00:07:48.04
But maybe not that far, maybe
something more like that.

203
00:07:48.04 --> 00:07:50.04
All right, now we need to create an edge,

204
00:07:50.04 --> 00:07:52.03
right here I believe.

205
00:07:52.03 --> 00:07:53.08
So I'll go ahead and zoom in,

206
00:07:53.08 --> 00:07:56.01
press the "p" key to switch
back to the pen tool.

207
00:07:56.01 --> 00:07:58.06
Click right about there
to add an anchor point.

208
00:07:58.06 --> 00:08:00.04
I'm trying to figure out
what a straight segment

209
00:08:00.04 --> 00:08:01.05
is going to look like.

210
00:08:01.05 --> 00:08:04.01
Then control click or
command click on this point,

211
00:08:04.01 --> 00:08:06.03
and press the backspace key
or the delete key on the Mac

212
00:08:06.03 --> 00:08:07.03
to get rid of it.

213
00:08:07.03 --> 00:08:09.00
Click here to reactivate the path.

214
00:08:09.00 --> 00:08:12.03
Click right about here in order to align

215
00:08:12.03 --> 00:08:14.02
with that locked path, and then click here

216
00:08:14.02 --> 00:08:17.00
to close off that shape.

217
00:08:17.00 --> 00:08:19.01
All right, now we want
to unlock everything

218
00:08:19.01 --> 00:08:20.08
by going up to the object menu

219
00:08:20.08 --> 00:08:23.00
and choosing the Unlock All command.

220
00:08:23.00 --> 00:08:24.08
And now I'm going to press control "y"

221
00:08:24.08 --> 00:08:27.02
or command "y" on a Mac,
in order to switch back

222
00:08:27.02 --> 00:08:28.05
to the preview mode.

223
00:08:28.05 --> 00:08:31.03
Press the "v" key to switch
back to the black arrow tool.

224
00:08:31.03 --> 00:08:33.02
And I'll right click on the selected path,

225
00:08:33.02 --> 00:08:36.00
choose a range, and then
choose Bring to Front

226
00:08:36.00 --> 00:08:37.07
in order to bring that path outline

227
00:08:37.07 --> 00:08:39.02
to the front of the stack.

228
00:08:39.02 --> 00:08:41.06
And then I'll make sure it's
filled right, which it isn't.

229
00:08:41.06 --> 00:08:44.03
And so I'll go ahead and change
its fill to that second-to-

230
00:08:44.03 --> 00:08:48.04
brightest gray in which all
of the RGB values are 230.

231
00:08:48.04 --> 00:08:52.01
And then I'll click on this
rear path here to select it.

232
00:08:52.01 --> 00:08:54.03
And I'll change it's
fill to this dark gray

233
00:08:54.03 --> 00:08:57.08
in which the RGB values
are 77 in order to produce

234
00:08:57.08 --> 00:08:58.09
this effect here.

235
00:08:58.09 --> 00:09:01.01
Then I'll click off the path outline

236
00:09:01.01 --> 00:09:03.04
and I'll press control zero
or command zero on the Mac

237
00:09:03.04 --> 00:09:04.08
to center my zoom.

238
00:09:04.08 --> 00:09:08.03
All right, and then in the end
I just added some script text

239
00:09:08.03 --> 00:09:10.05
set in the font Spring Standard Light,

240
00:09:10.05 --> 00:09:14.07
and a type size of 86 points,
along with a drop shadow.

241
00:09:14.07 --> 00:09:17.06
And that's how you create a
real world piece of artwork

242
00:09:17.06 --> 00:09:21.01
using the most precise
vector-based drawing tool there is,

243
00:09:21.01 --> 00:09:25.09
the pen tool here inside
Adobe Illustrator CC.