1
00:00:00.03 --> 00:00:02.01
- [Voiceover] In this
movie, we're going to unite

2
00:00:02.01 --> 00:00:04.07
our various primitive
shapes in order to create

3
00:00:04.07 --> 00:00:07.08
these two custom J-shaped
paths right here.

4
00:00:07.08 --> 00:00:10.00
And then we'll do a
little bit of rotating,

5
00:00:10.00 --> 00:00:13.09
in order to begin the process
of creating this star logo.

6
00:00:13.09 --> 00:00:16.03
And so the first thing we
want to do is switch to the

7
00:00:16.03 --> 00:00:18.09
white arrow tool, by pressing the A key,

8
00:00:18.09 --> 00:00:22.04
and then I'll go ahead
and marquee between these

9
00:00:22.04 --> 00:00:24.07
two rectangles like so, all the way

10
00:00:24.07 --> 00:00:26.08
to the top of the smallest circle.

11
00:00:26.08 --> 00:00:29.06
And so you should end
up selecting these four

12
00:00:29.06 --> 00:00:31.05
anchor points right here, which represent

13
00:00:31.05 --> 00:00:34.01
the top points in each one of the circles.

14
00:00:34.01 --> 00:00:36.02
Then press the backspace
key, or the delete

15
00:00:36.02 --> 00:00:38.00
key on a Mac, to get rid of them.

16
00:00:38.00 --> 00:00:41.02
Alright, now, in order to
better see what's going on here,

17
00:00:41.02 --> 00:00:42.06
I'm going to press the V key to

18
00:00:42.06 --> 00:00:44.03
switch to my black arrow tool.

19
00:00:44.03 --> 00:00:46.09
I'll go ahead and marquee
the rectangles right there,

20
00:00:46.09 --> 00:00:49.05
and I'm going to hide them by
going up to the object menu,

21
00:00:49.05 --> 00:00:51.09
choosing hide, and then choose selection,

22
00:00:51.09 --> 00:00:54.06
or you have that keyboard
shortcut of control three,

23
00:00:54.06 --> 00:00:56.04
or command three on a Mac.

24
00:00:56.04 --> 00:01:00.02
Then, go ahead and marquee
these two innermost half circles

25
00:01:00.02 --> 00:01:03.09
right there, just those two,
and then you want to join them

26
00:01:03.09 --> 00:01:07.00
by either going up to the
Object menu, choosing Path,

27
00:01:07.00 --> 00:01:09.06
and choosing Join, or much more easily,

28
00:01:09.06 --> 00:01:11.02
you have that keyboard shortcut of

29
00:01:11.02 --> 00:01:14.09
control J on the PC, or
command J on the Mac.

30
00:01:14.09 --> 00:01:17.03
And notice that goes ahead
and draws one segment

31
00:01:17.03 --> 00:01:20.01
between the two paths,
so we've now joined two

32
00:01:20.01 --> 00:01:22.03
open paths into a single open path.

33
00:01:22.03 --> 00:01:24.07
To join the open path into a closed one,

34
00:01:24.07 --> 00:01:26.06
just go ahead and press control J,

35
00:01:26.06 --> 00:01:28.07
or command J on a Mac again.

36
00:01:28.07 --> 00:01:31.01
Now we need to do the
same thing with these

37
00:01:31.01 --> 00:01:33.09
outermost half circles,
so go ahead and partially

38
00:01:33.09 --> 00:01:35.09
marquee them and press control J

39
00:01:35.09 --> 00:01:39.02
or command J on a Mac two times in a row.

40
00:01:39.02 --> 00:01:41.04
Alright, now we need to
bring back the rectangles,

41
00:01:41.04 --> 00:01:44.05
so go up to the Object
menu, and choose Show All.

42
00:01:44.05 --> 00:01:48.03
And then what we need to do
is marquee these two paths

43
00:01:48.03 --> 00:01:50.07
right there, the rectangle
and the half circle

44
00:01:50.07 --> 00:01:52.04
and then go ahead and shift click on

45
00:01:52.04 --> 00:01:54.05
this guy, so that everything associated

46
00:01:54.05 --> 00:01:57.02
with the outermost J is selected.

47
00:01:57.02 --> 00:02:00.05
Then go up to the Window
menu, and choose Pathfinder,

48
00:02:00.05 --> 00:02:03.02
to bring up the Pathfinder
panel, and click on this

49
00:02:03.02 --> 00:02:06.04
very first icon, which represents Unite,

50
00:02:06.04 --> 00:02:08.03
and that's going to fuse those three

51
00:02:08.03 --> 00:02:11.00
closed paths into one big one.

52
00:02:11.00 --> 00:02:13.09
Now, you can either marquee
the three innermost paths

53
00:02:13.09 --> 00:02:16.01
or you can go up to the Select menu and

54
00:02:16.01 --> 00:02:18.04
choose the Inverse command, in order to

55
00:02:18.04 --> 00:02:20.04
reverse this selection like so.

56
00:02:20.04 --> 00:02:22.09
And then, go ahead and
once again click on Unite,

57
00:02:22.09 --> 00:02:25.04
or you can take advantage
of that keyboard shortcut

58
00:02:25.04 --> 00:02:28.02
that we discussed back
in chapter 17, which is

59
00:02:28.02 --> 00:02:31.08
control 4, or command 4 on a Mac.

60
00:02:31.08 --> 00:02:34.02
Alright, I'm going to go ahead
and hide the Pathfinder panel

61
00:02:34.02 --> 00:02:36.08
because now we need to color
these shapes, by going up here

62
00:02:36.08 --> 00:02:38.08
to the first swatch in the control panel.

63
00:02:38.08 --> 00:02:41.03
And then I went with this
shade of purple right here,

64
00:02:41.03 --> 00:02:44.00
the one that begins
with R147, but of course

65
00:02:44.00 --> 00:02:47.05
you can select any color scheme you like.

66
00:02:47.05 --> 00:02:50.05
And next I'll go ahead and click
on the outermost shape here

67
00:02:50.05 --> 00:02:53.05
and change its fill to this bright shade

68
00:02:53.05 --> 00:02:56.04
of green, which begins with R=140.

69
00:02:56.04 --> 00:02:59.01
Alright, at this point, we
no longer need the strokes,

70
00:02:59.01 --> 00:03:02.02
so I'll just marquee both
the shapes, and click on

71
00:03:02.02 --> 00:03:05.02
the stroke swatch right
here, and change it to none.

72
00:03:05.02 --> 00:03:08.02
Alright, now I want to begin
the creation of the star logo.

73
00:03:08.02 --> 00:03:11.05
So I'll go ahead and drag
by this top anchor point

74
00:03:11.05 --> 00:03:14.04
right up here, all the way down
while pressing the shift key

75
00:03:14.04 --> 00:03:17.01
so then constraining the
angle of my drag to exactly

76
00:03:17.01 --> 00:03:19.03
vertical, until I snap into alignment

77
00:03:19.03 --> 00:03:20.09
with the horiztonal guideline.

78
00:03:20.09 --> 00:03:23.01
And if you're working along
with me, you should see

79
00:03:23.01 --> 00:03:28.05
a DY value of 225 points there
in that head's up display.

80
00:03:28.05 --> 00:03:30.01
Alright, now this guy's obviously

81
00:03:30.01 --> 00:03:32.00
a little to big to fit on the artboard.

82
00:03:32.00 --> 00:03:34.07
So I'll go ahead and
switch to the scale tool.

83
00:03:34.07 --> 00:03:37.00
Once again, you can get
it by pressing the S key.

84
00:03:37.00 --> 00:03:39.06
And you want the transformation
origin to be right here,

85
00:03:39.06 --> 00:03:42.01
at the intersection of
these two guidelines,

86
00:03:42.01 --> 00:03:44.04
so go ahead and alt, or option click,

87
00:03:44.04 --> 00:03:46.07
to bring up the scale dialogue box.

88
00:03:46.07 --> 00:03:48.07
And you can see I've already
done this in advance.

89
00:03:48.07 --> 00:03:51.05
I've set the uniform
value to 80%, that's it,

90
00:03:51.05 --> 00:03:53.08
at which point just go
ahead and click copy,

91
00:03:53.08 --> 00:03:55.06
in order to accept that change.

92
00:03:55.06 --> 00:03:59.00
Alright, now we need to
rotate a copy of these shapes,

93
00:03:59.00 --> 00:04:00.09
by switching to the rotate tool.

94
00:04:00.09 --> 00:04:03.02
Again, you can get it
by pressing the R key.

95
00:04:03.02 --> 00:04:06.01
And then go ahead and alt
or option click at that

96
00:04:06.01 --> 00:04:09.08
same transformation origin,
even though, by the way,

97
00:04:09.08 --> 00:04:12.08
each one of the transform
tools will go ahead and share

98
00:04:12.08 --> 00:04:15.08
the origin point from the last used tool.

99
00:04:15.08 --> 00:04:18.08
Problem is, if I were to
just press the enter key,

100
00:04:18.08 --> 00:04:21.02
or the return key on the
Mac, notice that shifts

101
00:04:21.02 --> 00:04:23.01
that transformation origin to a new

102
00:04:23.01 --> 00:04:25.01
position, which is not what we want.

103
00:04:25.01 --> 00:04:26.07
So, I'll go ahead and cancel out.

104
00:04:26.07 --> 00:04:29.05
And then I'll alt or option
click right there at the

105
00:04:29.05 --> 00:04:33.01
intersection of those two
guidelines, to bring up

106
00:04:33.01 --> 00:04:35.07
the rotate dialogue box but place

107
00:04:35.07 --> 00:04:38.00
the transformation origin right there.

108
00:04:38.00 --> 00:04:40.02
And now I need to figure out the angle.

109
00:04:40.02 --> 00:04:43.00
Well I know that a full
circle is 360 degrees,

110
00:04:43.00 --> 00:04:45.09
and I'm looking for
five points on my star.

111
00:04:45.09 --> 00:04:48.03
So I'll just go ahead
and enter slash five,

112
00:04:48.03 --> 00:04:51.07
and press the tab key to
have Illustrator do the math

113
00:04:51.07 --> 00:04:54.06
for me, which ends up being 72 degrees.

114
00:04:54.06 --> 00:04:57.01
At which point, I'll
click copy, in order to

115
00:04:57.01 --> 00:04:58.09
create a copy of those shapes.

116
00:04:58.09 --> 00:05:00.08
Alright, now these things aren't going

117
00:05:00.08 --> 00:05:03.07
to look right together,
because they need to be angled.

118
00:05:03.07 --> 00:05:05.05
Basically, we need to hack off the

119
00:05:05.05 --> 00:05:07.08
edges of these shapes right here.

120
00:05:07.08 --> 00:05:10.08
So, what I'm going to do,
just to make things as obvious

121
00:05:10.08 --> 00:05:13.04
as possible, is I'm
going to press the V key,

122
00:05:13.04 --> 00:05:16.06
in order to switch to the black
arrow tool, and I'll click

123
00:05:16.06 --> 00:05:19.04
on this rearmost green shape,
and I'll just change its

124
00:05:19.04 --> 00:05:22.04
color to make it stand
out, to let's say, orange.

125
00:05:22.04 --> 00:05:23.08
It really doesn't matter.

126
00:05:23.08 --> 00:05:26.08
And then what you want to
do is shift click on the

127
00:05:26.08 --> 00:05:29.00
green shape to select it as well,

128
00:05:29.00 --> 00:05:32.03
and now return to the
Pathfinder panel, and this time,

129
00:05:32.03 --> 00:05:35.09
you wanna click on this
final icon, minus back,

130
00:05:35.09 --> 00:05:39.00
to subtract the orange
shape from the green one.

131
00:05:39.00 --> 00:05:41.06
And we end up with this effect right here.

132
00:05:41.06 --> 00:05:44.03
Because we slice through the
path, we end up with a group.

133
00:05:44.03 --> 00:05:47.05
And so, to get rid of that,
go up to the Object menu,

134
00:05:47.05 --> 00:05:49.09
and choose the Ungroup
command, or of course you can

135
00:05:49.09 --> 00:05:52.06
press control shift G, or
command shift G on a Mac.

136
00:05:52.06 --> 00:05:54.09
And then shift click on
this guy to deselect him.

137
00:05:54.09 --> 00:05:57.03
That will leave this one
selected so that you can

138
00:05:57.03 --> 00:05:58.07
press the backspace key, or the

139
00:05:58.07 --> 00:06:01.00
delete key on the Mac, to get rid of it.

140
00:06:01.00 --> 00:06:03.03
Now, I believe I've made a tragic mistake,

141
00:06:03.03 --> 00:06:08.04
because I meant to copy that
shape, before I lopped it off.

142
00:06:08.04 --> 00:06:10.06
So, what I'm going to
have to do to bring this

143
00:06:10.06 --> 00:06:12.09
guy back is rotate him back into place.

144
00:06:12.09 --> 00:06:14.08
But that's no problem, so I'll just select

145
00:06:14.08 --> 00:06:17.04
the big green path,
and then, I will select

146
00:06:17.04 --> 00:06:20.01
the rotate tool, and
I'll alt or option click

147
00:06:20.01 --> 00:06:22.04
at the intersection of
those two guidelines

148
00:06:22.04 --> 00:06:27.00
and I will just change
the 72 to a negative 72.

149
00:06:27.00 --> 00:06:28.06
And I'll click on the copy button,

150
00:06:28.06 --> 00:06:30.01
better do it right this time,

151
00:06:30.01 --> 00:06:32.02
in order to create a copy of that shape.

152
00:06:32.02 --> 00:06:34.00
Alright, notice it goes up too high.

153
00:06:34.00 --> 00:06:36.05
So what I'm going to need
to do is press the A key

154
00:06:36.05 --> 00:06:39.01
to switch to the white arrow
tool, click off the path

155
00:06:39.01 --> 00:06:42.02
outline to deselect it,
then just click on its top,

156
00:06:42.02 --> 00:06:45.02
right there, to select that
top segment, independently

157
00:06:45.02 --> 00:06:48.01
of the rest of the path, and
drag it down while pressing

158
00:06:48.01 --> 00:06:49.06
the shift key to constrain the

159
00:06:49.06 --> 00:06:52.01
angle of the drag to exactly vertical.

160
00:06:52.01 --> 00:06:54.08
Now, press the V key to switch
back to the black arrow tool,

161
00:06:54.08 --> 00:06:58.03
marquee these two shapes, and
this time, we want this icon

162
00:06:58.03 --> 00:07:01.05
minus front, in order
to cut the front shape

163
00:07:01.05 --> 00:07:04.06
out of the rear one, and we
end up with this effect here.

164
00:07:04.06 --> 00:07:06.08
Alright, now I'll just zoom out here.

165
00:07:06.08 --> 00:07:08.09
I'll click on this
purple shape right there,

166
00:07:08.09 --> 00:07:10.04
we no longer need it anymore

167
00:07:10.04 --> 00:07:12.00
because it's not shaped correctly.

168
00:07:12.00 --> 00:07:14.04
And I'll press the
backspace key, or delete key

169
00:07:14.04 --> 00:07:17.00
to get rid of it, and then I'll
marquee both of these guys,

170
00:07:17.00 --> 00:07:20.00
press the R key to switch
to the rotate tool,

171
00:07:20.00 --> 00:07:22.06
alt or option click at the intersection

172
00:07:22.06 --> 00:07:25.01
of those two guidelines,
make sure the angle

173
00:07:25.01 --> 00:07:28.00
still reads negative 72
degrees, and click copy.

174
00:07:28.00 --> 00:07:31.04
And we now have shapes that fit together.

175
00:07:31.04 --> 00:07:34.02
Or, at least, they mostly fit together.

176
00:07:34.02 --> 00:07:36.07
So these edges over here are fitting.

177
00:07:36.07 --> 00:07:39.03
However, the top edges aren't.

178
00:07:39.03 --> 00:07:41.08
So what I need to do is
modify those top edges.

179
00:07:41.08 --> 00:07:44.07
And I'm gonna do that
using the shear tool,

180
00:07:44.07 --> 00:07:48.08
which I will introduce
you to in the next movie.

