1
00:00:00.04 --> 00:00:01.03
- [Voiceover] In this movie,

2
00:00:01.03 --> 00:00:02.08
I'll demonstrate how the scale tool,

3
00:00:02.08 --> 00:00:03.07
along with the other

4
00:00:03.07 --> 00:00:05.06
old school transformation tools,

5
00:00:05.06 --> 00:00:09.05
allow you to uniquely
set the origin point,

6
00:00:09.05 --> 00:00:12.03
which is the center of the transformation.

7
00:00:12.03 --> 00:00:14.04
So, to give you a sense of what I mean,

8
00:00:14.04 --> 00:00:17.01
I'll go ahead and select
the dynamic object here.

9
00:00:17.01 --> 00:00:19.05
And then, here inside
the Appearance panel,

10
00:00:19.05 --> 00:00:21.03
I'll click on the word Transform

11
00:00:21.03 --> 00:00:23.03
in order to bring up the Transform Effect

12
00:00:23.03 --> 00:00:24.06
dialogue box.

13
00:00:24.06 --> 00:00:27.02
And notice if I turn on
the Preview check box,

14
00:00:27.02 --> 00:00:30.07
we are currently transforming the shape

15
00:00:30.07 --> 00:00:32.01
about its center point,

16
00:00:32.01 --> 00:00:33.01
as indicated by

17
00:00:33.01 --> 00:00:35.09
this little reference
point matrix right there.

18
00:00:35.09 --> 00:00:37.05
But I can change that if I want to.

19
00:00:37.05 --> 00:00:40.01
I can transform with respect to a side,

20
00:00:40.01 --> 00:00:41.00
like so, or,

21
00:00:41.00 --> 00:00:43.05
either the top or the bottom.

22
00:00:43.05 --> 00:00:45.09
Or I could select one of the corners.

23
00:00:45.09 --> 00:00:46.07
But that's it,

24
00:00:46.07 --> 00:00:48.02
that's all the control I have.

25
00:00:48.02 --> 00:00:51.01
Otherwise, If I wanna
scoot that point elsewhere,

26
00:00:51.01 --> 00:00:53.07
then I would need to
invoke these Move values.

27
00:00:53.07 --> 00:00:54.06
For example, I could set

28
00:00:54.06 --> 00:00:56.07
the horizontal value to negative 10,

29
00:00:56.07 --> 00:00:59.02
and the vertical value
to negative 10 as well,

30
00:00:59.02 --> 00:01:02.03
in order to scoot that
guy up a little bit.

31
00:01:02.03 --> 00:01:04.00
At which point, I'll go ahead and click OK

32
00:01:04.00 --> 00:01:05.06
to accept that change.

33
00:01:05.06 --> 00:01:08.04
Compare that to the
behavior of the Scale tool.

34
00:01:08.04 --> 00:01:10.01
I'll go ahead and click
on the static shape,

35
00:01:10.01 --> 00:01:11.03
in order to select it,

36
00:01:11.03 --> 00:01:13.00
and then I'll switch to the Scale tool.

37
00:01:13.00 --> 00:01:14.02
Once again, you can do so

38
00:01:14.02 --> 00:01:16.04
by pressing the S key if you like.

39
00:01:16.04 --> 00:01:20.05
And, notice right there, that
we have this little target,

40
00:01:20.05 --> 00:01:22.04
can you see that right
there in the center?

41
00:01:22.04 --> 00:01:25.08
And that indicates the
default transformation origin,

42
00:01:25.08 --> 00:01:28.05
which only starts out in
the center of the shape.

43
00:01:28.05 --> 00:01:30.00
And so there's a couple of ways now

44
00:01:30.00 --> 00:01:32.02
that I can use the scale tool, that is

45
00:01:32.02 --> 00:01:35.06
actually drag with it,
inside the document window.

46
00:01:35.06 --> 00:01:37.04
The first way is exactly that:

47
00:01:37.04 --> 00:01:39.00
I could just begin dragging,

48
00:01:39.00 --> 00:01:41.06
and in order to make the
best use of this tool,

49
00:01:41.06 --> 00:01:44.06
you wanna start 45 degrees away

50
00:01:44.06 --> 00:01:47.00
from the transformation origin.

51
00:01:47.00 --> 00:01:48.08
So you wanna move up and to the left,

52
00:01:48.08 --> 00:01:51.06
for example, and you wanna
move pretty far away,

53
00:01:51.06 --> 00:01:53.04
and I'll demonstrate why in a moment.

54
00:01:53.04 --> 00:01:55.09
But, I'm gonna start up left, like so,

55
00:01:55.09 --> 00:01:57.08
and then, I'll begin dragging.

56
00:01:57.08 --> 00:02:00.05
And notice, if you drag toward the origin,

57
00:02:00.05 --> 00:02:02.05
you're gonna make the shape smaller,

58
00:02:02.05 --> 00:02:04.09
and if you drag away from origin,

59
00:02:04.09 --> 00:02:06.07
you're gonna make it larger.

60
00:02:06.07 --> 00:02:08.02
And of course you can
squish it if you want,

61
00:02:08.02 --> 00:02:11.02
or make it taller, it's
entirely up to you.

62
00:02:11.02 --> 00:02:12.08
But it's always a good idea

63
00:02:12.08 --> 00:02:15.01
to begin dragging 45 degrees,

64
00:02:15.01 --> 00:02:17.01
in any direction, by the way,

65
00:02:17.01 --> 00:02:19.00
it could be 45 degrees over here,

66
00:02:19.00 --> 00:02:19.09
or over here,

67
00:02:19.09 --> 00:02:20.09
doesn't matter.

68
00:02:20.09 --> 00:02:22.05
And you wanna stay pretty far away

69
00:02:22.05 --> 00:02:23.08
from that origin point,

70
00:02:23.08 --> 00:02:24.06
because notice,

71
00:02:24.06 --> 00:02:27.00
if I'm close in, like so,

72
00:02:27.00 --> 00:02:29.03
and I'm not really 45 degrees away,

73
00:02:29.03 --> 00:02:32.00
then I'm gonna make huge differences

74
00:02:32.00 --> 00:02:35.03
very rapidly, so tiny
movements of my mouse

75
00:02:35.03 --> 00:02:38.07
are gonna have a big impact on this shape.

76
00:02:38.07 --> 00:02:39.08
You also have the option

77
00:02:39.08 --> 00:02:43.00
of constraining the
proportions as you drag.

78
00:02:43.00 --> 00:02:45.00
And you do that by dragging,

79
00:02:45.00 --> 00:02:46.03
as I was doing before,

80
00:02:46.03 --> 00:02:48.02
and then while you're dragging,

81
00:02:48.02 --> 00:02:50.08
go ahead and press and hold the Shift key,

82
00:02:50.08 --> 00:02:52.07
and that will constrain the proportions.

83
00:02:52.07 --> 00:02:54.02
The other thing you can do

84
00:02:54.02 --> 00:02:55.03
with the Shift key,

85
00:02:55.03 --> 00:02:58.02
is you can begin dragging horizontally,

86
00:02:58.02 --> 00:03:00.07
that is, from the origin point like so,

87
00:03:00.07 --> 00:03:02.05
and then, press the Shift key

88
00:03:02.05 --> 00:03:04.03
in order to constrain your scale

89
00:03:04.03 --> 00:03:06.02
to exclusively horizontal

90
00:03:06.02 --> 00:03:08.01
as you're seeing me do right now.

91
00:03:08.01 --> 00:03:09.07
Or you can start above,

92
00:03:09.07 --> 00:03:12.01
and drag while pressing the Shift key

93
00:03:12.01 --> 00:03:13.05
to constrain your scale

94
00:03:13.05 --> 00:03:16.00
to exclusively vertical.

95
00:03:16.00 --> 00:03:18.02
The thing is, in every one of these cases,

96
00:03:18.02 --> 00:03:21.06
we're just accepting that
default transformation origin,

97
00:03:21.06 --> 00:03:23.08
right there in the center of the shape.

98
00:03:23.08 --> 00:03:25.02
Now you don't have to work that way.

99
00:03:25.02 --> 00:03:27.00
If you wanna move the origin,

100
00:03:27.00 --> 00:03:28.06
then don't begin dragging.

101
00:03:28.06 --> 00:03:30.03
Click instead.

102
00:03:30.03 --> 00:03:31.04
So let's say I wanna scale

103
00:03:31.04 --> 00:03:32.09
with respect to the intersection

104
00:03:32.09 --> 00:03:34.04
of the two center guides,

105
00:03:34.04 --> 00:03:36.06
I'll go ahead and click right there,

106
00:03:36.06 --> 00:03:39.05
and that moves my target to this location.

107
00:03:39.05 --> 00:03:41.00
It's a little bit hard to see,

108
00:03:41.00 --> 00:03:42.00
but there it is,

109
00:03:42.00 --> 00:03:43.03
after which point,

110
00:03:43.03 --> 00:03:45.00
I would move my cursor once again,

111
00:03:45.00 --> 00:03:48.00
45 degrees away from that origin point.

112
00:03:48.00 --> 00:03:49.01
Not the shape itself,

113
00:03:49.01 --> 00:03:50.04
but rather the origin.

114
00:03:50.04 --> 00:03:52.09
And then, I would begin dragging,

115
00:03:52.09 --> 00:03:54.01
and in this case,

116
00:03:54.01 --> 00:03:55.05
I'm pressing the Shift key

117
00:03:55.05 --> 00:03:57.06
as I drag toward the origin.

118
00:03:57.06 --> 00:03:59.07
And notice that it's gonna
make the shape smaller.

119
00:03:59.07 --> 00:04:01.04
At some point, I'm gonna flip it

120
00:04:01.04 --> 00:04:04.02
as soon as I move past the origin point.

121
00:04:04.02 --> 00:04:05.04
If I don't want that to happen,

122
00:04:05.04 --> 00:04:07.00
then I need to stay on this side.

123
00:04:07.00 --> 00:04:09.05
Or of course, I could
make the shape bigger,

124
00:04:09.05 --> 00:04:10.07
and in this case,

125
00:04:10.07 --> 00:04:13.07
I'm making it exclusively
horizontally bigger,

126
00:04:13.07 --> 00:04:14.09
that happens sometimes

127
00:04:14.09 --> 00:04:16.04
when you have the Shift key down.

128
00:04:16.04 --> 00:04:18.08
If you'd rather it was
proportionally larger,

129
00:04:18.08 --> 00:04:20.07
then I just need to move my cursor

130
00:04:20.07 --> 00:04:22.05
up a little bit like so.

131
00:04:22.05 --> 00:04:24.09
And because I have my
Smart Guides turned on,

132
00:04:24.09 --> 00:04:27.02
I can see the degree to which I'm scaling

133
00:04:27.02 --> 00:04:30.03
the shape in that heads up display.

134
00:04:30.03 --> 00:04:31.04
Alright this time I'm gonna click

135
00:04:31.04 --> 00:04:33.06
to set the origin right about there.

136
00:04:33.06 --> 00:04:34.05
And by the way,

137
00:04:34.05 --> 00:04:35.08
if you change your mind,

138
00:04:35.08 --> 00:04:38.01
and you wanna move it
to a different location,

139
00:04:38.01 --> 00:04:39.07
then you can just drag it around

140
00:04:39.07 --> 00:04:41.07
as you're seeing me do now.

141
00:04:41.07 --> 00:04:43.09
Alright another option
that's available to you,

142
00:04:43.09 --> 00:04:45.04
is to duplicate the shape

143
00:04:45.04 --> 00:04:46.08
as you scale it.

144
00:04:46.08 --> 00:04:48.01
And you do that by

145
00:04:48.01 --> 00:04:51.00
once again, dragging from 45 degrees away,

146
00:04:51.00 --> 00:04:53.00
just for the most control, once again,

147
00:04:53.00 --> 00:04:55.05
and in my case of making
the shape smaller.

148
00:04:55.05 --> 00:04:57.07
And then, you press and hold the Alt key,

149
00:04:57.07 --> 00:04:59.05
or the Option key on the Mac,

150
00:04:59.05 --> 00:05:00.06
at which point you'll see

151
00:05:00.06 --> 00:05:02.01
that double arrowhead cursor,

152
00:05:02.01 --> 00:05:04.02
which is showing you that
you're gonna make a duplicate.

153
00:05:04.02 --> 00:05:05.05
If you want the duplicate

154
00:05:05.05 --> 00:05:07.01
to be scaled proportionately,

155
00:05:07.01 --> 00:05:09.08
then press and hold the Shift key as well.

156
00:05:09.08 --> 00:05:12.03
So I currently have both
the Shift and Alt keys down.

157
00:05:12.03 --> 00:05:16.01
That would be the Shift and
Option keys down on the Mac.

158
00:05:16.01 --> 00:05:17.08
And notice that new shape

159
00:05:17.08 --> 00:05:20.08
appears in front of the old one.

160
00:05:20.08 --> 00:05:22.01
That's just something to bear in mind.

161
00:05:22.01 --> 00:05:23.05
Compare that, by the way,

162
00:05:23.05 --> 00:05:26.09
with the behavior of a
dynamic transformation.

163
00:05:26.09 --> 00:05:28.07
If I go ahead and click on this guy,

164
00:05:28.07 --> 00:05:30.02
in order to select him,

165
00:05:30.02 --> 00:05:31.02
and of course, there he is

166
00:05:31.02 --> 00:05:33.01
in a different spot than I anticipated.

167
00:05:33.01 --> 00:05:34.01
But now I'll go ahead and click

168
00:05:34.01 --> 00:05:36.06
on the word Transform
inside the Appearance panel.

169
00:05:36.06 --> 00:05:38.04
If I turn on the Preview check box,

170
00:05:38.04 --> 00:05:41.03
and make copies of the shape like so,

171
00:05:41.03 --> 00:05:43.05
you can see that the copies appear

172
00:05:43.05 --> 00:05:45.09
in back of the original.

173
00:05:45.09 --> 00:05:47.04
And to make that even more clear,

174
00:05:47.04 --> 00:05:49.08
I'll switch the origin point to the center

175
00:05:49.08 --> 00:05:52.01
of this little reference point matrix.

176
00:05:52.01 --> 00:05:54.03
So in other words it's
exactly the opposite,

177
00:05:54.03 --> 00:05:56.04
Transform puts the copies in back,

178
00:05:56.04 --> 00:05:59.03
whereas the Scale tool
puts the copies in front.

179
00:05:59.03 --> 00:06:00.08
But because they're static shapes,

180
00:06:00.08 --> 00:06:03.08
you can change the stacking
order to any extent you like,

181
00:06:03.08 --> 00:06:06.03
just by right clicking
in the document window,

182
00:06:06.03 --> 00:06:07.04
choosing Arrange,

183
00:06:07.04 --> 00:06:10.05
and in my case, for example,
choosing Send to Back.

184
00:06:10.05 --> 00:06:12.06
Alright there's just one
more trick you should know.

185
00:06:12.06 --> 00:06:14.00
I'll go ahead and select this shape

186
00:06:14.00 --> 00:06:15.02
with my black arrow tool.

187
00:06:15.02 --> 00:06:17.02
Then I'll switch back to the Scale tool.

188
00:06:17.02 --> 00:06:19.07
You can also set the origin point,

189
00:06:19.07 --> 00:06:22.02
and bring up the Scale Dialogue box

190
00:06:22.02 --> 00:06:24.06
by pressing the Alt key here on the PC,

191
00:06:24.06 --> 00:06:25.09
or the Option key on the Mac.

192
00:06:25.09 --> 00:06:27.04
And notice what happens.

193
00:06:27.04 --> 00:06:30.00
Your cursor goes from being
a standard cross cursor,

194
00:06:30.00 --> 00:06:33.05
to being a cross with three dots after it.

195
00:06:33.05 --> 00:06:34.06
And that tells you that you're gonna

196
00:06:34.06 --> 00:06:36.01
bring up a dialogue box.

197
00:06:36.01 --> 00:06:38.05
So just go ahead and Alt click in order to

198
00:06:38.05 --> 00:06:41.09
set your origin and bring
up the Scale dialogue box.

199
00:06:41.09 --> 00:06:44.01
Notice, there's the
origin point right there.

200
00:06:44.01 --> 00:06:47.01
And then, go ahead and enter
your desired percentage value,

201
00:06:47.01 --> 00:06:50.06
such as, in my case,
120 percent, let's say.

202
00:06:50.06 --> 00:06:53.08
And then, click OK if you
wanna scale the actual shape,

203
00:06:53.08 --> 00:06:56.00
or if you wanna scale a duplicate,

204
00:06:56.00 --> 00:06:58.00
go ahead and click on the Copy button.

205
00:06:58.00 --> 00:07:01.07
You also have a keyboard
shortcut of Alt, Enter on the PC,

206
00:07:01.07 --> 00:07:03.05
or Option, Return on the Mac,

207
00:07:03.05 --> 00:07:06.01
in order to invoke copy like so.

208
00:07:06.01 --> 00:07:08.01
And it's a little hard to
see that this happened,

209
00:07:08.01 --> 00:07:10.07
(laughs) because I'm covering
up the original shape.

210
00:07:10.07 --> 00:07:12.07
So, I'll just go ahead and press the V key

211
00:07:12.07 --> 00:07:14.04
to switch to my black arrow tool,

212
00:07:14.04 --> 00:07:18.00
and I'll drag this guy
to a different location.

213
00:07:18.00 --> 00:07:20.05
And that's how you set
the transformation origin,

214
00:07:20.05 --> 00:07:22.05
which represents the center about which

215
00:07:22.05 --> 00:07:24.05
the transformation occurs,

216
00:07:24.05 --> 00:07:26.02
either by clicking, for example,

217
00:07:26.02 --> 00:07:27.05
using the scale tool,

218
00:07:27.05 --> 00:07:29.07
or by Alt or Option clicking

219
00:07:29.07 --> 00:07:31.06
to bring up a dialogue box

220
00:07:31.06 --> 00:07:33.06
here inside Illustrator.

