1
00:00:00.05 --> 00:00:01.09
- [Voiceover] In this
movie, I'll introduce you

2
00:00:01.09 --> 00:00:04.00
to Illustrator's Gap Detection options

3
00:00:04.00 --> 00:00:06.06
which automatically
close up tiny little gaps

4
00:00:06.06 --> 00:00:08.04
between path outlines,

5
00:00:08.04 --> 00:00:10.01
thus allowing the Live Paint Bucket

6
00:00:10.01 --> 00:00:11.03
to fill them in.

7
00:00:11.03 --> 00:00:13.04
And so the first thing I'm going to do

8
00:00:13.04 --> 00:00:15.06
is zoom in on the bottom
of this artwork here

9
00:00:15.06 --> 00:00:18.04
so that we're seeing it very close

10
00:00:18.04 --> 00:00:20.01
and then I'll click on any one

11
00:00:20.01 --> 00:00:21.05
of the path outlines to select

12
00:00:21.05 --> 00:00:23.06
the entire Live Paint group.

13
00:00:23.06 --> 00:00:24.07
And I'm just going to go ahead

14
00:00:24.07 --> 00:00:27.01
and press Control + H, or
Command + H on the Mac,

15
00:00:27.01 --> 00:00:29.02
to hide those anchor points

16
00:00:29.02 --> 00:00:32.09
so that we can see just
the gaps in our artwork.

17
00:00:32.09 --> 00:00:35.08
And to make that possible,
go up to the object menu

18
00:00:35.08 --> 00:00:40.07
choose Live Paint and
then choose Gap Options.

19
00:00:40.07 --> 00:00:43.01
And that will bring up the
Gap Options dialogue box.

20
00:00:43.01 --> 00:00:44.08
Now assuming that the
preview checkbox is on,

21
00:00:44.08 --> 00:00:48.02
you will see all of the
gaps indicated by these

22
00:00:48.02 --> 00:00:50.09
little red areas inside the artwork.

23
00:00:50.09 --> 00:00:52.02
To make them more obvious,

24
00:00:52.02 --> 00:00:55.04
I'm going to change the
Gap Preview Color to green.

25
00:00:55.04 --> 00:00:58.01
And as you can see,
they now change to green

26
00:00:58.01 --> 00:01:00.02
inside the document window.

27
00:01:00.02 --> 00:01:03.00
Now notice that we have
a little bit of green

28
00:01:03.00 --> 00:01:05.03
around this polyp right here,

29
00:01:05.03 --> 00:01:07.04
but we don't have one
on the right hand side

30
00:01:07.04 --> 00:01:09.07
and we don't have any green on

31
00:01:09.07 --> 00:01:12.04
this right hand polyp either.

32
00:01:12.04 --> 00:01:13.07
And so what you want to do is make sure

33
00:01:13.07 --> 00:01:15.09
that the Gap Detection checkbox is on,

34
00:01:15.09 --> 00:01:17.04
we definitely want that,

35
00:01:17.04 --> 00:01:19.06
and then change the Paint Stops at

36
00:01:19.06 --> 00:01:22.06
from Small Gaps to something larger

37
00:01:22.06 --> 00:01:26.04
such as Medium Gaps which is then going to

38
00:01:26.04 --> 00:01:28.08
produce areas of green on the right side

39
00:01:28.08 --> 00:01:32.05
of this guy and on both
sides of the one next door,

40
00:01:32.05 --> 00:01:34.02
which exactly is what we want.

41
00:01:34.02 --> 00:01:37.05
So go ahead and click OK
to accept that change.

42
00:01:37.05 --> 00:01:39.03
And then go ahead and once again grab

43
00:01:39.03 --> 00:01:40.03
your Live Paint Bucket,

44
00:01:40.03 --> 00:01:42.08
which you can get by pressing the K key.

45
00:01:42.08 --> 00:01:44.09
Make sure that your fill is set to

46
00:01:44.09 --> 00:01:47.02
that light shade of
orange and then go ahead

47
00:01:47.02 --> 00:01:48.03
and then go ahead and click on these areas

48
00:01:48.03 --> 00:01:50.03
in order to fill them in.

49
00:01:50.03 --> 00:01:51.08
Alright, now I'll go ahead and press

50
00:01:51.08 --> 00:01:54.07
Control + 0, or Command +
0 on the Mac, to zoom out.

51
00:01:54.07 --> 00:01:57.07
And I'll zoom in on the sun instead

52
00:01:57.07 --> 00:02:00.00
and I'll try filling him in once again.

53
00:02:00.00 --> 00:02:02.02
And that still grabs one of the teeth.

54
00:02:02.02 --> 00:02:05.00
So I'll press Control + Z,
or Command + Z on the Mac,

55
00:02:05.00 --> 00:02:08.07
to undo that change and I will
return to the Object menu,

56
00:02:08.07 --> 00:02:11.02
once again choose Live Paint,

57
00:02:11.02 --> 00:02:12.07
and then choose Gap Options,

58
00:02:12.07 --> 00:02:15.04
at which point I will see that this tooth

59
00:02:15.04 --> 00:02:17.04
does not have a sufficient number

60
00:02:17.04 --> 00:02:20.02
of little gap barriers around it

61
00:02:20.02 --> 00:02:21.07
and so what I'm going to do is switch

62
00:02:21.07 --> 00:02:24.05
from Medium Gaps to Custom Gaps

63
00:02:24.05 --> 00:02:26.08
and then watch what happens right there.

64
00:02:26.08 --> 00:02:28.09
Nothing actually happens
and that's because

65
00:02:28.09 --> 00:02:31.05
my Gaps value is set too high.

66
00:02:31.05 --> 00:02:34.07
And so basically this
is an absolute value.

67
00:02:34.07 --> 00:02:37.09
Illustrator is looking for
gaps that are six points.

68
00:02:37.09 --> 00:02:39.04
It's not six points or less,

69
00:02:39.04 --> 00:02:42.02
it's something in the range of six points.

70
00:02:42.02 --> 00:02:44.02
There a little bit of
black magic concern though

71
00:02:44.02 --> 00:02:47.03
because there are some very
tiny gaps at work here,

72
00:02:47.03 --> 00:02:50.05
but notice if I reduce
this value to three points,

73
00:02:50.05 --> 00:02:53.08
then all of a sudden I'm
closing in this region

74
00:02:53.08 --> 00:02:55.03
around the teeth.

75
00:02:55.03 --> 00:02:56.05
And so having done that,

76
00:02:56.05 --> 00:02:58.05
like I say there's a
little bit of black magic,

77
00:02:58.05 --> 00:03:00.01
so there's a fair amount
of trail and error

78
00:03:00.01 --> 00:03:01.06
that goes on with this option

79
00:03:01.06 --> 00:03:03.05
but in my case the value of three points

80
00:03:03.05 --> 00:03:04.06
happens to work great.

81
00:03:04.06 --> 00:03:07.01
And so I'll click OK to accept that change

82
00:03:07.01 --> 00:03:09.05
and then I will click
inside of the sun's face

83
00:03:09.05 --> 00:03:11.09
in order to finish things off.

84
00:03:11.09 --> 00:03:13.07
Alright now I'm going
to zoom back out again

85
00:03:13.07 --> 00:03:16.01
by pressing Control + 0,
or Command+ 0 on the Mac.

86
00:03:16.01 --> 00:03:17.08
Looks like I missed a little spot

87
00:03:17.08 --> 00:03:20.00
right there on his hand
so I'll just go ahead

88
00:03:20.00 --> 00:03:21.03
and drag around in there

89
00:03:21.03 --> 00:03:24.01
and then, I will scroll
down by space bar dragging

90
00:03:24.01 --> 00:03:27.01
until I get to this region, right there.

91
00:03:27.01 --> 00:03:28.05
That is still a mess.

92
00:03:28.05 --> 00:03:29.07
Actually, look at that.

93
00:03:29.07 --> 00:03:31.00
I can now fill it in.

94
00:03:31.00 --> 00:03:32.07
I was going to show you how you can drag

95
00:03:32.07 --> 00:03:35.06
the anchor points around manually
using the white arrow tool

96
00:03:35.06 --> 00:03:37.03
but it looks like I don't have to.

97
00:03:37.03 --> 00:03:39.04
So anyway, you can just imagine that.

98
00:03:39.04 --> 00:03:40.07
Alright now, I'm going to try to see

99
00:03:40.07 --> 00:03:42.07
if I can fill in this guy's shirt

100
00:03:42.07 --> 00:03:44.06
by zooming out just a little more.

101
00:03:44.06 --> 00:03:47.01
And I'm going to select this medium shade

102
00:03:47.01 --> 00:03:48.09
of blue here that begins R, zero,

103
00:03:48.09 --> 00:03:50.06
G, 113,

104
00:03:50.06 --> 00:03:51.08
B, 188.

105
00:03:51.08 --> 00:03:54.01
And then, I'll click inside the shirt

106
00:03:54.01 --> 00:03:55.06
and it fills in beautifully.

107
00:03:55.06 --> 00:03:57.03
We have this little tiny area here

108
00:03:57.03 --> 00:03:59.01
that I need to fill in independently

109
00:03:59.01 --> 00:04:00.06
and this area inside the pen

110
00:04:00.06 --> 00:04:03.01
and I'm going to drag across the pocket

111
00:04:03.01 --> 00:04:05.01
in order to fill it.

112
00:04:05.01 --> 00:04:06.08
And I'll go ahead and
click inside of his sleeve

113
00:04:06.08 --> 00:04:08.07
to fill it as well.

114
00:04:08.07 --> 00:04:11.08
Alright, now I want to advance to purple

115
00:04:11.08 --> 00:04:15.04
by pressing the right
arrow key a few times

116
00:04:15.04 --> 00:04:16.06
total of three times, I think

117
00:04:16.06 --> 00:04:19.02
until I see a purple
swatch above my cursor

118
00:04:19.02 --> 00:04:20.05
and then I'll click here as well as

119
00:04:20.05 --> 00:04:23.02
right there and there in order to fill in

120
00:04:23.02 --> 00:04:24.01
those regions.

121
00:04:24.01 --> 00:04:26.05
Oh, looks like I missed
an area of blue back here.

122
00:04:26.05 --> 00:04:27.09
I'll come back to it in a moment

123
00:04:27.09 --> 00:04:30.00
after I press the right
arrow key to advance

124
00:04:30.00 --> 00:04:31.04
to this shade of purple,

125
00:04:31.04 --> 00:04:34.01
right there and I'll drag
over those two regions.

126
00:04:34.01 --> 00:04:36.07
And notice that I can lift a color

127
00:04:36.07 --> 00:04:38.04
by pressing and holding the ALT key,

128
00:04:38.04 --> 00:04:39.06
or the Option key on a Mac,

129
00:04:39.06 --> 00:04:40.07
and clicking.

130
00:04:40.07 --> 00:04:43.07
And that will lift that
shade of blue, once again.

131
00:04:43.07 --> 00:04:46.04
And then I'll just go ahead
and drag across this region

132
00:04:46.04 --> 00:04:47.09
in order to fill it.

133
00:04:47.09 --> 00:04:49.08
And I want to fill in the center

134
00:04:49.08 --> 00:04:53.00
of this flag right there
with that same shade of blue,

135
00:04:53.00 --> 00:04:54.02
and I'll press the ALT key,

136
00:04:54.02 --> 00:04:55.05
or the Option key on a Mac,

137
00:04:55.05 --> 00:04:58.01
to once again get my Eye
Dropper tool on the fly,

138
00:04:58.01 --> 00:05:00.03
in case I didn't make that evident.

139
00:05:00.03 --> 00:05:03.01
Then I'll click to lift that
shade of dark violet there

140
00:05:03.01 --> 00:05:06.00
and I'll click inside
the flag on both sides

141
00:05:06.00 --> 00:05:07.07
to fill it like so.

142
00:05:07.07 --> 00:05:09.07
And I forgot I need to fill in this

143
00:05:09.07 --> 00:05:11.08
little skirt down here at the bottom.

144
00:05:11.08 --> 00:05:13.04
And then, I'll go ahead and select

145
00:05:13.04 --> 00:05:14.07
this lighter shade of blue,

146
00:05:14.07 --> 00:05:17.03
the guy that begins R equals 41,

147
00:05:17.03 --> 00:05:18.06
G equals 171,

148
00:05:18.06 --> 00:05:20.00
B equals 226,

149
00:05:20.00 --> 00:05:23.02
and I will click on his elbow right there.

150
00:05:23.02 --> 00:05:26.00
I'll click and drag on
the end of his sleeve.

151
00:05:26.00 --> 00:05:29.01
I'll click over here and over here as well

152
00:05:29.01 --> 00:05:30.09
to fill in those areas.

153
00:05:30.09 --> 00:05:33.04
And it looks like I missed
this area right there.

154
00:05:33.04 --> 00:05:36.03
Alright, so I'm going to
select this light shade

155
00:05:36.03 --> 00:05:39.01
of whatever it is that
begins R equals 199,

156
00:05:39.01 --> 00:05:40.08
G equals 178,

157
00:05:40.08 --> 00:05:43.03
B equals 153,

158
00:05:43.03 --> 00:05:44.07
and I'll click and drag around

159
00:05:44.07 --> 00:05:46.07
the base of this flagpole and I also

160
00:05:46.07 --> 00:05:48.01
want to fill in his pen,

161
00:05:48.01 --> 00:05:50.07
which is going to take a couple of clicks

162
00:05:50.07 --> 00:05:54.00
and drags and so forth in order
to get that exactly right.

163
00:05:54.00 --> 00:05:56.06
And this area right here
wants to be filled with

164
00:05:56.06 --> 00:05:59.04
the same color so I'll
click and drag around it

165
00:05:59.04 --> 00:06:00.08
and into that area right there.

166
00:06:00.08 --> 00:06:03.00
I went too far, that's not a problem

167
00:06:03.00 --> 00:06:04.04
I'll just go ahead and select

168
00:06:04.04 --> 00:06:06.00
this shade of yellow that begins

169
00:06:06.00 --> 00:06:10.00
R equals 252 and I'll
drag around these shapes

170
00:06:10.00 --> 00:06:13.04
to fill them in and I'll drag around here.

171
00:06:13.04 --> 00:06:15.06
So if you feel something
wrong, in other words,

172
00:06:15.06 --> 00:06:18.09
you can always go back and
click or drag on it again

173
00:06:18.09 --> 00:06:21.01
to fill it with the correct color.

174
00:06:21.01 --> 00:06:24.09
Now, I'll click and drag
around the sun to get him.

175
00:06:24.09 --> 00:06:28.01
I actually want to bring
back that one shade of brown

176
00:06:28.01 --> 00:06:29.00
so I'll press the ALT key,

177
00:06:29.00 --> 00:06:30.03
or the Option key on a Mac,

178
00:06:30.03 --> 00:06:32.06
and click down here inside the circle

179
00:06:32.06 --> 00:06:34.02
with the eye-dropper tool and then

180
00:06:34.02 --> 00:06:36.02
as soon as I release ALT or Option key,

181
00:06:36.02 --> 00:06:38.08
I return to my Live Paint Bucket

182
00:06:38.08 --> 00:06:41.03
at which point I'll drag inside the moon.

183
00:06:41.03 --> 00:06:42.09
And now let's see what happens

184
00:06:42.09 --> 00:06:45.06
if I zoom in on the flagpole and I select

185
00:06:45.06 --> 00:06:47.06
this medium shade of brown that begins

186
00:06:47.06 --> 00:06:48.07
R equals 140,

187
00:06:48.07 --> 00:06:49.06
G equals 98,

188
00:06:49.06 --> 00:06:51.07
B equals 57,

189
00:06:51.07 --> 00:06:53.03
and I click right there

190
00:06:53.03 --> 00:06:55.00
and I'm filling in that rope

191
00:06:55.00 --> 00:06:56.03
on the other side of the flagpole.

192
00:06:56.03 --> 00:06:57.04
Can you see that?

193
00:06:57.04 --> 00:06:59.04
And then I'll click on
the top of the flagpole

194
00:06:59.04 --> 00:07:00.08
and I'll go ahead and zoom in

195
00:07:00.08 --> 00:07:02.09
and when you run into problems like this,

196
00:07:02.09 --> 00:07:05.03
that's when you press the
A key to switch back to

197
00:07:05.03 --> 00:07:08.04
the white arrow tool and you grab a point

198
00:07:08.04 --> 00:07:09.07
such as this one right here

199
00:07:09.07 --> 00:07:10.08
and I'm going to press Control + H,

200
00:07:10.08 --> 00:07:12.02
or Command + H on the Mac,

201
00:07:12.02 --> 00:07:13.08
to bring back my anchor points

202
00:07:13.08 --> 00:07:14.09
so that I could see them,

203
00:07:14.09 --> 00:07:16.03
and I'll just drag this guy up

204
00:07:16.03 --> 00:07:18.01
and notice that unfills this region

205
00:07:18.01 --> 00:07:20.08
and contains the fill inside the flagpole

206
00:07:20.08 --> 00:07:23.06
and I need to do something
similar over here.

207
00:07:23.06 --> 00:07:24.07
And I think what I'll do is

208
00:07:24.07 --> 00:07:26.02
I'll just drag this guy upward

209
00:07:26.02 --> 00:07:28.02
and see if that fixes the problem.

210
00:07:28.02 --> 00:07:30.06
And maybe I'll select this
point and just delete it,

211
00:07:30.06 --> 00:07:32.08
in order to open up that region.

212
00:07:32.08 --> 00:07:35.06
And that does take care
of things very nicely.

213
00:07:35.06 --> 00:07:36.07
After which point I'll zoom out

214
00:07:36.07 --> 00:07:38.07
by pressing Control zero
and I'll click off of

215
00:07:38.07 --> 00:07:40.09
my artwork to deselect it.

216
00:07:40.09 --> 00:07:42.06
And that's how you take advantage of

217
00:07:42.06 --> 00:07:44.05
Illustrator's Gap Detection options

218
00:07:44.05 --> 00:07:47.01
which close up very tiny gaps

219
00:07:47.01 --> 00:07:48.09
between path outlines so that

220
00:07:48.09 --> 00:07:51.09
the Live Paint Bucket can fill them.

