1
00:00:00.06 --> 00:00:02.07
- So here I am looking at
the original photograph

2
00:00:02.07 --> 00:00:05.03
in Photoshop, and as you can see here,

3
00:00:05.03 --> 00:00:07.09
these hot metal letters
aren't nearly as perfect

4
00:00:07.09 --> 00:00:11.02
as they are inside of
our illustration so far.

5
00:00:11.02 --> 00:00:13.01
And while I don't want
to get photorealistic,

6
00:00:13.01 --> 00:00:16.04
I did think it would be
fun to add some distress

7
00:00:16.04 --> 00:00:19.03
such as this chipped corner
on the side of the E.

8
00:00:19.03 --> 00:00:21.03
There's this dent in the bottom of the G.

9
00:00:21.03 --> 00:00:23.04
We have another chipped corner on the N.

10
00:00:23.04 --> 00:00:26.08
We've these striation patterns
here on the bottom of the I,

11
00:00:26.08 --> 00:00:29.02
and these vertical lines
on the bottom of the D.

12
00:00:29.02 --> 00:00:31.02
All right, so I'll switch
back over to Illustrator,

13
00:00:31.02 --> 00:00:34.06
and just so that we can
actually see through our blocks

14
00:00:34.06 --> 00:00:36.07
to the tracing template in the background,

15
00:00:36.07 --> 00:00:39.06
I'll go up to the View
menu and choose Outline

16
00:00:39.06 --> 00:00:43.01
or you can press ctrl +
y or cmd + y on a Mac.

17
00:00:43.01 --> 00:00:46.06
And now I'm going to zoom in
on the G for starters here

18
00:00:46.06 --> 00:00:49.00
because it's one of the
simplest things to add.

19
00:00:49.00 --> 00:00:51.00
And then I'll go ahead
and select the Pan Tool,

20
00:00:51.00 --> 00:00:53.01
which I can get by pressing the "p" key,

21
00:00:53.01 --> 00:00:55.07
and I'll just go ahead
and click four times

22
00:00:55.07 --> 00:00:58.03
to make a kind of haphazard diamond shape

23
00:00:58.03 --> 00:00:59.09
right at this location here.

24
00:00:59.09 --> 00:01:01.08
And then, with that shape selected,

25
00:01:01.08 --> 00:01:06.04
I'll confirm that its fill
is set to all values at 77

26
00:01:06.04 --> 00:01:08.01
which is exactly what I want.

27
00:01:08.01 --> 00:01:10.04
All right, now I'm going
to zoom in on the N

28
00:01:10.04 --> 00:01:13.07
and I'm going to create a
kind of triangle over here

29
00:01:13.07 --> 00:01:16.08
by clicking at this location,
then I'll click up here.

30
00:01:16.08 --> 00:01:19.09
I don't want to go too
far down, so I'll click

31
00:01:19.09 --> 00:01:21.02
let's say right about there,

32
00:01:21.02 --> 00:01:24.05
and then I'll finish my triangle like so.

33
00:01:24.05 --> 00:01:27.00
And now I'll change its
fill, which is active here

34
00:01:27.00 --> 00:01:29.08
in the Swatches panel, to
this dark shade of gray

35
00:01:29.08 --> 00:01:32.04
where all values are 51.

36
00:01:32.04 --> 00:01:35.01
And I'll press ctrl +
y or cmd + y on a Mac,

37
00:01:35.01 --> 00:01:37.04
just to confirm that's the
effect I'm looking for.

38
00:01:37.04 --> 00:01:39.05
Obviously, it's not where it ought to be,

39
00:01:39.05 --> 00:01:42.01
so I'm going to need to
zoom out here a little bit.

40
00:01:42.01 --> 00:01:44.05
And I'll press the "v"
key to get my black arrow

41
00:01:44.05 --> 00:01:46.09
tool and I'll go ahead
and partially marquee

42
00:01:46.09 --> 00:01:48.06
these three shapes right here,

43
00:01:48.06 --> 00:01:50.06
and then I'll right
click on any one of them,

44
00:01:50.06 --> 00:01:53.08
choose a range, and
then choose Send to Back

45
00:01:53.08 --> 00:01:57.02
in order to move the N in
back of the G, like so.

46
00:01:57.02 --> 00:01:59.01
All right, now I'm going to go over here

47
00:01:59.01 --> 00:02:01.01
to what I believe is the E,

48
00:02:01.01 --> 00:02:02.08
and I can find that out for sure

49
00:02:02.08 --> 00:02:05.08
by pressing ctrl + y or cmd + y again

50
00:02:05.08 --> 00:02:08.02
in order to switch back
to the outline mode

51
00:02:08.02 --> 00:02:11.01
so that I can see the tracing
template in the background.

52
00:02:11.01 --> 00:02:14.03
And I'm going to draw another
triangle just l like so

53
00:02:14.03 --> 00:02:16.05
right here, a pretty long one, let's say,

54
00:02:16.05 --> 00:02:19.09
all the way up to this location
right there and then over.

55
00:02:19.09 --> 00:02:22.09
The problem is now I need
to modify those perspective

56
00:02:22.09 --> 00:02:25.03
rectangles that make up the block.

57
00:02:25.03 --> 00:02:28.00
And currently, this triangle's
going to get in the way.

58
00:02:28.00 --> 00:02:30.04
So what I'm going to do
so that I can snap to it,

59
00:02:30.04 --> 00:02:32.03
is press the "v" key once again to switch

60
00:02:32.03 --> 00:02:33.07
to the black arrow tool,

61
00:02:33.07 --> 00:02:35.04
click on that path to select it,

62
00:02:35.04 --> 00:02:37.08
right click on it and choose Arrange

63
00:02:37.08 --> 00:02:40.01
and then chooses Send to Back.

64
00:02:40.01 --> 00:02:42.08
And then I'll click right here
at the bottom of the triangle

65
00:02:42.08 --> 00:02:44.09
to add a point to this forward paths

66
00:02:44.09 --> 00:02:46.07
so we're not affecting the triangle.

67
00:02:46.07 --> 00:02:48.03
And then I'll press the "a" key to switch

68
00:02:48.03 --> 00:02:49.06
to the wide arrow tool.

69
00:02:49.06 --> 00:02:51.06
I'll go ahead and select that point

70
00:02:51.06 --> 00:02:54.03
and I'll drag it over while
pressing the shift key

71
00:02:54.03 --> 00:02:56.07
until it snaps into
alignment with the edge

72
00:02:56.07 --> 00:02:58.08
of that rectangle right there.

73
00:02:58.08 --> 00:03:01.06
Then, I'll go ahead and
click on this corner point

74
00:03:01.06 --> 00:03:05.09
right there to select some
portion of this upper path

75
00:03:05.09 --> 00:03:07.08
and then I'll press the "p" key once again

76
00:03:07.08 --> 00:03:10.04
to get my Pen Tool, and
then I'll click here

77
00:03:10.04 --> 00:03:12.01
but, if I do, look at my cursor.

78
00:03:12.01 --> 00:03:14.01
You can see that it has an asterisk

79
00:03:14.01 --> 00:03:16.02
which means I'm going to
start a new path outline.

80
00:03:16.02 --> 00:03:18.08
And the reason that I'm
not adding a point to this

81
00:03:18.08 --> 00:03:21.01
selected path is because
it's not in front.

82
00:03:21.01 --> 00:03:23.07
So I'll just go ahead and move
my cursor over a little bit

83
00:03:23.07 --> 00:03:26.07
so it has a plus sign next to
it and I'll click right there.

84
00:03:26.07 --> 00:03:28.04
And then I'll press the "a"
key to switch back to the wide

85
00:03:28.04 --> 00:03:31.04
arrow tool and I'll drag this
selected point until it snaps

86
00:03:31.04 --> 00:03:34.04
into alignment, and then
I'll drag this guy up until

87
00:03:34.04 --> 00:03:37.00
it snaps into alignment as well.

88
00:03:37.00 --> 00:03:39.06
And now, if I press ctrl
+ y or cmd + y on a Mac,

89
00:03:39.06 --> 00:03:41.02
you can see we have a problem

90
00:03:41.02 --> 00:03:43.05
not seeing the entire triangle,

91
00:03:43.05 --> 00:03:44.09
and that's because I sent it to back.

92
00:03:44.09 --> 00:03:47.09
So I'm going to click inside
the triangle to select

93
00:03:47.09 --> 00:03:50.00
the entire thing with the wide arrow,

94
00:03:50.00 --> 00:03:52.02
and then I'll right click
on the path, choose a range,

95
00:03:52.02 --> 00:03:54.06
and choose Bring to
Front in order to move it

96
00:03:54.06 --> 00:03:56.06
all the way to the front of the stack.

97
00:03:56.06 --> 00:04:00.00
And can you see we have a
little bit of a problem here?

98
00:04:00.00 --> 00:04:02.01
Notice that our strokes aren't lining up,

99
00:04:02.01 --> 00:04:04.02
and so I'm going to
click on the word Stroke

100
00:04:04.02 --> 00:04:05.06
up here in the Control Panel,

101
00:04:05.06 --> 00:04:09.02
and I'm going to switch the
corner to the Bevel Join

102
00:04:09.02 --> 00:04:11.02
which is going to give us a better match.

103
00:04:11.02 --> 00:04:13.03
We still have a kind of
microscopic problem there,

104
00:04:13.03 --> 00:04:15.00
but I'm not worried about it.

105
00:04:15.00 --> 00:04:17.07
And so now I'll press the escape
key to dismiss that panel,

106
00:04:17.07 --> 00:04:20.00
and I'll go ahead and fill
the shape with medium gray

107
00:04:20.00 --> 00:04:22.09
which is one where all values are 128

108
00:04:22.09 --> 00:04:25.01
in order to produce this effect here.

109
00:04:25.01 --> 00:04:27.00
All right, now I'll go
ahead and zoom out some

110
00:04:27.00 --> 00:04:28.04
just so I can take any artwork

111
00:04:28.04 --> 00:04:29.06
and see what I've come up with.

112
00:04:29.06 --> 00:04:32.04
I'll go ahead and click off
the path to deselect it.

113
00:04:32.04 --> 00:04:35.06
All right, now let's add
those patterns to the bottoms

114
00:04:35.06 --> 00:04:37.04
of the D and the I.

115
00:04:37.04 --> 00:04:40.04
And so I'm going to zoom
back in to the D here,

116
00:04:40.04 --> 00:04:43.05
and I'm going to click on this
edge in order to select it

117
00:04:43.05 --> 00:04:45.01
independently of the rest of the shape.

118
00:04:45.01 --> 00:04:47.06
So if you click inside a filled shape,

119
00:04:47.06 --> 00:04:49.02
you'll select the entire thing,

120
00:04:49.02 --> 00:04:51.09
but if you click just right on the stroke,

121
00:04:51.09 --> 00:04:53.06
you'll select just that segment.

122
00:04:53.06 --> 00:04:55.05
And now I want you to shift
+ click on this segment

123
00:04:55.05 --> 00:04:59.03
right there, and now press
ctrl + c or cmd + c on a Mac

124
00:04:59.03 --> 00:05:02.04
and press ctrl + f or cmd + f on a Mac

125
00:05:02.04 --> 00:05:05.06
in order to paste those
two lines in front.

126
00:05:05.06 --> 00:05:07.03
And now I'm going to go
up to the Control Panel

127
00:05:07.03 --> 00:05:10.05
and change the fill to none
or I could have just pressed

128
00:05:10.05 --> 00:05:11.09
the "/" key.

129
00:05:11.09 --> 00:05:14.01
Now I want to create a
bunch of steps between

130
00:05:14.01 --> 00:05:15.07
these two extremes here.

131
00:05:15.07 --> 00:05:18.07
And I'm going to do that
using that blend function

132
00:05:18.07 --> 00:05:21.03
that you get to by going
up to the Object menu,

133
00:05:21.03 --> 00:05:24.00
choosing Blend, and then choose Make.

134
00:05:24.00 --> 00:05:27.06
And that ends up producing not
the effect I am looking for

135
00:05:27.06 --> 00:05:29.04
but it's easily resolved.

136
00:05:29.04 --> 00:05:31.02
I'm just going to go ahead
and click off this path

137
00:05:31.02 --> 00:05:34.01
that line and then drag
this point up here,

138
00:05:34.01 --> 00:05:35.05
drag this other one down here.

139
00:05:35.05 --> 00:05:37.01
The problem is that the
two paths were drawn

140
00:05:37.01 --> 00:05:40.08
in a different order, and so
by just reversing the position

141
00:05:40.08 --> 00:05:43.01
of the points, I changed that order

142
00:05:43.01 --> 00:05:46.06
and now I want to select
this entire blended object.

143
00:05:46.06 --> 00:05:48.07
And the easiest way to do
that for now is to switch

144
00:05:48.07 --> 00:05:51.07
back to the black arrow tool
by pressing the "v" key,

145
00:05:51.07 --> 00:05:53.06
and then I'll click on
this line to select it

146
00:05:53.06 --> 00:05:56.07
and the other line as well
as the steps in between.

147
00:05:56.07 --> 00:05:58.04
And then I'll go up to the Object menu,

148
00:05:58.04 --> 00:06:01.06
choose Blend, and choose Blend Options.

149
00:06:01.06 --> 00:06:03.04
And I'll turn on the Preview checkbox,

150
00:06:03.04 --> 00:06:05.06
change Spacing, the Specified Steps,

151
00:06:05.06 --> 00:06:06.08
and then just click in that value

152
00:06:06.08 --> 00:06:09.06
and press the up arrow key
until I like what I see

153
00:06:09.06 --> 00:06:13.05
which happens at 18 steps,
so that's 18 steps in between

154
00:06:13.05 --> 00:06:14.08
the two extremes.

155
00:06:14.08 --> 00:06:17.01
At which point, I'll click
OK, and then I'll go up

156
00:06:17.01 --> 00:06:19.09
to this Opacity value
in the Control Panel,

157
00:06:19.09 --> 00:06:23.00
and I'll change it to 50%
and I'll press the enter key

158
00:06:23.00 --> 00:06:24.08
or the return key on a Mac.

159
00:06:24.08 --> 00:06:26.05
All right, that takes care of that edge.

160
00:06:26.05 --> 00:06:29.01
Now, let's address the
front edge of the I.

161
00:06:29.01 --> 00:06:30.08
At least I think that's
what I'm looking at.

162
00:06:30.08 --> 00:06:33.09
Just to confirm, I'll press
ctrl + y or cmd + y on a Mac

163
00:06:33.09 --> 00:06:35.09
so that I can see that tracing template.

164
00:06:35.09 --> 00:06:38.00
And sure enough, there's
the I right there.

165
00:06:38.00 --> 00:06:40.07
All right, so I'll press
ctrl + y or cmd + y again

166
00:06:40.07 --> 00:06:43.01
and now I'll press the
"a" key to switch back

167
00:06:43.01 --> 00:06:44.05
to the wide arrow tool.

168
00:06:44.05 --> 00:06:47.02
I'll click on this top edge
right there to select it,

169
00:06:47.02 --> 00:06:49.05
and I'll press ctrl + c, ctrl + f,

170
00:06:49.05 --> 00:06:52.02
that's cmd + c, cmd + f on a Mac.

171
00:06:52.02 --> 00:06:54.06
All right, now we want to
make a copy of this line

172
00:06:54.06 --> 00:06:56.05
and it'll all make sense in just a moment.

173
00:06:56.05 --> 00:06:58.04
But we're going to make
a copy of this line

174
00:06:58.04 --> 00:07:01.00
by dragging it down while
pressing the shift key

175
00:07:01.00 --> 00:07:02.00
and the you want to press and hold

176
00:07:02.00 --> 00:07:04.01
the alt key or the opt key on a Mac

177
00:07:04.01 --> 00:07:08.02
and drop it into place
so that we have a copy.

178
00:07:08.02 --> 00:07:10.00
All right, now I'm going to
click on this right point

179
00:07:10.00 --> 00:07:13.00
right there to select it
independently of the left one,

180
00:07:13.00 --> 00:07:15.05
and I'll go ahead and drag it down to,

181
00:07:15.05 --> 00:07:18.00
I figure, right about here.

182
00:07:18.00 --> 00:07:20.08
I'm trying to bring it down
to the midway point here.

183
00:07:20.08 --> 00:07:24.02
And now I'll go ahead and press
ctrl + f or cmd + f on a Mac

184
00:07:24.02 --> 00:07:26.04
to paste another copy of this line.

185
00:07:26.04 --> 00:07:30.05
And I'll drag it down to
right about here, I figure,

186
00:07:30.05 --> 00:07:32.07
and then I'll click on
that right-hand point

187
00:07:32.07 --> 00:07:34.00
and drag it all the way down

188
00:07:34.00 --> 00:07:36.06
so it snaps into alignment
with that corner.

189
00:07:36.06 --> 00:07:39.02
And I might go ahead and
move this guy up a little bit

190
00:07:39.02 --> 00:07:40.05
while pressing the shift key.

191
00:07:40.05 --> 00:07:43.06
I'm just trying to get
regular intervals going here.

192
00:07:43.06 --> 00:07:46.07
And now we want to make
one more copy of this line,

193
00:07:46.07 --> 00:07:49.06
and I'm going to do that by
grabbing this anchor point

194
00:07:49.06 --> 00:07:52.00
and dragging it to right about there

195
00:07:52.00 --> 00:07:54.07
and then pressing the alt
key or the opt key on a Mac

196
00:07:54.07 --> 00:07:57.04
to make a copy of that
point which goes ahead

197
00:07:57.04 --> 00:07:59.07
and copies the neighboring
segment as well.

198
00:07:59.07 --> 00:08:02.00
In other words, we've
copied the entire line.

199
00:08:02.00 --> 00:08:04.00
So now I'll go ahead
and drag this guy down

200
00:08:04.00 --> 00:08:06.07
and you can see that it's
snapping into alignment.

201
00:08:06.07 --> 00:08:09.02
All right, now switch
to the black arrow tool

202
00:08:09.02 --> 00:08:11.05
by pressing the "v" key, and then go ahead

203
00:08:11.05 --> 00:08:15.04
and click and shift + click
on each one of these lines.

204
00:08:15.04 --> 00:08:18.04
Do not select the big rectangle.

205
00:08:18.04 --> 00:08:19.09
We do not want that.

206
00:08:19.09 --> 00:08:22.06
Then, go back to the
Object menu, choose Blend,

207
00:08:22.06 --> 00:08:26.04
and choose Make, and that
will make this crazy blend

208
00:08:26.04 --> 00:08:28.09
right here, which is
not quite what we want.

209
00:08:28.09 --> 00:08:31.09
So return to the Object
menu, choose Blend,

210
00:08:31.09 --> 00:08:34.00
and choose Blend Options.

211
00:08:34.00 --> 00:08:36.05
Go ahead and change the
Spacing to Specified Steps,

212
00:08:36.05 --> 00:08:39.07
turn on the Preview checkbox,
and then click on that value

213
00:08:39.07 --> 00:08:42.04
and press the up arrow key
until you like what you see

214
00:08:42.04 --> 00:08:44.04
which for me happens at five.

215
00:08:44.04 --> 00:08:47.01
And now I'll click OK
to accept that change.

216
00:08:47.01 --> 00:08:48.06
And now you want to press the "a" key

217
00:08:48.06 --> 00:08:50.05
to switch back to the wide arrow tool.

218
00:08:50.05 --> 00:08:52.02
And click on this point.

219
00:08:52.02 --> 00:08:54.08
In my case you can see that
the lines aren't quite spread

220
00:08:54.08 --> 00:08:56.01
the way they need to be.

221
00:08:56.01 --> 00:08:58.01
And now I'll just press
the down arrow key,

222
00:08:58.01 --> 00:09:00.00
press and hold that down arrow key,

223
00:09:00.00 --> 00:09:02.00
until things start looking better.

224
00:09:02.00 --> 00:09:04.05
And you can see that the
blend is updating on the fly.

225
00:09:04.05 --> 00:09:07.04
And it appears that this point
needs to come down as well.

226
00:09:07.04 --> 00:09:10.00
And so I just want you to see
that update I'm talking about.

227
00:09:10.00 --> 00:09:12.01
Notice if I drag the
point to a new location,

228
00:09:12.01 --> 00:09:14.02
all the steps adjust on the fly.

229
00:09:14.02 --> 00:09:15.04
Very, very cool feature.

230
00:09:15.04 --> 00:09:18.04
Very old feature as
well inside Illustrator.

231
00:09:18.04 --> 00:09:21.05
And so I'm going to go ahead
and press the down arrow key

232
00:09:21.05 --> 00:09:24.01
to move that point down, and
actually I moved it back up

233
00:09:24.01 --> 00:09:25.04
a little bit as well.

234
00:09:25.04 --> 00:09:27.02
And now I'll select this point right here

235
00:09:27.02 --> 00:09:30.00
and press the left arrow
key to move it to the left

236
00:09:30.00 --> 00:09:32.01
until we have this effect.

237
00:09:32.01 --> 00:09:33.09
At which point, I'll press
the "v" key to switch back

238
00:09:33.09 --> 00:09:35.06
to the black arrow tool,

239
00:09:35.06 --> 00:09:38.04
click on any one of these lines
to select the entire blend,

240
00:09:38.04 --> 00:09:40.06
and again change the Opacity value

241
00:09:40.06 --> 00:09:43.04
up there in the Control Panel to 50%

242
00:09:43.04 --> 00:09:46.00
and then click off the
paths to deselect them,

243
00:09:46.00 --> 00:09:49.08
and then zoom out so that we
can take in the entire effect.

244
00:09:49.08 --> 00:09:51.09
And that's how you draw
a few distressed marks

245
00:09:51.09 --> 00:09:54.04
just for the sake of a
little bit of realism

246
00:09:54.04 --> 00:09:58.02
using a combination of the Pen
Tool and the Blend function

247
00:09:58.02 --> 00:10:00.03
here inside Illustrator.