1
00:00:00.04 --> 00:00:01.06
- In this movie, I'll show you how to use

2
00:00:01.06 --> 00:00:04.03
the Shape Builder tool,
which allows you to take

3
00:00:04.03 --> 00:00:06.00
basic lines and shapes --

4
00:00:06.00 --> 00:00:07.06
and I do everything by the way,

5
00:00:07.06 --> 00:00:08.07
that we're seeing here --

6
00:00:08.07 --> 00:00:10.04
using either one of the line tools,

7
00:00:10.04 --> 00:00:11.08
or one of the Shape tools,

8
00:00:11.08 --> 00:00:13.07
that we've seen in previous chapters.

9
00:00:13.07 --> 00:00:15.09
So, for example: this
guy right here is a star,

10
00:00:15.09 --> 00:00:19.02
I do this equilateral triangle
using the Polygon tool.

11
00:00:19.02 --> 00:00:22.06
We've got a ton of circles and ellipses,

12
00:00:22.06 --> 00:00:24.08
there's a rectangle in the
background right there,

13
00:00:24.08 --> 00:00:25.07
and so forth.

14
00:00:25.07 --> 00:00:28.07
And what we're going to do,
is we're going to add them

15
00:00:28.07 --> 00:00:30.07
or subtract them from each other,

16
00:00:30.07 --> 00:00:33.07
to create the more complex
custom path outlines

17
00:00:33.07 --> 00:00:35.02
that you see here.

18
00:00:35.02 --> 00:00:37.07
Alright so I'll go ahead and
switch over to my starter file,

19
00:00:37.07 --> 00:00:39.06
and you get to the Shape Builder tool

20
00:00:39.06 --> 00:00:41.07
in the lower section of the Toolbox,

21
00:00:41.07 --> 00:00:43.01
as we're seeing right here.

22
00:00:43.01 --> 00:00:44.09
If you don't see it, then click and hold

23
00:00:44.09 --> 00:00:46.06
on one of these Live Paint tools,

24
00:00:46.06 --> 00:00:49.04
and select the Shape Builder
from the flyout menu.

25
00:00:49.04 --> 00:00:52.03
And then, just to make sure
that we're on the same page,

26
00:00:52.03 --> 00:00:54.00
I want you to press the "enter" key

27
00:00:54.00 --> 00:00:56.05
to bring up the Shape
Builder Options Dialogue Box,

28
00:00:56.05 --> 00:00:58.09
and I want you to click
on the Reset button,

29
00:00:58.09 --> 00:01:00.09
just to reset all the settings,

30
00:01:00.09 --> 00:01:02.05
so that you and I are
getting the same results,

31
00:01:02.05 --> 00:01:06.07
and then change this Pick
Color From option to Artwork,

32
00:01:06.07 --> 00:01:08.04
we'll how Color Swatches work later.

33
00:01:08.04 --> 00:01:11.00
But for now, I want to lift
the colors from the art,

34
00:01:11.00 --> 00:01:13.05
at which point you can
go ahead and click okay

35
00:01:13.05 --> 00:01:15.07
in order to accept that change.

36
00:01:15.07 --> 00:01:17.08
Alright, let's say I
want to join this star

37
00:01:17.08 --> 00:01:21.03
and this skinny rectangle
right here into a magic wand.

38
00:01:21.03 --> 00:01:23.05
Then you want to press
and hold the "ctrl" key,

39
00:01:23.05 --> 00:01:25.00
or the "command" key on the Mac,

40
00:01:25.00 --> 00:01:27.09
to temporarily gain access
to your last used arrow tool,

41
00:01:27.09 --> 00:01:30.00
which I'm assuming is the black arrow,

42
00:01:30.00 --> 00:01:31.08
and then just go ahead
and partially marquee

43
00:01:31.08 --> 00:01:32.06
those two shapes, and the reason is

44
00:01:32.06 --> 00:01:35.01
that you have to select the shapes

45
00:01:35.01 --> 00:01:36.04
before you can merge them.

46
00:01:36.04 --> 00:01:38.07
And then I'm just going to
zoom in a little bit here,

47
00:01:38.07 --> 00:01:40.02
so I can really see what I'm doing,

48
00:01:40.02 --> 00:01:42.04
and I'm going to drag up this rectangle,

49
00:01:42.04 --> 00:01:44.01
and you want to drag all the way

50
00:01:44.01 --> 00:01:46.07
into the star, incidentally,
and that's because

51
00:01:46.07 --> 00:01:49.00
Illustrator is only
going to merge the stuff

52
00:01:49.00 --> 00:01:50.08
that's covered in that dot pattern,

53
00:01:50.08 --> 00:01:52.05
at which point, go ahead and release

54
00:01:52.05 --> 00:01:55.07
in order to merge those
two shapes into one.

55
00:01:55.07 --> 00:01:58.06
Alright, now let's check
out the snowman over here.

56
00:01:58.06 --> 00:02:00.02
Once again, we need to select him.

57
00:02:00.02 --> 00:02:02.02
So, press and hold that "ctrl" key,

58
00:02:02.02 --> 00:02:03.05
or the "command" key on the Mac,

59
00:02:03.05 --> 00:02:05.08
to temporarily gain access
to the black arrow tool,

60
00:02:05.08 --> 00:02:08.01
and just marquee down the
left side of these shapes,

61
00:02:08.01 --> 00:02:10.01
that'll select the arm as well,

62
00:02:10.01 --> 00:02:12.03
but, not terribly concerned about that,

63
00:02:12.03 --> 00:02:14.07
then release the "ctrl"
key, or the "command" key,

64
00:02:14.07 --> 00:02:16.04
to return to the Shape Builder tool,

65
00:02:16.04 --> 00:02:19.09
and now, notice, I can
drag over these buttons,

66
00:02:19.09 --> 00:02:23.00
and over his eyes, and
nose, and all this stuff,

67
00:02:23.00 --> 00:02:25.04
but those items are
not going to get merged

68
00:02:25.04 --> 00:02:27.02
because they're not selected.

69
00:02:27.02 --> 00:02:29.07
And so all you need to make sure of,

70
00:02:29.07 --> 00:02:31.09
is that you don't drag over that arm,

71
00:02:31.09 --> 00:02:33.09
and then release and you'll
see that you've merged

72
00:02:33.09 --> 00:02:37.09
those three ellipses into
one single, lumpy snowman.

73
00:02:37.09 --> 00:02:40.07
Alright, now let's take a
look at the shoes down here.

74
00:02:40.07 --> 00:02:42.02
I'll go ahead and press the "ctrl" key,

75
00:02:42.02 --> 00:02:43.05
or the "command" key on the Mac,

76
00:02:43.05 --> 00:02:45.05
and partially marquee those guys.

77
00:02:45.05 --> 00:02:47.06
And notice we have red rectangles

78
00:02:47.06 --> 00:02:50.00
and then I have this arc that
I drew with the Arc tool,

79
00:02:50.00 --> 00:02:53.02
and this straight line that
I drew with the Line tool,

80
00:02:53.02 --> 00:02:55.00
and then I just went ahead and joined

81
00:02:55.00 --> 00:02:57.02
those two shapes together
using the Join command.

82
00:02:57.02 --> 00:02:59.08
So, in other words, this
is an open path outline.

83
00:02:59.08 --> 00:03:02.09
There is no segment on
the righthand side here.

84
00:03:02.09 --> 00:03:05.03
But it's got a fill, and so that's all

85
00:03:05.03 --> 00:03:06.04
the Shape Builder needs.

86
00:03:06.04 --> 00:03:08.08
So notice if I drag from the
yellow path to the red one,

87
00:03:08.08 --> 00:03:11.07
then I'm going to color
the new path yellow.

88
00:03:11.07 --> 00:03:14.09
Whereas if I dragged from the
red path to the yellow one,

89
00:03:14.09 --> 00:03:17.02
I'm going to color the new path red.

90
00:03:17.02 --> 00:03:19.01
And so you have that kind of control

91
00:03:19.01 --> 00:03:21.00
when you're working
with the Shape Builder.

92
00:03:21.00 --> 00:03:24.01
Alright, now I'm going
to zoom in on this circle

93
00:03:24.01 --> 00:03:25.04
and this line right here.

94
00:03:25.04 --> 00:03:27.04
So I'll go ahead and press the "ctrl" key,

95
00:03:27.04 --> 00:03:28.07
that's the "command" key on a Mac,

96
00:03:28.07 --> 00:03:30.04
and click this pointy line.

97
00:03:30.04 --> 00:03:32.04
And all it is, by the way, is two lines

98
00:03:32.04 --> 00:03:33.07
that you drew with the Line tool,

99
00:03:33.07 --> 00:03:35.01
and then joined together.

100
00:03:35.01 --> 00:03:36.09
So this is another open filled path,

101
00:03:36.09 --> 00:03:39.00
and then I'll "ctrl + shift" click,

102
00:03:39.00 --> 00:03:40.09
or "command + shift" click,

103
00:03:40.09 --> 00:03:43.03
on that circle right there,
and now I'll go ahead

104
00:03:43.03 --> 00:03:44.08
and drag across them.

105
00:03:44.08 --> 00:03:48.05
And make sure to drag over
both halves of the circle,

106
00:03:48.05 --> 00:03:50.00
so in other words, the Shape Builder tool

107
00:03:50.00 --> 00:03:52.05
sees every single path intersection,

108
00:03:52.05 --> 00:03:54.05
at which point go ahead and release

109
00:03:54.05 --> 00:03:56.03
in order to create that carrot nose.

110
00:03:56.03 --> 00:03:58.08
Alright, now I'm going to scroll over

111
00:03:58.08 --> 00:04:00.04
to these two circles right here.

112
00:04:00.04 --> 00:04:02.09
Let's say what I want to do is subtract

113
00:04:02.09 --> 00:04:04.07
the brown circle from the yellow one,

114
00:04:04.07 --> 00:04:06.04
in order to create a crescent,

115
00:04:06.04 --> 00:04:08.04
in that case I would press the "ctrl" key,

116
00:04:08.04 --> 00:04:09.07
or the "command" key on a Mac,

117
00:04:09.07 --> 00:04:11.05
and marquee the two shapes like so.

118
00:04:11.05 --> 00:04:13.05
And I want you to see that the shape

119
00:04:13.05 --> 00:04:15.06
in the background is a big circle.

120
00:04:15.06 --> 00:04:18.05
And now notice, if I
move my cursor out here,

121
00:04:18.05 --> 00:04:20.08
that the Shape Builder tool appears

122
00:04:20.08 --> 00:04:23.09
as a black arrowhead
along with a "+" sign,

123
00:04:23.09 --> 00:04:26.01
to show you that it's going to add shapes.

124
00:04:26.01 --> 00:04:27.09
If you press and hold the "alt" key,

125
00:04:27.09 --> 00:04:29.01
or the "option" key on a Mac,

126
00:04:29.01 --> 00:04:31.05
that "+" sign is going
to change to a "-" sign,

127
00:04:31.05 --> 00:04:33.08
at which point you can go can go ahead

128
00:04:33.08 --> 00:04:35.09
and drag inside the shapes
that you want to subtract.

129
00:04:35.09 --> 00:04:38.03
You don't want to drag
into the big yellow shape,

130
00:04:38.03 --> 00:04:40.05
because then you'll just
subtract everything,

131
00:04:40.05 --> 00:04:42.03
so I'll go ahead and press "ctrl + z,"

132
00:04:42.03 --> 00:04:43.07
or "command + z" on the Mac,

133
00:04:43.07 --> 00:04:44.09
to undo that change,

134
00:04:44.09 --> 00:04:47.05
and I'll just go ahead and
"alt/option + drag" over

135
00:04:47.05 --> 00:04:50.06
both parts of the brown circle,

136
00:04:50.06 --> 00:04:52.04
in order to create this crescent.

137
00:04:52.04 --> 00:04:54.01
Alright, so those are the basics

138
00:04:54.01 --> 00:04:55.07
of adding and subtracting shapes

139
00:04:55.07 --> 00:04:57.02
using the Shape Builder tool.

140
00:04:57.02 --> 00:04:59.00
In the next movie, I'll
show you how to get

141
00:04:59.00 --> 00:05:00.08
still better results.