1
00:00:00.07 --> 00:00:02.03
- [Instructor] In this movie,

2
00:00:02.03 --> 00:00:04.07
I'll show you how to combine
straight and curving segments

3
00:00:04.07 --> 00:00:06.08
to create the letter D.

4
00:00:06.08 --> 00:00:10.08
I'll go ahead and switch
over to my document so far,

5
00:00:10.08 --> 00:00:12.01
and you can see that I've drawn in

6
00:00:12.01 --> 00:00:14.03
the I and the N off
screen because after all,

7
00:00:14.03 --> 00:00:16.03
both letters exclusively
comprise quarter points

8
00:00:16.03 --> 00:00:19.08
and we've frankly seen enough of them.

9
00:00:19.08 --> 00:00:21.06
Alright now I'm going to
go ahead and just switch

10
00:00:21.06 --> 00:00:23.07
all the layers to the outline mode.

11
00:00:23.07 --> 00:00:26.00
By choosing the outline
command from the view menu

12
00:00:26.00 --> 00:00:28.06
or pressing the keyboard
shortcut of control Y

13
00:00:28.06 --> 00:00:31.01
or command Y on the Mac.

14
00:00:31.01 --> 00:00:33.03
Alright so this time
around, let's go ahead

15
00:00:33.03 --> 00:00:35.06
and create the straight segment first

16
00:00:35.06 --> 00:00:38.05
by pressing the P key
to select the pen tool

17
00:00:38.05 --> 00:00:41.03
and then I'll click right
here to create a corner point

18
00:00:41.03 --> 00:00:44.02
and I'll create another
corner point at this location.

19
00:00:44.02 --> 00:00:47.06
And you may notice that by
rubber band preview is back.

20
00:00:47.06 --> 00:00:50.01
For whatever reason, I
had to close this document

21
00:00:50.01 --> 00:00:51.05
and reopen it.

22
00:00:51.05 --> 00:00:54.02
Alright now, I'll click
up here in order to create

23
00:00:54.02 --> 00:00:56.04
a third corner point and now, because

24
00:00:56.04 --> 00:00:58.02
I want the next segment to curve,

25
00:00:58.02 --> 00:01:00.01
I'll go ahead and drag out from it

26
00:01:00.01 --> 00:01:02.03
to create a control handle.

27
00:01:02.03 --> 00:01:05.05
Next, I'm going to drag
from the very top of the D

28
00:01:05.05 --> 00:01:08.04
to set a smooth point here,
and I'll press the shift key

29
00:01:08.04 --> 00:01:11.07
as I do in order to constrain
the angle of my control handle

30
00:01:11.07 --> 00:01:13.08
to exactly horizontal.

31
00:01:13.08 --> 00:01:15.04
Now I want this one to be longer

32
00:01:15.04 --> 00:01:18.03
so I'll press the control key
or the command key on a Mac

33
00:01:18.03 --> 00:01:20.00
in order to stretch this handle

34
00:01:20.00 --> 00:01:22.08
while leaving the previous one unharmed.

35
00:01:22.08 --> 00:01:23.09
And if you take a close look here,

36
00:01:23.09 --> 00:01:25.08
I think this corner handle is too high

37
00:01:25.08 --> 00:01:28.09
so I'll press the control key
or the command key on a Mac,

38
00:01:28.09 --> 00:01:30.04
to get my white arrow tool,

39
00:01:30.04 --> 00:01:31.09
that was the last arrow tool I'll use,

40
00:01:31.09 --> 00:01:35.01
to get that tool on the fly,
and drag this point down,

41
00:01:35.01 --> 00:01:36.08
and then I'll control or command drag

42
00:01:36.08 --> 00:01:39.02
the control handle down as well.

43
00:01:39.02 --> 00:01:41.01
Alright now I'll zoom
out just a little bit

44
00:01:41.01 --> 00:01:43.04
so I can see more of my illustration.

45
00:01:43.04 --> 00:01:46.02
And I'll begin dragging
from the far right point

46
00:01:46.02 --> 00:01:48.06
while pressing the shift key as well

47
00:01:48.06 --> 00:01:52.05
in order to create an entirely
vertical control handle.

48
00:01:52.05 --> 00:01:53.09
And that actually looks pretty good.

49
00:01:53.09 --> 00:01:55.08
So I'll go ahead and move down to here

50
00:01:55.08 --> 00:01:58.00
and now we've got a
problem at this location.

51
00:01:58.00 --> 00:02:00.09
Normally, I would just go
ahead and start dragging

52
00:02:00.09 --> 00:02:04.06
at this lowest point in
order to add a control handle

53
00:02:04.06 --> 00:02:07.07
about there and I'll take it
pretty far out as you can see

54
00:02:07.07 --> 00:02:10.01
and then I'll press the control key

55
00:02:10.01 --> 00:02:11.06
or the command key on a
Mac and I'll bring it back.

56
00:02:11.06 --> 00:02:14.04
But I need a heck of a lot of
control handle on this side

57
00:02:14.04 --> 00:02:16.08
in order to pull of this
degree of curvature.

58
00:02:16.08 --> 00:02:20.04
You can see that the
designer of this specific D

59
00:02:20.04 --> 00:02:23.07
decided to flatten things out
right here at this location.

60
00:02:23.07 --> 00:02:26.00
So what I'm going to do is
add another smooth point

61
00:02:26.00 --> 00:02:28.05
right there and then I'm going to

62
00:02:28.05 --> 00:02:31.03
control or command drag it up like so

63
00:02:31.03 --> 00:02:33.02
in order to flatten out the curve,

64
00:02:33.02 --> 00:02:36.05
and I'm going to move this
control handle up and outward

65
00:02:36.05 --> 00:02:39.03
in order to produce this effect,

66
00:02:39.03 --> 00:02:41.04
which I think is more or less dead on.

67
00:02:41.04 --> 00:02:44.02
I could take this handle out
a little bit if I wanted to,

68
00:02:44.02 --> 00:02:45.02
but I'm worried that we're going

69
00:02:45.02 --> 00:02:47.01
to have a lump in this location.

70
00:02:47.01 --> 00:02:49.05
So I think that's as far as I'll go.

71
00:02:49.05 --> 00:02:51.06
And now I'll zoom in, and I will drag out

72
00:02:51.06 --> 00:02:54.03
some pretty small control
handles from this smooth point

73
00:02:54.03 --> 00:02:56.06
and then I'll finish things
up by dragging outward

74
00:02:56.06 --> 00:02:59.02
from this corner point so that

75
00:02:59.02 --> 00:03:01.05
the control handle that
I'm actually modifying

76
00:03:01.05 --> 00:03:05.08
is going up and to the right
as I drag down and to the left

77
00:03:05.08 --> 00:03:08.05
and I'll end up with
this effect right here.

78
00:03:08.05 --> 00:03:11.07
Okay now we need to draw
the inside of the D shape,

79
00:03:11.07 --> 00:03:13.00
and this time I'm going to
start with the smooth points.

80
00:03:13.00 --> 00:03:15.05
So I'll go ahead and drag like so

81
00:03:15.05 --> 00:03:18.06
to drag out some pretty
big control handles.

82
00:03:18.06 --> 00:03:20.08
And they might need to come
out a little farther even.

83
00:03:20.08 --> 00:03:24.03
And then I'll go ahead and
drag from this far right point

84
00:03:24.03 --> 00:03:26.05
right there like so.

85
00:03:26.05 --> 00:03:28.03
I don't want the bottom control handle

86
00:03:28.03 --> 00:03:29.07
to be this long, though, I don't think

87
00:03:29.07 --> 00:03:32.04
so I'll press the control key
or the command key on a Mac

88
00:03:32.04 --> 00:03:35.01
as I'm dragging in order
to move it back in,

89
00:03:35.01 --> 00:03:37.02
and this control handle
has to come farther out

90
00:03:37.02 --> 00:03:39.09
so I'll control drag it,
that's a command drag on a Mac.

91
00:03:39.09 --> 00:03:41.09
Again the control or command key

92
00:03:41.09 --> 00:03:44.03
is going to get me the
white arrow tool on the fly,

93
00:03:44.03 --> 00:03:47.07
and then I'll control or
command drag this guy downward.

94
00:03:47.07 --> 00:03:49.09
Alright now notice here,
we've got a little bit

95
00:03:49.09 --> 00:03:52.09
of a cusp point, so I'm
going to drag like so

96
00:03:52.09 --> 00:03:56.04
to begin a smooth point and
then midway into the drag,

97
00:03:56.04 --> 00:03:58.02
after I get that opposite control handle

98
00:03:58.02 --> 00:04:00.09
on the right location, I'll
press and hold the alt key

99
00:04:00.09 --> 00:04:02.04
or the option key on the Mac,

100
00:04:02.04 --> 00:04:05.05
and I'll send this control
handle in a different direction

101
00:04:05.05 --> 00:04:07.05
and then I'll drag right here

102
00:04:07.05 --> 00:04:10.03
to create another smooth point like so.

103
00:04:10.03 --> 00:04:12.09
And it looks like I didn't
quite position that cusp point

104
00:04:12.09 --> 00:04:15.00
at the right location so
I'll press the control key

105
00:04:15.00 --> 00:04:17.09
or the command key on a Mac
and move it down a little bit,

106
00:04:17.09 --> 00:04:19.07
and that looks more or less right.

107
00:04:19.07 --> 00:04:22.09
And now, I'll control drag
or command drag this control

108
00:04:22.09 --> 00:04:25.02
handle outward and so in this case,

109
00:04:25.02 --> 00:04:27.01
we've got a cusp point
that's surrounded by

110
00:04:27.01 --> 00:04:29.02
two curving segments.

111
00:04:29.02 --> 00:04:31.02
Alright now finally, I'll
go ahead and zoom out.

112
00:04:31.02 --> 00:04:33.05
I actually want to take
this guy down a little bit

113
00:04:33.05 --> 00:04:36.06
or at least maybe its control
handle has to come down.

114
00:04:36.06 --> 00:04:37.09
That looks good to me.

115
00:04:37.09 --> 00:04:41.05
And now I'll go ahead and
lop off this control handle.

116
00:04:41.05 --> 00:04:44.02
I don't want it because I have
a straight segment coming up

117
00:04:44.02 --> 00:04:47.08
so I'll just click on it to
get rid of its control handle

118
00:04:47.08 --> 00:04:50.05
and then I'll go up to this
guy and just click on him

119
00:04:50.05 --> 00:04:54.08
to lop off his left hand
control handle as well.

120
00:04:54.08 --> 00:04:56.09
Alright now I want to see
what I'm doing so I'll press

121
00:04:56.09 --> 00:04:59.04
control Y or command Y
on a Mac to switch back

122
00:04:59.04 --> 00:05:02.05
to the preview mode and
I'll zoom out a little bit.

123
00:05:02.05 --> 00:05:04.03
And that's looking pretty darn good,

124
00:05:04.03 --> 00:05:06.00
but obviously I need to convert it into

125
00:05:06.00 --> 00:05:09.07
a compound path so that
this inner path cuts a hole

126
00:05:09.07 --> 00:05:11.01
out of the outer one.

127
00:05:11.01 --> 00:05:12.05
But before I do that, I might as

128
00:05:12.05 --> 00:05:14.01
well create the beveled edge.

129
00:05:14.01 --> 00:05:17.01
So I'm going to press
control Y or command Y again

130
00:05:17.01 --> 00:05:18.08
so I can see the tracing template,

131
00:05:18.08 --> 00:05:22.06
and I'll press the V key to
select my black arrow tool.

132
00:05:22.06 --> 00:05:24.03
And I'll go ahead and click right there

133
00:05:24.03 --> 00:05:27.02
to select that inner shape
and I'll press control C,

134
00:05:27.02 --> 00:05:30.02
control F, that's command
C, command F on a Mac,

135
00:05:30.02 --> 00:05:33.06
in order to copy this shape
and paste it in front.

136
00:05:33.06 --> 00:05:35.03
And I'll click on the word transform

137
00:05:35.03 --> 00:05:37.01
up here in the control panel or,

138
00:05:37.01 --> 00:05:38.09
if you don't see the word transform,

139
00:05:38.09 --> 00:05:42.04
click on the XYW or agent stat.

140
00:05:42.04 --> 00:05:44.06
Now I want to make sure
that the chain icon is off.

141
00:05:44.06 --> 00:05:46.09
We do not want to constrain

142
00:05:46.09 --> 00:05:48.05
the width and height proportions.

143
00:05:48.05 --> 00:05:50.09
Go ahead and select the
bottom left reference point

144
00:05:50.09 --> 00:05:54.01
and then click into width
value and press the down arrow

145
00:05:54.01 --> 00:05:56.07
key until it looks like
you've got that left edge

146
00:05:56.07 --> 00:05:58.05
in the right location and then press

147
00:05:58.05 --> 00:06:00.07
the tab key to advance the height value,

148
00:06:00.07 --> 00:06:02.05
and press the down arrow key until we get

149
00:06:02.05 --> 00:06:05.02
the top edge in the
right location as well.

150
00:06:05.02 --> 00:06:08.00
Now we need to get the right
edge over a little bit.

151
00:06:08.00 --> 00:06:10.06
So I'll select this bottom
left reference point

152
00:06:10.06 --> 00:06:12.04
and I'll click into width value and press

153
00:06:12.04 --> 00:06:16.04
the down arrow key until
it moves over as desired.

154
00:06:16.04 --> 00:06:18.09
And now I'm going to select
this top left reference point

155
00:06:18.09 --> 00:06:20.06
and I'm going to increase the height value

156
00:06:20.06 --> 00:06:23.03
until this point moves down underneath.

157
00:06:23.03 --> 00:06:25.07
Alright, now let's go ahead
and select the outer path.

158
00:06:25.07 --> 00:06:28.07
Copy and paste in front
so control C, control F.

159
00:06:28.07 --> 00:06:31.00
That's command C, command F on a Mac.

160
00:06:31.00 --> 00:06:33.06
Click on the word transform,
leave that top left point

161
00:06:33.06 --> 00:06:35.09
selected, click into width value,

162
00:06:35.09 --> 00:06:38.04
and press the up arrow
key until that letter

163
00:06:38.04 --> 00:06:40.09
gets sufficiently wider
as we're seeing here,

164
00:06:40.09 --> 00:06:42.08
and then press the tab key to advance

165
00:06:42.08 --> 00:06:45.08
to the height value and
press the up arrow key

166
00:06:45.08 --> 00:06:50.05
until the bottom edge goes
down as we're seeing it do now.

167
00:06:50.05 --> 00:06:52.08
Alright now I'm going to
make some manual adjustments

168
00:06:52.08 --> 00:06:55.00
by zooming in a little
bit and then I'll press

169
00:06:55.00 --> 00:06:58.07
shift left arrow in order to
scoot that path to the left.

170
00:06:58.07 --> 00:07:01.08
And I'll press the A key to
switch to the wide arrow tool.

171
00:07:01.08 --> 00:07:05.04
I'll select this anchor point
and just drag it down and out

172
00:07:05.04 --> 00:07:06.07
like so.

173
00:07:06.07 --> 00:07:10.00
Alright, now let's press
control Y or command Y on a Mac

174
00:07:10.00 --> 00:07:12.05
in order to switch back
to the preview mode.

175
00:07:12.05 --> 00:07:14.01
And I'll switch to the black arrow tool

176
00:07:14.01 --> 00:07:16.04
by pressing the V key and
I'll click on this big path

177
00:07:16.04 --> 00:07:18.05
and then I'll click on the innermost path

178
00:07:18.05 --> 00:07:20.01
in order to select it.

179
00:07:20.01 --> 00:07:23.06
And I'll go up to the object
menu, choose compound path,

180
00:07:23.06 --> 00:07:26.07
and choose make in order
to force the inside path

181
00:07:26.07 --> 00:07:28.06
to cut a hole in the outside one.

182
00:07:28.06 --> 00:07:30.06
And let's go ahead and fill this path

183
00:07:30.06 --> 00:07:32.02
with this dark shade of gray

184
00:07:32.02 --> 00:07:35.06
in which all the RGB values are 77.

185
00:07:35.06 --> 00:07:38.00
Alright and now, we need
to send this guy to back

186
00:07:38.00 --> 00:07:40.07
by right clicking on
him, choosing a range,

187
00:07:40.07 --> 00:07:43.00
and choosing send to back, and now we want

188
00:07:43.00 --> 00:07:45.04
to select each of these white shapes

189
00:07:45.04 --> 00:07:47.05
so I'll click on the big one,
shift click on a smaller one,

190
00:07:47.05 --> 00:07:49.06
return to the object menu,
choose compound path,

191
00:07:49.06 --> 00:07:51.04
and choose make.

192
00:07:51.04 --> 00:07:53.06
And now I want the fill
to be slightly darker

193
00:07:53.06 --> 00:07:55.08
so I'll go ahead and select
this very light shade of gray

194
00:07:55.08 --> 00:07:59.02
in which the RGB values are each 230

195
00:07:59.02 --> 00:08:00.08
in order to produce this effect here

196
00:08:00.08 --> 00:08:03.03
and now I'll click off the
path outline to deselect them

197
00:08:03.03 --> 00:08:07.01
and I'll press control zero
or command zero on a Mac

198
00:08:07.01 --> 00:08:08.08
to take in my entire document.

199
00:08:08.08 --> 00:08:11.08
And that's how you combine
straight and curving segments.

200
00:08:11.08 --> 00:08:14.02
Not to mention a couple of compound paths.

201
00:08:14.02 --> 00:08:16.06
In our case, to create the
letter D in the word design,

202
00:08:16.06 --> 00:08:19.06
here inside Illustrator.