1
00:00:00.04 --> 00:00:01.03
- [Voiceover] In this movie, I'll show you

2
00:00:01.03 --> 00:00:04.02
how you can transform
partial path outlines.

3
00:00:04.02 --> 00:00:07.00
So for example, you might
transform some anchor points

4
00:00:07.00 --> 00:00:10.01
independently of others
inside a single path outline,

5
00:00:10.01 --> 00:00:13.02
as we did the Shear
tool a few movies back.

6
00:00:13.02 --> 00:00:17.03
Or you can even transform
segments independently

7
00:00:17.03 --> 00:00:19.02
of their anchor points.

8
00:00:19.02 --> 00:00:20.00
And along the way,

9
00:00:20.00 --> 00:00:22.01
we're gonna transform these base elements

10
00:00:22.01 --> 00:00:25.03
into this fully realized invitation.

11
00:00:25.03 --> 00:00:27.04
And so I'm gonna go
ahead and zoom in to the

12
00:00:27.04 --> 00:00:29.03
upper left corner of this document

13
00:00:29.03 --> 00:00:32.05
which contains this gray
template in the background,

14
00:00:32.05 --> 00:00:36.04
as well as these couple of
blue objects right here.

15
00:00:36.04 --> 00:00:39.01
And then we also have an invisible circle.

16
00:00:39.01 --> 00:00:41.03
So notice when I hover over it,

17
00:00:41.03 --> 00:00:42.07
not only does it appear

18
00:00:42.07 --> 00:00:44.09
because I've got my
Smart Guides turned on,

19
00:00:44.09 --> 00:00:48.09
but I also see a little square
next to my arrow cursor.

20
00:00:48.09 --> 00:00:51.06
So I'm gonna go ahead
and select that object,

21
00:00:51.06 --> 00:00:53.08
and I'll give it a stroke as well

22
00:00:53.08 --> 00:00:55.07
by clicking on the second color swatch

23
00:00:55.07 --> 00:00:57.05
and setting it to black,

24
00:00:57.05 --> 00:00:59.03
just so we could see what we're doing.

25
00:00:59.03 --> 00:01:01.03
All right, now let's say I wanna transform

26
00:01:01.03 --> 00:01:03.04
these curved segments, all four of them,

27
00:01:03.04 --> 00:01:05.03
independently of the anchor points.

28
00:01:05.03 --> 00:01:06.07
Then the first thing I would do is to

29
00:01:06.07 --> 00:01:08.04
go up to the Select menu,

30
00:01:08.04 --> 00:01:12.00
choose Object, and then
choose Direction Handles,

31
00:01:12.00 --> 00:01:14.03
which is another word for Control Handles

32
00:01:14.03 --> 00:01:16.01
inside Illustrator.

33
00:01:16.01 --> 00:01:17.08
So go ahead and choose that command,

34
00:01:17.08 --> 00:01:21.00
and notice now that deselects
all the anchor points,

35
00:01:21.00 --> 00:01:22.05
and it selects the segments

36
00:01:22.05 --> 00:01:24.07
as indicated by the Control Handles.

37
00:01:24.07 --> 00:01:27.03
Now I want you to select the scale tool,

38
00:01:27.03 --> 00:01:29.03
and so if the share tool is active,

39
00:01:29.03 --> 00:01:30.08
go ahead and choose the Scale tool

40
00:01:30.08 --> 00:01:32.01
from that fly-out menu,

41
00:01:32.01 --> 00:01:33.09
or press the S key,

42
00:01:33.09 --> 00:01:36.09
and then move your cursor
to some diagonal position

43
00:01:36.09 --> 00:01:39.08
45 degrees from the transformation origin

44
00:01:39.08 --> 00:01:41.06
at the center of the shape.

45
00:01:41.06 --> 00:01:45.05
And then, either drag outward, like so,

46
00:01:45.05 --> 00:01:48.00
or you can drag inward.

47
00:01:48.00 --> 00:01:49.06
And I'm gonna go ahead and drag

48
00:01:49.06 --> 00:01:52.02
all the way inward like
so until the segments

49
00:01:52.02 --> 00:01:53.06
end up crossing each other,

50
00:01:53.06 --> 00:01:55.09
and I'm also gonna press the Shift key

51
00:01:55.09 --> 00:01:58.03
to constrain the proportions of the shape.

52
00:01:58.03 --> 00:02:00.05
And I'm having a few
problems with my Smart Guide

53
00:02:00.05 --> 00:02:02.00
snapping me to things,

54
00:02:02.00 --> 00:02:04.01
so I'm gonna take another try at this

55
00:02:04.01 --> 00:02:05.09
by zooming farther in,

56
00:02:05.09 --> 00:02:09.00
and then starting my drag a
little farther out, like so,

57
00:02:09.00 --> 00:02:10.09
and then moving in while I'm

58
00:02:10.09 --> 00:02:13.03
pressing the Shift key once again,

59
00:02:13.03 --> 00:02:15.02
until I match the curvature

60
00:02:15.02 --> 00:02:17.04
of those objects in the template,

61
00:02:17.04 --> 00:02:19.06
at which point I'll go ahead and release

62
00:02:19.06 --> 00:02:21.08
in order to create this effect here.

63
00:02:21.08 --> 00:02:23.09
All right, now I'm gonna
swap to fill in the stroke

64
00:02:23.09 --> 00:02:26.06
by pressing Shift X so
that the fill is black

65
00:02:26.06 --> 00:02:28.01
and we lose the stroke,

66
00:02:28.01 --> 00:02:30.05
and then I'll go ahead and press the V key

67
00:02:30.05 --> 00:02:32.06
in order to switch to
the black arrow tool,

68
00:02:32.06 --> 00:02:35.06
and I'll click on the shape
to select the entire thing.

69
00:02:35.06 --> 00:02:37.04
All right, now I'll
switch to the Rotate tool,

70
00:02:37.04 --> 00:02:40.00
which again, you can get
by pressing the R key,

71
00:02:40.00 --> 00:02:42.05
and I'll just go ahead
and press the Enter key,

72
00:02:42.05 --> 00:02:43.06
or the Return key on a Mac

73
00:02:43.06 --> 00:02:45.06
to bring up the Rotate dialogue box

74
00:02:45.06 --> 00:02:47.08
and I'll set the angle to 45 degrees

75
00:02:47.08 --> 00:02:50.02
and then I'll click the copy button

76
00:02:50.02 --> 00:02:52.02
in order to create a duplicate.

77
00:02:52.02 --> 00:02:54.06
And then, I'll switch
back to the Scale tool

78
00:02:54.06 --> 00:02:56.06
by pressing the S key,

79
00:02:56.06 --> 00:02:58.07
and I'm gonna drag from right about here

80
00:02:58.07 --> 00:03:02.00
again, diagonally from that origin point

81
00:03:02.00 --> 00:03:06.00
down and to the left in
order to reduce the size

82
00:03:06.00 --> 00:03:09.09
of this object so that I'm once
again matching the template.

83
00:03:09.09 --> 00:03:12.08
All right, now I wanna keep
all these outside petals,

84
00:03:12.08 --> 00:03:14.08
and I wanna lose the stuff on the inside.

85
00:03:14.08 --> 00:03:16.01
So I'll press the V key,

86
00:03:16.01 --> 00:03:18.02
once again to switch to
the black arrow tool.

87
00:03:18.02 --> 00:03:22.01
And I'll Shift click on this
deselected path right there.

88
00:03:22.01 --> 00:03:24.07
And then I'll click on the Pathfinder icon

89
00:03:24.07 --> 00:03:26.06
to bring up the Pathfinder panel,

90
00:03:26.06 --> 00:03:29.08
and I'll go ahead and click on Exclude

91
00:03:29.08 --> 00:03:32.05
in order to break up these shapes.

92
00:03:32.05 --> 00:03:34.00
And even though it
doesn't really look like

93
00:03:34.00 --> 00:03:36.02
I've broken 'em up, I have.

94
00:03:36.02 --> 00:03:38.03
And to demonstrate what that looks like,

95
00:03:38.03 --> 00:03:40.09
I'll go ahead and first ungroup this shape

96
00:03:40.09 --> 00:03:42.01
by going to the Object menu,

97
00:03:42.01 --> 00:03:43.09
and choosing the Ungroup command,

98
00:03:43.09 --> 00:03:45.08
or of course you can
press Control Shift G,

99
00:03:45.08 --> 00:03:47.05
or Command Shift G on the Mac.

100
00:03:47.05 --> 00:03:49.05
Then with my black arrow tool,

101
00:03:49.05 --> 00:03:53.03
I'll Shift click on each
one of these outer petals

102
00:03:53.03 --> 00:03:55.06
in order to deselect it.

103
00:03:55.06 --> 00:03:58.03
So you have to Shift
click on all eight of 'em.

104
00:03:58.03 --> 00:04:00.07
And then with this stuff in
the middle still selected,

105
00:04:00.07 --> 00:04:02.08
go ahead and press the Backspace key,

106
00:04:02.08 --> 00:04:04.09
or the Delete key on the
Mac to get rid of it.

107
00:04:04.09 --> 00:04:06.02
All right, now notice this

108
00:04:06.02 --> 00:04:08.00
sort of spirally shape right here.

109
00:04:08.00 --> 00:04:09.05
Go ahead and click on it,

110
00:04:09.05 --> 00:04:11.08
and you can click on its
bottom right anchor point

111
00:04:11.08 --> 00:04:13.05
if you want to, to select it.

112
00:04:13.05 --> 00:04:14.09
And then, let's bring it to the front

113
00:04:14.09 --> 00:04:17.09
by right clicking inside
the document window,

114
00:04:17.09 --> 00:04:18.08
choosing Arrange,

115
00:04:18.08 --> 00:04:20.04
and then choosing Bring to Front,

116
00:04:20.04 --> 00:04:22.02
or you've got that keyboard shortcut

117
00:04:22.02 --> 00:04:23.09
of Control Shift right bracket,

118
00:04:23.09 --> 00:04:26.00
Command Shift right bracket on the Mac.

119
00:04:26.00 --> 00:04:28.02
And now, I'm gonna change
the color of this thing

120
00:04:28.02 --> 00:04:30.08
to, let's say, bright yellow,

121
00:04:30.08 --> 00:04:33.06
which is not available anywhere
else inside the document,

122
00:04:33.06 --> 00:04:36.07
so it'll make it easy to
select this item later.

123
00:04:36.07 --> 00:04:38.06
All right, now I'm gonna press the R key

124
00:04:38.06 --> 00:04:40.09
to switch once again to the Rotate tool,

125
00:04:40.09 --> 00:04:42.07
and I will Alt, or Option click

126
00:04:42.07 --> 00:04:45.00
in the center of this circle,

127
00:04:45.00 --> 00:04:46.07
which is gonna be evident once again

128
00:04:46.07 --> 00:04:49.01
if you have your Smart Guides turned on.

129
00:04:49.01 --> 00:04:51.08
And this time I'm gonna
change the angle value

130
00:04:51.08 --> 00:04:53.01
to 90 degrees,

131
00:04:53.01 --> 00:04:54.06
and I'll click the Copy button

132
00:04:54.06 --> 00:04:56.07
in order to create a copy of that spiral.

133
00:04:56.07 --> 00:04:58.04
And then I'll press Control D,

134
00:04:58.04 --> 00:05:00.02
or Command D on the Mac a couple of times

135
00:05:00.02 --> 00:05:03.01
in order to duplicate those shapes.

136
00:05:03.01 --> 00:05:05.06
All right, now I wanna select
all the yellow spirals,

137
00:05:05.06 --> 00:05:07.05
so I'll go up here to the Control Panel,

138
00:05:07.05 --> 00:05:10.05
and I'll click the Select
Similar Objects icon

139
00:05:10.05 --> 00:05:13.00
in order to select all four.

140
00:05:13.00 --> 00:05:15.00
And then, because I now have symmetry,

141
00:05:15.00 --> 00:05:17.01
my transformation origin is right there

142
00:05:17.01 --> 00:05:18.04
in the middle of the circle.

143
00:05:18.04 --> 00:05:19.08
So I'll just press the Enter key,

144
00:05:19.08 --> 00:05:20.09
or the Return key on a Mac

145
00:05:20.09 --> 00:05:22.09
to bring up the Rotate dialogue box.

146
00:05:22.09 --> 00:05:25.02
I'll change the angle value to 45 degrees,

147
00:05:25.02 --> 00:05:27.05
and I'll click Copy in
order to create a copy

148
00:05:27.05 --> 00:05:28.06
of those shapes.

149
00:05:28.06 --> 00:05:29.09
Now I need to scale them

150
00:05:29.09 --> 00:05:32.02
to match the black
petals in the background,

151
00:05:32.02 --> 00:05:35.03
and so I'll go ahead and
select the Scale tool

152
00:05:35.03 --> 00:05:36.07
by pressing the S key,

153
00:05:36.07 --> 00:05:38.01
and then I'll press the Enter key,

154
00:05:38.01 --> 00:05:39.04
or the Return key on the Mac

155
00:05:39.04 --> 00:05:41.00
to bring up the Scale dialogue box,

156
00:05:41.00 --> 00:05:43.04
which is gonna automatically replay

157
00:05:43.04 --> 00:05:44.08
my last scaling.

158
00:05:44.08 --> 00:05:47.05
And as a result, I'm
gonna get an exact match,

159
00:05:47.05 --> 00:05:49.08
at which point I'll just
go ahead and click Copy

160
00:05:49.08 --> 00:05:51.06
to accept that change.

161
00:05:51.06 --> 00:05:53.05
All right, now I'm gonna press the V key

162
00:05:53.05 --> 00:05:54.07
to switch to my black arrow tool,

163
00:05:54.07 --> 00:05:57.00
and I'll just go ahead and
marquee all these shapes,

164
00:05:57.00 --> 00:05:58.07
or at least partially marquee them,

165
00:05:58.07 --> 00:06:01.00
and then I'll Shift marquee these guys

166
00:06:01.00 --> 00:06:02.05
in order to deselect them.

167
00:06:02.05 --> 00:06:04.02
So I don't want the circle selected,

168
00:06:04.02 --> 00:06:06.09
but I do want everything
else to be selected.

169
00:06:06.09 --> 00:06:09.09
Now I wanna subtract all
of the yellow spirals

170
00:06:09.09 --> 00:06:11.04
from the black petals.

171
00:06:11.04 --> 00:06:12.07
And I'm gonna do that by bringing up

172
00:06:12.07 --> 00:06:14.04
the Pathfinder panel once again,

173
00:06:14.04 --> 00:06:17.06
and clicking on one of those Pathfinders

174
00:06:17.06 --> 00:06:20.01
that I maligned back in Chapter 17,

175
00:06:20.01 --> 00:06:21.07
which is Trim.

176
00:06:21.07 --> 00:06:23.03
I have so much apologizing to do,

177
00:06:23.03 --> 00:06:25.06
because notice, when I click on Trim,

178
00:06:25.06 --> 00:06:28.01
I get the exact effect I'm looking for.

179
00:06:28.01 --> 00:06:30.06
Which is to say, I go ahead and trim

180
00:06:30.06 --> 00:06:34.05
all of those yellow spirals
away from the black petals.

181
00:06:34.05 --> 00:06:36.08
And now all I have to
do is ungroup the shape,

182
00:06:36.08 --> 00:06:38.06
of course by going to the Object menu

183
00:06:38.06 --> 00:06:40.08
and choosing the Ungroup command,

184
00:06:40.08 --> 00:06:43.02
and then I'll click off the
shapes to deselect them,

185
00:06:43.02 --> 00:06:45.03
I'll click on one of the yellow spirals,

186
00:06:45.03 --> 00:06:47.06
I'll click on the Select
Similar Objects icon

187
00:06:47.06 --> 00:06:50.00
over here on the right
side of the Control Panel,

188
00:06:50.00 --> 00:06:51.07
and then I'll press the Backspace key or

189
00:06:51.07 --> 00:06:52.08
the Delete key on the Mac

190
00:06:52.08 --> 00:06:54.03
to get rid of those guys.

191
00:06:54.03 --> 00:06:57.00
Now I'll click on one of the
black shapes that's left over,

192
00:06:57.00 --> 00:06:59.08
I'll click the Select
Similar Objects icon,

193
00:06:59.08 --> 00:07:02.08
and then I'll switch to my Eyedropper,

194
00:07:02.08 --> 00:07:05.03
which I can get by pressing the I key,

195
00:07:05.03 --> 00:07:07.06
and then I'll just go ahead
and click on this circle

196
00:07:07.06 --> 00:07:09.05
in order to fill the selected shapes

197
00:07:09.05 --> 00:07:11.06
with that same shade of blue.

198
00:07:11.06 --> 00:07:13.04
All right, now I'll just
go ahead and zoom out,

199
00:07:13.04 --> 00:07:15.05
and I'll switch back to
the black arrow tool,

200
00:07:15.05 --> 00:07:17.05
click off the shapes to deselect them,

201
00:07:17.05 --> 00:07:21.00
and I will turn off that template layer.

202
00:07:21.00 --> 00:07:22.09
All right, so that's at least one way

203
00:07:22.09 --> 00:07:25.02
to transform partial path outlines,

204
00:07:25.02 --> 00:07:27.05
that is to say, round segments

205
00:07:27.05 --> 00:07:29.05
independently of their anchor points,

206
00:07:29.05 --> 00:07:31.01
as well as a great use for the

207
00:07:31.01 --> 00:07:34.03
previously maligned
pathfinder operation Trim

208
00:07:34.03 --> 00:07:36.09
here inside Illustrator.

