1
00:00:00.04 --> 00:00:01.02
- [Deke] In this movie,

2
00:00:01.02 --> 00:00:02.08
we'll take a look at the various ways

3
00:00:02.08 --> 00:00:05.08
you can resize artboards
using the artboard tool

4
00:00:05.08 --> 00:00:09.02
and it turns out there's five
different methods in all.

5
00:00:09.02 --> 00:00:11.05
Now, you can see I've made
some slight modifications

6
00:00:11.05 --> 00:00:15.00
to this document, specifically
I changed these numbers

7
00:00:15.00 --> 00:00:17.05
in the lower artboards to letters.

8
00:00:17.05 --> 00:00:19.03
I'm going to start things
off here by switching

9
00:00:19.03 --> 00:00:23.00
to the artboard tool which you
can get by pressing Shift + O

10
00:00:23.00 --> 00:00:26.01
and then I'll click on artboard nine.

11
00:00:26.01 --> 00:00:27.09
I'm going to drag it down a little bit

12
00:00:27.09 --> 00:00:29.06
so that I have more room to work.

13
00:00:29.06 --> 00:00:33.01
Thanks to the fact that
my Move/Copy Artwork

14
00:00:33.01 --> 00:00:35.03
with Artboard icon is turned on,

15
00:00:35.03 --> 00:00:38.08
that went ahead and moved the
nine along with the artboard.

16
00:00:38.08 --> 00:00:41.05
Now, the most obvious method
for scaling an artboard

17
00:00:41.05 --> 00:00:44.03
is to drag either a corner handle,

18
00:00:44.03 --> 00:00:45.08
as I'm doing in this case,

19
00:00:45.08 --> 00:00:48.09
or either a top or bottom handle,

20
00:00:48.09 --> 00:00:51.03
or one of the side handles.

21
00:00:51.03 --> 00:00:53.07
Assuming that your smart
guides are turned on,

22
00:00:53.07 --> 00:00:56.03
you'll see the width and
height of your artboard

23
00:00:56.03 --> 00:00:59.00
inside that heads-up display.

24
00:00:59.00 --> 00:01:01.00
All right, that's looking
a little messy to me,

25
00:01:01.00 --> 00:01:03.07
so I'm going to go ahead and
undo all those modifications

26
00:01:03.07 --> 00:01:06.06
by pressing Ctrl + Z, or
Command + Z on the Mac,

27
00:01:06.06 --> 00:01:08.07
as many times as it takes to get back

28
00:01:08.07 --> 00:01:10.09
to my original artboard.

29
00:01:10.09 --> 00:01:13.07
Now, let's say you're happy
with the artboard's proportions,

30
00:01:13.07 --> 00:01:16.03
that is you like the
relationship between the width

31
00:01:16.03 --> 00:01:17.08
and the height of the artboard,

32
00:01:17.08 --> 00:01:21.05
which is known as the
aspect ratio incidentally.

33
00:01:21.05 --> 00:01:24.02
Then, you can press and hold the Shift key

34
00:01:24.02 --> 00:01:27.00
as you drag any handle, by the way.

35
00:01:27.00 --> 00:01:28.09
It doesn't have to be a corner handle,

36
00:01:28.09 --> 00:01:33.08
it could be a side handle or a
top or bottom handle as well.

37
00:01:33.08 --> 00:01:36.05
All right, I'm going to undo
those modifications as well,

38
00:01:36.05 --> 00:01:40.08
because notice when I drag
specifically a corner handle,

39
00:01:40.08 --> 00:01:43.00
I'm resizing the artboard with respect

40
00:01:43.00 --> 00:01:44.06
to its opposite corner.

41
00:01:44.06 --> 00:01:47.06
If I want to scale the artboard
with respect to its center,

42
00:01:47.06 --> 00:01:50.02
then I would press and hold the Alt key.

43
00:01:50.02 --> 00:01:53.05
That's going to be the
Option key on the Mac.

44
00:01:53.05 --> 00:01:55.03
Notice, when I had the Alt key down,

45
00:01:55.03 --> 00:01:58.05
or the Option key on the Mac,
and I drag a corner handle,

46
00:01:58.05 --> 00:02:00.07
I am scaling all four sides.

47
00:02:00.07 --> 00:02:02.05
If I just want to scale a couple of sides,

48
00:02:02.05 --> 00:02:04.07
I could drag a side handle.

49
00:02:04.07 --> 00:02:06.08
Notice if I go ahead
and press the Alt key,

50
00:02:06.08 --> 00:02:08.02
or the Option key on the Mac,

51
00:02:08.02 --> 00:02:10.08
and keep that key down incidentally,

52
00:02:10.08 --> 00:02:14.00
then I'm moving both sides
either away from each other

53
00:02:14.00 --> 00:02:18.01
or inward and the same goes if
I were to Alt or Option drag

54
00:02:18.01 --> 00:02:20.06
the top or bottom handle.

55
00:02:20.06 --> 00:02:23.01
Then, if I add the Shift key to all that,

56
00:02:23.01 --> 00:02:25.09
then I can constrain the aspect ratio

57
00:02:25.09 --> 00:02:28.09
while scaling with respect to the center.

58
00:02:28.09 --> 00:02:31.04
In this case, I have both
the Shift and Alt keys down,

59
00:02:31.04 --> 00:02:34.08
that's going to be Shift
and Option on the Mac.

60
00:02:34.08 --> 00:02:36.02
Perhaps surprisingly,

61
00:02:36.02 --> 00:02:39.02
this works with multiple
artboards as well.

62
00:02:39.02 --> 00:02:42.02
If I click off the artboard
in order to deselect it

63
00:02:42.02 --> 00:02:45.05
and then I Shift marquee
these bottom guys right here,

64
00:02:45.05 --> 00:02:47.09
then I could drag a corner handle

65
00:02:47.09 --> 00:02:51.01
in order to scale all
four of these artboards.

66
00:02:51.01 --> 00:02:52.06
Notice that I'm scaling

67
00:02:52.06 --> 00:02:55.00
with respect to the opposite
corner in this case,

68
00:02:55.00 --> 00:02:58.03
and as a result I'm no
longer aligned with the type

69
00:02:58.03 --> 00:03:00.04
and that's because as things stand now,

70
00:03:00.04 --> 00:03:03.00
Illustrator's not
equipped to scale artwork

71
00:03:03.00 --> 00:03:05.03
and artboards together.

72
00:03:05.03 --> 00:03:07.04
I'll go ahead an undo that modification

73
00:03:07.04 --> 00:03:11.03
and I'll just drag this
top handle upward like so,

74
00:03:11.03 --> 00:03:15.01
so that the artboards are taller,
but they're not any wider.

75
00:03:15.01 --> 00:03:17.05
I might not want them
to be quite this tall,

76
00:03:17.05 --> 00:03:19.04
so I'll go ahead and move these guys down,

77
00:03:19.04 --> 00:03:22.00
because if I make these
artboards too tall,

78
00:03:22.00 --> 00:03:24.09
then they'll start to include
the numbers above them.

79
00:03:24.09 --> 00:03:27.01
All right, so that's method number one.

80
00:03:27.01 --> 00:03:29.06
Now, the other methods are going
to go a little quicker here.

81
00:03:29.06 --> 00:03:31.08
Another way to work is
to select an artboard

82
00:03:31.08 --> 00:03:34.00
just by clicking on it
and all of these methods,

83
00:03:34.00 --> 00:03:36.09
by the way, work whether
one artboard is selected

84
00:03:36.09 --> 00:03:38.08
or multiple artboards.

85
00:03:38.08 --> 00:03:40.09
Now, I'll go up to this
item on the left side

86
00:03:40.09 --> 00:03:43.07
of the control panel, which
currently reads Custom,

87
00:03:43.07 --> 00:03:47.03
click on it and then I could
go ahead and choose a preset

88
00:03:47.03 --> 00:03:50.04
such as letter size page if I like,

89
00:03:50.04 --> 00:03:52.05
or I could go with an iPhone 6,

90
00:03:52.05 --> 00:03:55.01
which surprisingly is much larger.

91
00:03:55.01 --> 00:03:56.07
All right, so that's method two.

92
00:03:56.07 --> 00:03:59.03
Method number three is
to resize the artboard

93
00:03:59.03 --> 00:04:01.08
to exactly match the artwork.

94
00:04:01.08 --> 00:04:04.07
You do that by not clicking
on the number zero,

95
00:04:04.07 --> 00:04:06.07
because that's going to
create a new artboard,

96
00:04:06.07 --> 00:04:09.08
but instead double-clicking on it.

97
00:04:09.08 --> 00:04:11.06
If you double-click on any object,

98
00:04:11.06 --> 00:04:14.02
you're going to resize
the artboard to match.

99
00:04:14.02 --> 00:04:16.01
All right, I'm going to
undo those last couple

100
00:04:16.01 --> 00:04:19.00
of modifications, again,
by pressing Ctrl + Z,

101
00:04:19.00 --> 00:04:20.06
or Command + Z on the Mac,

102
00:04:20.06 --> 00:04:23.00
and I'll draw a new artboard

103
00:04:23.00 --> 00:04:25.04
so that we can see method number four

104
00:04:25.04 --> 00:04:27.05
which is easily the most obscure method,

105
00:04:27.05 --> 00:04:29.02
but I just want you to know it's there.

106
00:04:29.02 --> 00:04:32.04
You go to the Object
menu, choose Artboards,

107
00:04:32.04 --> 00:04:35.04
and then choose Fit to Artwork Bounds.

108
00:04:35.04 --> 00:04:37.09
That's going to resize that new artboard

109
00:04:37.09 --> 00:04:41.05
to include everything inside the document.

110
00:04:41.05 --> 00:04:43.05
All right, now I don't
really need that artboard,

111
00:04:43.05 --> 00:04:45.05
so I'll just go ahead and
press the Backspace key,

112
00:04:45.05 --> 00:04:48.00
or the Delete key on the
Mac, to get rid of it.

113
00:04:48.00 --> 00:04:51.01
Notice, that gets rid of the
artboard without getting rid

114
00:04:51.01 --> 00:04:55.04
of any of the actual objects
inside your illustration.

115
00:04:55.04 --> 00:04:57.01
All right, now for method number five,

116
00:04:57.01 --> 00:04:59.08
which is probably the most
practical solution there is

117
00:04:59.08 --> 00:05:03.05
and that's to dial-in your
own custom numerical values.

118
00:05:03.05 --> 00:05:06.03
I'll just go ahead and select
artboard zero once again,

119
00:05:06.03 --> 00:05:09.08
and then notice that in
addition to the X and Y values,

120
00:05:09.08 --> 00:05:12.00
which are the physical
coordinates of the artboard,

121
00:05:12.00 --> 00:05:14.09
we've got width and height.

122
00:05:14.09 --> 00:05:19.01
I could go ahead and dial-in
a width value of six inches,

123
00:05:19.01 --> 00:05:22.03
six double quotes, and
then press the tab key

124
00:05:22.03 --> 00:05:24.03
and you can see that
Illustrator goes ahead

125
00:05:24.03 --> 00:05:27.01
and converts inches to points on-the-fly.

126
00:05:27.01 --> 00:05:30.01
Then I could dial-in a
height value of eight inches,

127
00:05:30.01 --> 00:05:32.06
that is eight double quote,
and press the Enter key,

128
00:05:32.06 --> 00:05:35.05
or the Return key on the
Mac, to accept that change.

129
00:05:35.05 --> 00:05:37.09
Now, if you want to
lockdown that aspect ratio,

130
00:05:37.09 --> 00:05:41.02
then just go ahead and turn
on this link icon right here.

131
00:05:41.02 --> 00:05:45.00
Now, notice if I were to dial-in
a width value of 12 inches,

132
00:05:45.00 --> 00:05:49.00
let's say, then the height
value will change in kind.

133
00:05:49.00 --> 00:05:50.08
Now, that doesn't lock these values

134
00:05:50.08 --> 00:05:52.08
into absolute agreement with each other,

135
00:05:52.08 --> 00:05:55.08
rather it expands the
width and height values

136
00:05:55.08 --> 00:05:57.01
by the same amount.

137
00:05:57.01 --> 00:05:59.06
It could even do simple math, if you like.

138
00:05:59.06 --> 00:06:02.01
If you decide, for example,
that you want this page

139
00:06:02.01 --> 00:06:05.00
to be half as wide, you
would enter slash two

140
00:06:05.00 --> 00:06:07.03
after that width value
and that will go ahead

141
00:06:07.03 --> 00:06:09.09
and divide the height
value by two as well.

142
00:06:09.09 --> 00:06:12.02
If you want to make the
height twice as tall,

143
00:06:12.02 --> 00:06:15.07
then you'd enter asterisk too
and then press the Enter key,

144
00:06:15.07 --> 00:06:17.03
or the Return key on the Mac.

145
00:06:17.03 --> 00:06:19.00
That goes ahead and makes the width value

146
00:06:19.00 --> 00:06:21.01
twice as wide as well.

147
00:06:21.01 --> 00:06:23.04
All right, I'm going to drag
this guy over a little bit

148
00:06:23.04 --> 00:06:25.01
to give myself some more room.

149
00:06:25.01 --> 00:06:27.06
Now, notice that everything is happening

150
00:06:27.06 --> 00:06:30.02
with respect to the
center of the artboard,

151
00:06:30.02 --> 00:06:32.05
and that's a function
of this guy right here,

152
00:06:32.05 --> 00:06:35.02
the so-called Reference Point matrix.

153
00:06:35.02 --> 00:06:36.06
You can change that, by the way.

154
00:06:36.06 --> 00:06:37.09
You can scale with respect

155
00:06:37.09 --> 00:06:39.07
to some other portion of the page.

156
00:06:39.07 --> 00:06:43.01
For example, if I select
this top point right here

157
00:06:43.01 --> 00:06:44.09
and I turn off the link,

158
00:06:44.09 --> 00:06:47.02
and then I increase the height value

159
00:06:47.02 --> 00:06:50.06
by 200 points, let's
say, by entering plus 200

160
00:06:50.06 --> 00:06:51.08
and then pressing the Enter key,

161
00:06:51.08 --> 00:06:53.03
or the Return key on the Mac.

162
00:06:53.03 --> 00:06:57.01
Notice that the page grows
taller and it does so downward,

163
00:06:57.01 --> 00:07:00.01
because that top point is fixed according

164
00:07:00.01 --> 00:07:02.01
to that Reference Point matrix.

165
00:07:02.01 --> 00:07:03.05
By the same token,

166
00:07:03.05 --> 00:07:05.08
I could click off the page to deselect it,

167
00:07:05.08 --> 00:07:09.02
and then Shift + drag to
marquee these bottom artboards.

168
00:07:09.02 --> 00:07:12.09
I could make them taller by
selecting this bottom point

169
00:07:12.09 --> 00:07:14.04
in the Reference Point matrix,

170
00:07:14.04 --> 00:07:16.05
and then I could click
after the height value

171
00:07:16.05 --> 00:07:19.00
and enter plus 300 this time around,

172
00:07:19.00 --> 00:07:21.07
and press the Enter key, or
the Return key on the Mac.

173
00:07:21.07 --> 00:07:24.02
You'll see that the pages grow taller

174
00:07:24.02 --> 00:07:27.03
because that bottom point is fixed.

175
00:07:27.03 --> 00:07:29.01
All right, well, once again
that's going to encroach

176
00:07:29.01 --> 00:07:31.05
on the numbers and so I'll press Ctrl + Z,

177
00:07:31.05 --> 00:07:34.02
or Command + Z on the
Mac, to undo that change.

178
00:07:34.02 --> 00:07:35.07
I'll go with something
a little more subtle,

179
00:07:35.07 --> 00:07:39.00
such as plus 50, let's
say, for that height value

180
00:07:39.00 --> 00:07:40.08
just to bring the height
of those artboards up

181
00:07:40.08 --> 00:07:41.08
ever so slightly.

182
00:07:41.08 --> 00:07:44.03
I'll go ahead and drag these guys down

183
00:07:44.03 --> 00:07:47.02
to provide us with a
little more room as well.

184
00:07:47.02 --> 00:07:48.07
Then, I'll go up to the View menu

185
00:07:48.07 --> 00:07:51.00
and choose Fit All in Window

186
00:07:51.00 --> 00:07:54.05
so that all of my artboards
fit on screen at the same time.

187
00:07:54.05 --> 00:07:56.04
Finally, I'll go ahead and escape out

188
00:07:56.04 --> 00:07:58.02
of the artboard editing mode just

189
00:07:58.02 --> 00:08:00.01
by pressing the Escape key,

190
00:08:00.01 --> 00:08:03.02
which returns control to my black arrow.

191
00:08:03.02 --> 00:08:06.04
Those are the five different
ways you can resize artboards

192
00:08:06.04 --> 00:08:10.08
using the artboard tool
here inside Illustrator.