1
00:00:00.04 --> 00:00:01.03
- [Instructor] In this movie,

2
00:00:01.03 --> 00:00:03.00
we're going to take our denim pattern

3
00:00:03.00 --> 00:00:04.09
and make it look like actual denim

4
00:00:04.09 --> 00:00:07.09
instead of just a bunch of chunky lines.

5
00:00:07.09 --> 00:00:10.03
All right, so the first
thing I'm going to do is

6
00:00:10.03 --> 00:00:12.05
fix these gaps right here

7
00:00:12.05 --> 00:00:15.01
by double-clicking on the
vertical denim pattern

8
00:00:15.01 --> 00:00:16.09
here inside the Swatches panel.

9
00:00:16.09 --> 00:00:19.06
And that will take us back
to the pattern editor,

10
00:00:19.06 --> 00:00:21.08
and I'll go ahead and zoom on in.

11
00:00:21.08 --> 00:00:23.03
And, on second thought,

12
00:00:23.03 --> 00:00:26.00
I've decided a Width value of 96 points

13
00:00:26.00 --> 00:00:27.08
is going to work out just fine.

14
00:00:27.08 --> 00:00:29.05
The problem is that some of these edges

15
00:00:29.05 --> 00:00:32.02
are precariously close to the corners.

16
00:00:32.02 --> 00:00:33.07
So I'm going to press the A key

17
00:00:33.07 --> 00:00:35.05
to switch to my White Arrow tool.

18
00:00:35.05 --> 00:00:37.09
And I'm going to marquee
these top two points here,

19
00:00:37.09 --> 00:00:41.03
and I'll marquee these
bottom two points as well.

20
00:00:41.03 --> 00:00:44.04
And then I'll press the left
arrow key a couple of times

21
00:00:44.04 --> 00:00:45.06
to move 'em over.

22
00:00:45.06 --> 00:00:47.03
And I'm going to do the
same with these guys.

23
00:00:47.03 --> 00:00:51.01
I'll marquee these two sets
of points, these two pairs,

24
00:00:51.01 --> 00:00:53.04
and I'll Shift marquee the ones down here.

25
00:00:53.04 --> 00:00:56.04
You've got to move the top
and bottom points together,

26
00:00:56.04 --> 00:00:59.01
always, in order to ensure
that things line up.

27
00:00:59.01 --> 00:01:01.02
And I'll marquee these two pair of points

28
00:01:01.02 --> 00:01:03.03
and Shift marquee these guys

29
00:01:03.03 --> 00:01:06.03
and nudge them over a couple of points.

30
00:01:06.03 --> 00:01:08.05
Now what we need to do
is just kind of fill in

31
00:01:08.05 --> 00:01:10.00
some of these gaps here,

32
00:01:10.00 --> 00:01:12.08
and that's just a matter of
randomly grabbing points,

33
00:01:12.08 --> 00:01:17.00
like so, and dragging them
into different positions.

34
00:01:17.00 --> 00:01:19.00
And this is all going to be manual work.

35
00:01:19.00 --> 00:01:22.00
It's entirely subjective as well.

36
00:01:22.00 --> 00:01:24.04
You want to make sure that you're

37
00:01:24.04 --> 00:01:27.03
doing kind of different things
with different path outlines.

38
00:01:27.03 --> 00:01:30.00
So you don't always want
to move a bunch of stuff

39
00:01:30.00 --> 00:01:32.06
over to the left or over
to the right either,

40
00:01:32.06 --> 00:01:34.00
for that matter.

41
00:01:34.00 --> 00:01:36.08
So you just want to vary
it up as much as possible

42
00:01:36.08 --> 00:01:40.07
so that we can keep this
looking extremely random.

43
00:01:40.07 --> 00:01:43.08
Problem is, you just don't
want the negative space

44
00:01:43.08 --> 00:01:46.03
of one of these guys to match up

45
00:01:46.03 --> 00:01:48.06
with the negative space of its neighbor.

46
00:01:48.06 --> 00:01:51.04
So you just want to fill
things in reasonably.

47
00:01:51.04 --> 00:01:53.05
And you don't need to
spend a ton of time on it,

48
00:01:53.05 --> 00:01:56.05
but, you know, the more
time you spend probably,

49
00:01:56.05 --> 00:01:58.05
the better results you're going to get.

50
00:01:58.05 --> 00:02:01.03
In any case, let's see what
I've come up with so far.

51
00:02:01.03 --> 00:02:02.09
Maybe I'll grab this guy actually,

52
00:02:02.09 --> 00:02:05.00
and just kind of drag him up.

53
00:02:05.00 --> 00:02:07.02
And now I'll press the Escape key

54
00:02:07.02 --> 00:02:09.03
in order to exit the pattern editor.

55
00:02:09.03 --> 00:02:10.09
And I'll press Control + zero

56
00:02:10.09 --> 00:02:13.03
or Command + zero on a Mac to zoom out.

57
00:02:13.03 --> 00:02:15.04
And I can see some
pattern showing up here.

58
00:02:15.04 --> 00:02:18.03
There's this kind of swoop
right there, for example,

59
00:02:18.03 --> 00:02:21.03
that keeps repeating over and over again,

60
00:02:21.03 --> 00:02:24.00
but that's not going to be a problem

61
00:02:24.00 --> 00:02:26.00
once we tweak this rectangle.

62
00:02:26.00 --> 00:02:27.09
So go ahead and press the V key

63
00:02:27.09 --> 00:02:29.05
to switch to the Black Arrow tool,

64
00:02:29.05 --> 00:02:32.00
and click on the rectangle to select it.

65
00:02:32.00 --> 00:02:34.00
And you should see that it's selected here

66
00:02:34.00 --> 00:02:35.08
inside the pattern layer.

67
00:02:35.08 --> 00:02:38.02
And now you want to go
up to the Window menu

68
00:02:38.02 --> 00:02:39.07
and choose Appearance

69
00:02:39.07 --> 00:02:42.03
in order to switch to
the Appearance panel.

70
00:02:42.03 --> 00:02:46.05
And let's go ahead and add a
fill by clicking on this icon,

71
00:02:46.05 --> 00:02:49.00
or you can just press Command + slash.

72
00:02:49.00 --> 00:02:51.00
That's going to get
you a new fill as well.

73
00:02:51.00 --> 00:02:54.00
I'm going to drag this guy down
to the bottom of the stack,

74
00:02:54.00 --> 00:02:55.04
and I'm going to click on it.

75
00:02:55.04 --> 00:02:57.02
And I'm going to select
this swatch right here.

76
00:02:57.02 --> 00:02:59.08
Now this is not a default
swatch, by the way.

77
00:02:59.08 --> 00:03:01.06
This is one I've created for you.

78
00:03:01.06 --> 00:03:04.02
And so if you need to dial it in yourself,

79
00:03:04.02 --> 00:03:05.09
it's R 118,

80
00:03:05.09 --> 00:03:07.04
G 141,

81
00:03:07.04 --> 00:03:09.01
B 168.

82
00:03:09.01 --> 00:03:11.07
And it's a very low saturation blue

83
00:03:11.07 --> 00:03:14.04
that's in keeping with blue jeans.

84
00:03:14.04 --> 00:03:17.03
All right, so now I'll select
this pattern fill right here.

85
00:03:17.03 --> 00:03:19.03
And I'm going to click
on the word Opacity,

86
00:03:19.03 --> 00:03:22.03
and I'm going to change its
Blend Mode to Soft Light

87
00:03:22.03 --> 00:03:25.01
in order to produce this effect here.

88
00:03:25.01 --> 00:03:27.05
All right, now I want to
transform it a little bit.

89
00:03:27.05 --> 00:03:29.01
And so I'll select that pattern fill,

90
00:03:29.01 --> 00:03:30.05
there in the Appearance panel.

91
00:03:30.05 --> 00:03:33.06
I'll go up to the Effect menu,
choose Distort & Transform,

92
00:03:33.06 --> 00:03:35.08
and choose the Transform command,

93
00:03:35.08 --> 00:03:40.02
and I'm just going to change
each of the Scale values to 50%.

94
00:03:40.02 --> 00:03:43.00
I'll turn on the Preview
checkbox to see that, oops,

95
00:03:43.00 --> 00:03:45.05
I've actually made my fill smaller.

96
00:03:45.05 --> 00:03:47.09
And so I'll turn off Transform Objects

97
00:03:47.09 --> 00:03:51.00
so that we're exclusively
transforming the patterns,

98
00:03:51.00 --> 00:03:53.05
and then I'll click OK.

99
00:03:53.05 --> 00:03:54.07
All right, now I'm going to go ahead

100
00:03:54.07 --> 00:03:56.03
and zoom in just a little bit more,

101
00:03:56.03 --> 00:03:58.09
and we're going to create
a copy of this fill

102
00:03:58.09 --> 00:04:01.00
by dropping down to the little page icon

103
00:04:01.00 --> 00:04:02.03
and clicking on it.

104
00:04:02.03 --> 00:04:04.07
So now we have two pattern fills.

105
00:04:04.07 --> 00:04:07.09
I'll go ahead and click the word Transform

106
00:04:07.09 --> 00:04:10.05
in order to bring back the
Transform Effect panel.

107
00:04:10.05 --> 00:04:13.02
And I'll turn on the
Preview checkbox once again,

108
00:04:13.02 --> 00:04:16.09
click inside the Angle value
and press Shift + down arrow

109
00:04:16.09 --> 00:04:19.06
in order to take it down
to negative 30 degrees,

110
00:04:19.06 --> 00:04:21.04
and I'll click OK.

111
00:04:21.04 --> 00:04:25.05
And now we have something
that better resembles denim.

112
00:04:25.05 --> 00:04:26.06
And when you zoom in to it,

113
00:04:26.06 --> 00:04:28.04
it doesn't look like denim at all.

114
00:04:28.04 --> 00:04:30.02
But when you press Control + zero

115
00:04:30.02 --> 00:04:32.08
or Command + zero on a Mac to zoom out,

116
00:04:32.08 --> 00:04:36.03
it very much resembles
the texture of blue jeans.

117
00:04:36.03 --> 00:04:37.04
All right, I'm going to go ahead

118
00:04:37.04 --> 00:04:39.03
and twirl these fills closed right here,

119
00:04:39.03 --> 00:04:42.04
and I'm going to add another
one on top of the stack

120
00:04:42.04 --> 00:04:44.03
by selecting the top fill.

121
00:04:44.03 --> 00:04:47.08
And then I'll once again click
on the Add New Fill icon.

122
00:04:47.08 --> 00:04:50.00
This time around, we
do not want a pattern.

123
00:04:50.00 --> 00:04:52.01
Instead, we're looking for a gradient.

124
00:04:52.01 --> 00:04:54.09
So I'll just go ahead and select
that White Black gradient,

125
00:04:54.09 --> 00:04:56.09
and then I'll go to the Window menu

126
00:04:56.09 --> 00:04:58.08
and choose the Gradient command

127
00:04:58.08 --> 00:05:00.06
to bring up the Gradient panel.

128
00:05:00.06 --> 00:05:01.09
And I'll expand the panel

129
00:05:01.09 --> 00:05:04.00
by clicking on this double arrow icon,

130
00:05:04.00 --> 00:05:06.07
and I'll change the Type to Radial.

131
00:05:06.07 --> 00:05:09.06
And now I need to change
the first and last colors.

132
00:05:09.06 --> 00:05:11.06
So I'll go over to this swatch right here,

133
00:05:11.06 --> 00:05:15.03
the one where the RGB values all read 179,

134
00:05:15.03 --> 00:05:19.04
and I'll drag it and drop it
onto the first color stop.

135
00:05:19.04 --> 00:05:21.09
And then I'll go up to this color swatch

136
00:05:21.09 --> 00:05:25.01
where the RGB values all read 77,

137
00:05:25.01 --> 00:05:29.00
and I'll drag it and drop
it onto the final color stop

138
00:05:29.00 --> 00:05:32.00
so that we have this very soft gradient,

139
00:05:32.00 --> 00:05:33.06
as you're seeing here.

140
00:05:33.06 --> 00:05:35.03
All right, now I want it
to be a little bigger,

141
00:05:35.03 --> 00:05:37.02
so I'm going to zoom out here.

142
00:05:37.02 --> 00:05:40.01
And I'm going to switch
to my Gradient tool,

143
00:05:40.01 --> 00:05:42.07
which you can get by pressing the G key,

144
00:05:42.07 --> 00:05:47.07
and I'll go ahead and drag
this guy outward, like so.

145
00:05:47.07 --> 00:05:50.04
I want to be able to see
the entire circle, however,

146
00:05:50.04 --> 00:05:54.07
because I want it to be
an ellipse in actuality.

147
00:05:54.07 --> 00:05:57.01
And I'm just going to go
ahead and move this guy

148
00:05:57.01 --> 00:06:00.01
even farther out until
the ellipse takes up

149
00:06:00.01 --> 00:06:03.09
almost every bit of the artboard, like so.

150
00:06:03.09 --> 00:06:07.00
And then finally, I'll
twirl open this fill.

151
00:06:07.00 --> 00:06:08.08
And I need a little more room to work,

152
00:06:08.08 --> 00:06:11.04
so I'm going to collapse
the Gradient panel here.

153
00:06:11.04 --> 00:06:13.05
And then I'll click on the word Opacity,

154
00:06:13.05 --> 00:06:16.09
and I'll change the Blend Mode to Overlay.

155
00:06:16.09 --> 00:06:20.04
And that will result in a
little bit of a vignette.

156
00:06:20.04 --> 00:06:21.08
All right, now I'll press the V key

157
00:06:21.08 --> 00:06:23.09
to switch back to the Black Arrow tool.

158
00:06:23.09 --> 00:06:25.07
And I'll press Control + Shift + A

159
00:06:25.07 --> 00:06:28.05
or Command + Shift + A on a
Mac to deselect the artwork.

160
00:06:28.05 --> 00:06:31.05
And I'll go ahead and zoom in as well.

161
00:06:31.05 --> 00:06:33.05
And just so we don't mess anything up,

162
00:06:33.05 --> 00:06:35.07
I'm going to switch back
to the Layers panel,

163
00:06:35.07 --> 00:06:38.07
and I'm going to lock this layer.

164
00:06:38.07 --> 00:06:39.06
And you know what?

165
00:06:39.06 --> 00:06:42.01
After just a few seconds
of reflection here,

166
00:06:42.01 --> 00:06:44.09
I don't think this looks
exactly the way I want it to.

167
00:06:44.09 --> 00:06:48.02
So on second thought, I'm going
to unlock this pattern layer.

168
00:06:48.02 --> 00:06:50.02
I'll click on the rectangle to select it.

169
00:06:50.02 --> 00:06:52.04
I'll switch back to the Appearance panel.

170
00:06:52.04 --> 00:06:54.06
And I'm going to twirl this guy open,

171
00:06:54.06 --> 00:06:56.03
the very first pattern fill,

172
00:06:56.03 --> 00:06:58.08
and I'll turn off the Transform Effect

173
00:06:58.08 --> 00:07:01.07
so that some of the lines
are bigger than others.

174
00:07:01.07 --> 00:07:03.05
Now I don't want 'em to be quite that big,

175
00:07:03.05 --> 00:07:05.07
so I'm going to take
this Transform Effect,

176
00:07:05.07 --> 00:07:09.07
and I'm going to drag it and
drop it at the end of the list,

177
00:07:09.07 --> 00:07:13.01
not onto that last fill,
but at the end of the list,

178
00:07:13.01 --> 00:07:15.07
right before the final word Opacity there.

179
00:07:15.07 --> 00:07:18.03
And I'm going to turn that
Transform Effect back on.

180
00:07:18.03 --> 00:07:21.02
And I'll click on the word Transform.

181
00:07:21.02 --> 00:07:23.02
And I'll change both the Horizontal

182
00:07:23.02 --> 00:07:26.03
and Vertical values to 77%,

183
00:07:26.03 --> 00:07:27.09
turn on the Preview checkbox,

184
00:07:27.09 --> 00:07:31.01
and I think that ends up
looking a little better,

185
00:07:31.01 --> 00:07:33.02
after which point, I'll click OK.

186
00:07:33.02 --> 00:07:35.05
And then I'll switch
back to the Layers panel.

187
00:07:35.05 --> 00:07:38.03
And this time, I am going
to lock the pattern layer,

188
00:07:38.03 --> 00:07:41.04
and I'm going to leave it locked.

189
00:07:41.04 --> 00:07:44.02
And that, folks, is how
you take a denim pattern

190
00:07:44.02 --> 00:07:45.06
and make it resemble something

191
00:07:45.06 --> 00:07:48.09
that might actually be blue jean fabric

192
00:07:48.09 --> 00:07:50.09
here inside Illustrator.

