1 00:00:00.05 --> 00:00:01.06 - [Instructor] In this movie I'll show you 2 00:00:01.06 --> 00:00:04.05 how to move an artboard with and without its contents 3 00:00:04.05 --> 00:00:06.04 using the Artboard Tool. 4 00:00:06.04 --> 00:00:08.00 And I want to warn you up front, 5 00:00:08.00 --> 00:00:10.00 especially if you're new to Illustrator, 6 00:00:10.00 --> 00:00:11.08 that we're going to take a bit of a slow 7 00:00:11.08 --> 00:00:13.09 and winding approach to this topic. 8 00:00:13.09 --> 00:00:16.04 And that's because Illustrator handles artboards 9 00:00:16.04 --> 00:00:18.09 differently than I've seen any other program handle 10 00:00:18.09 --> 00:00:20.07 just about anything. 11 00:00:20.07 --> 00:00:23.07 And so if Illustrator's ways seem bizarre at first 12 00:00:23.07 --> 00:00:26.00 I want them to make perfect sense in the end, 13 00:00:26.00 --> 00:00:29.04 because this really is a practical and powerful feature. 14 00:00:29.04 --> 00:00:31.09 So let's say I want to take Artboard one right here 15 00:00:31.09 --> 00:00:34.00 and I want to move it to a different location 16 00:00:34.00 --> 00:00:36.03 here inside this document. 17 00:00:36.03 --> 00:00:38.02 Well, artboards inside Illustrator 18 00:00:38.02 --> 00:00:41.05 work very differently than pages inside other programs. 19 00:00:41.05 --> 00:00:44.01 So you may remember from the previous chapter 20 00:00:44.01 --> 00:00:47.03 that we went up to the File menu and chose the New command 21 00:00:47.03 --> 00:00:49.04 and that gave us the ability not only 22 00:00:49.04 --> 00:00:51.03 to change the size of the artboards, 23 00:00:51.03 --> 00:00:54.06 but to change the number of artboards as well. 24 00:00:54.06 --> 00:00:57.05 And if I were to click and on the More Settings button 25 00:00:57.05 --> 00:01:00.07 then I can decide how those artboards are arranged, 26 00:01:00.07 --> 00:01:02.03 how many columns we have, 27 00:01:02.03 --> 00:01:05.01 the spacing between the artboards, and so on. 28 00:01:05.01 --> 00:01:07.06 Well, that's great for creating a new document 29 00:01:07.06 --> 00:01:09.06 and it's a pretty traditional approach, 30 00:01:09.06 --> 00:01:10.09 but that's not how it works 31 00:01:10.09 --> 00:01:13.06 when editing an existing document. 32 00:01:13.06 --> 00:01:17.00 All right, so with that I'll go ahead and Cancel out here. 33 00:01:17.00 --> 00:01:18.09 Now before I go any further 34 00:01:18.09 --> 00:01:21.07 I want you to go up to this Workspace option 35 00:01:21.07 --> 00:01:23.09 in the top right portion of the screen 36 00:01:23.09 --> 00:01:27.02 and if necessary, choose Essentials Classic from the menu. 37 00:01:27.02 --> 00:01:29.07 Then go ahead and bring up that menu again 38 00:01:29.07 --> 00:01:32.04 and choose Reset Essentials Classic. 39 00:01:32.04 --> 00:01:36.02 And that way we can see both the very large Properties panel 40 00:01:36.02 --> 00:01:37.08 on the right side of the screen, 41 00:01:37.08 --> 00:01:40.05 as well as the more streamlined control panel, 42 00:01:40.05 --> 00:01:42.04 which is this horizontal strip 43 00:01:42.04 --> 00:01:44.05 up here at the top of the screen. 44 00:01:44.05 --> 00:01:46.04 Now you don't usually need to see both of them, 45 00:01:46.04 --> 00:01:48.07 because they mostly duplicate each other, 46 00:01:48.07 --> 00:01:50.06 but I want you to have a clear understanding 47 00:01:50.06 --> 00:01:51.09 of what's going on. 48 00:01:51.09 --> 00:01:54.00 Now notice when the black arrow is selected 49 00:01:54.00 --> 00:01:55.07 up here at the top of the toolbox 50 00:01:55.07 --> 00:01:57.07 that we have a Document Setup button 51 00:01:57.07 --> 00:01:59.05 both in the horizontal control panel 52 00:01:59.05 --> 00:02:02.06 and down here at the bottom of the Properties panel. 53 00:02:02.06 --> 00:02:04.02 Now in another application 54 00:02:04.02 --> 00:02:06.02 you'd expect this Document Setup button 55 00:02:06.02 --> 00:02:08.00 to let you change the quantity 56 00:02:08.00 --> 00:02:10.03 and even location of your pages, 57 00:02:10.03 --> 00:02:12.09 but in Illustrator clicking on either one 58 00:02:12.09 --> 00:02:15.03 brings up this dialog box right here, 59 00:02:15.03 --> 00:02:18.00 which allows you to change the Bleed values if you like 60 00:02:18.00 --> 00:02:20.05 and you can modify your Unit of measure. 61 00:02:20.05 --> 00:02:23.00 But otherwise we're not seeing anything in the way 62 00:02:23.00 --> 00:02:24.07 of those width and height values 63 00:02:24.07 --> 00:02:27.09 and we're not allowed to change how many artboards we have. 64 00:02:27.09 --> 00:02:31.00 What we do have is this Edit Artboards button, 65 00:02:31.00 --> 00:02:33.06 which also appears in the Properties panel, 66 00:02:33.06 --> 00:02:34.09 but that's pretty deceiving, 67 00:02:34.09 --> 00:02:36.09 because notice if you click on that button 68 00:02:36.09 --> 00:02:39.02 it closes the dialog box 69 00:02:39.02 --> 00:02:41.05 and it switches you to a different tool, 70 00:02:41.05 --> 00:02:44.02 this guy right here toward the bottom of the toolbox, 71 00:02:44.02 --> 00:02:46.05 which is known as the Artboard Tool. 72 00:02:46.05 --> 00:02:48.01 So the better way to work, 73 00:02:48.01 --> 00:02:51.01 assuming that some other tool is selected, 74 00:02:51.01 --> 00:02:53.07 is to avoid the Document Setup button, 75 00:02:53.07 --> 00:02:56.00 and you can safely ignore the Edit Artboards button 76 00:02:56.00 --> 00:02:57.01 in the Properties panel, 77 00:02:57.01 --> 00:02:59.06 and just go ahead and switch directly 78 00:02:59.06 --> 00:03:01.09 to the Artboard Tool in the first place. 79 00:03:01.09 --> 00:03:04.08 Because this one tool does pretty much everything 80 00:03:04.08 --> 00:03:07.01 where managing artboards is concerned. 81 00:03:07.01 --> 00:03:09.00 Now notice that we're seeing handles 82 00:03:09.00 --> 00:03:11.00 around the selected artboard 83 00:03:11.00 --> 00:03:13.00 and you can switch to a different artboard 84 00:03:13.00 --> 00:03:14.04 just by clicking on it 85 00:03:14.04 --> 00:03:16.09 and each time you do you'll see handles 86 00:03:16.09 --> 00:03:18.08 for that specific artboard. 87 00:03:18.08 --> 00:03:19.09 We also have labels, 88 00:03:19.09 --> 00:03:22.04 so that we know that this guy is Artboard three, 89 00:03:22.04 --> 00:03:25.05 and its neighbor is Artboard four, and so on. 90 00:03:25.05 --> 00:03:27.06 Now one of the confusing things about this tool 91 00:03:27.06 --> 00:03:29.00 when you first start using it 92 00:03:29.00 --> 00:03:32.03 is that clicking with the tool selects a different artboard, 93 00:03:32.03 --> 00:03:34.02 but if you then click again, 94 00:03:34.02 --> 00:03:37.00 say on the three, you're going to create an artboard 95 00:03:37.00 --> 00:03:38.05 inside of that artboard. 96 00:03:38.05 --> 00:03:41.05 And Illustrator's going to automatically size that artboard 97 00:03:41.05 --> 00:03:43.07 in order to accommodate its contents, 98 00:03:43.07 --> 00:03:46.03 that is to say, the big number three. 99 00:03:46.03 --> 00:03:48.04 Now you may look at this and say how in the world 100 00:03:48.04 --> 00:03:51.03 does this new artboard match the size of the three 101 00:03:51.03 --> 00:03:53.05 when the three is so much shorter? 102 00:03:53.05 --> 00:03:55.06 Well, bear in mind that every character of type 103 00:03:55.06 --> 00:03:57.02 is bigger than it appears, 104 00:03:57.02 --> 00:03:59.05 because it's actually designed to accommodate 105 00:03:59.05 --> 00:04:01.05 other characters in this font. 106 00:04:01.05 --> 00:04:04.07 And those other characters maybe taller than the three 107 00:04:04.07 --> 00:04:06.05 or they may have descenders, 108 00:04:06.05 --> 00:04:09.02 such as the bottom of a lowercase G. 109 00:04:09.02 --> 00:04:11.00 And you can confirm this is the case 110 00:04:11.00 --> 00:04:13.04 by switching back to the black arrow tool, 111 00:04:13.04 --> 00:04:15.05 which Illustrator calls the Selection Tool, 112 00:04:15.05 --> 00:04:18.03 and then notice if I click on that number three 113 00:04:18.03 --> 00:04:20.02 that its big blue bounding box here 114 00:04:20.02 --> 00:04:23.08 is the same size as that new artboard. 115 00:04:23.08 --> 00:04:26.00 Now obviously I don't want that new artboard, 116 00:04:26.00 --> 00:04:29.07 so I'll go up to the Edit menu and choose the Undo command, 117 00:04:29.07 --> 00:04:31.05 which has the standard keyboard shortcut 118 00:04:31.05 --> 00:04:34.08 of Control + Z here on the PC or Command + Z on the Mac, 119 00:04:34.08 --> 00:04:36.08 and that goes ahead and restores 120 00:04:36.08 --> 00:04:39.04 our eight original artboards. 121 00:04:39.04 --> 00:04:40.09 All right, now as I was saying, 122 00:04:40.09 --> 00:04:43.08 I want to move my first artboard to a different location 123 00:04:43.08 --> 00:04:46.04 and so I'll go ahead and select the Artboard Tool, 124 00:04:46.04 --> 00:04:48.06 and notice that its tool tip tells us 125 00:04:48.06 --> 00:04:51.07 that it has a keyboard shortcut of shift + o. 126 00:04:51.07 --> 00:04:55.00 And that's the letter O by the way, not a zero, 127 00:04:55.00 --> 00:04:58.07 which matches the O sound in the word artboard. 128 00:04:58.07 --> 00:05:01.02 All right, so I'll go and switch back to the Artboard Tool 129 00:05:01.02 --> 00:05:03.05 and notice that it remains selected 130 00:05:03.05 --> 00:05:07.01 even if I switch between different documents. 131 00:05:07.01 --> 00:05:10.01 And then I'll go ahead and click on that first artboard 132 00:05:10.01 --> 00:05:11.09 and I'll drag it fairly arbitrarily 133 00:05:11.09 --> 00:05:14.03 to a different location, like so. 134 00:05:14.03 --> 00:05:16.00 And then, just so that I can see 135 00:05:16.00 --> 00:05:17.08 all the artboards at the same time, 136 00:05:17.08 --> 00:05:21.09 I'll go up to the View menu and choose Fit All in Window 137 00:05:21.09 --> 00:05:23.08 in order to zoom out. 138 00:05:23.08 --> 00:05:25.08 All right, now I can move this artboard 139 00:05:25.08 --> 00:05:28.05 to any location that I like. 140 00:05:28.05 --> 00:05:32.01 And I can even move it so that it snaps into alignment 141 00:05:32.01 --> 00:05:33.04 with the other artboards. 142 00:05:33.04 --> 00:05:35.05 And so notice under the View menu 143 00:05:35.05 --> 00:05:38.03 we have a command called Smart Guides, 144 00:05:38.03 --> 00:05:40.03 which is turned on by default, 145 00:05:40.03 --> 00:05:42.04 as indicted by this checkmark. 146 00:05:42.04 --> 00:05:45.09 This is an exceedingly useful feature inside of Illustrator 147 00:05:45.09 --> 00:05:48.00 as we'll see in this and future movies. 148 00:05:48.00 --> 00:05:49.06 And so if you're seeing a checkmark 149 00:05:49.06 --> 00:05:51.02 in front of the command, great, 150 00:05:51.02 --> 00:05:54.01 if not, choose the command to turn it on. 151 00:05:54.01 --> 00:05:56.03 And so when working with artboards 152 00:05:56.03 --> 00:05:59.02 I can go ahead and drag this guy down 153 00:05:59.02 --> 00:06:02.01 and notice that we're seeing these magenta snap lines 154 00:06:02.01 --> 00:06:05.07 emitting from the bottom right corner of Artboard one. 155 00:06:05.07 --> 00:06:08.03 The problem is that I'm snapping into alignment 156 00:06:08.03 --> 00:06:10.04 with the wrong portion of my document. 157 00:06:10.04 --> 00:06:12.09 Notice that I've snapped the bottom right corner, 158 00:06:12.09 --> 00:06:16.01 so that it aligns to the neighboring bleeds, 159 00:06:16.01 --> 00:06:17.06 which is not what I want. 160 00:06:17.06 --> 00:06:19.07 So I'll just go ahead and press Control + Z 161 00:06:19.07 --> 00:06:22.02 or Command + Z on a Mac to undo that move, 162 00:06:22.02 --> 00:06:24.01 and then I'll try again. 163 00:06:24.01 --> 00:06:26.07 And this time I'm looking to snap to the center 164 00:06:26.07 --> 00:06:28.09 of both Artboard two on the right 165 00:06:28.09 --> 00:06:31.07 and Artboard five down below. 166 00:06:31.07 --> 00:06:33.09 Now the only problem with Smart Guides 167 00:06:33.09 --> 00:06:36.09 is that you sometimes end up snapping into alignment 168 00:06:36.09 --> 00:06:39.06 with the previous location of the artboard, 169 00:06:39.06 --> 00:06:41.00 as we're seeing here, 170 00:06:41.00 --> 00:06:43.03 which obviously is not what we want. 171 00:06:43.03 --> 00:06:45.07 And so if you encounter that behavior 172 00:06:45.07 --> 00:06:48.09 just try moving the artboard to yet a different location 173 00:06:48.09 --> 00:06:51.08 and then drag it down, so that it snaps properly. 174 00:06:51.08 --> 00:06:54.01 And again, we're looking for the center snaps 175 00:06:54.01 --> 00:06:56.04 that you're seeing here inside the video. 176 00:06:56.04 --> 00:06:58.02 At which point I'll go ahead and release 177 00:06:58.02 --> 00:07:01.04 in order to put that artboard back in place. 178 00:07:01.04 --> 00:07:03.04 Now there is a kind of artboard gotcha 179 00:07:03.04 --> 00:07:06.00 that can snag you when you're first using the tool. 180 00:07:06.00 --> 00:07:08.02 Notice if I drag Artboard one down, 181 00:07:08.02 --> 00:07:10.01 so that it overlaps Artboard five, 182 00:07:10.01 --> 00:07:12.02 and then I drag it again, 183 00:07:12.02 --> 00:07:14.07 I end up moving the five along with the one 184 00:07:14.07 --> 00:07:18.03 and that's because the five has become part of Artboard one 185 00:07:18.03 --> 00:07:21.05 and we're moving all of the contents at the same time. 186 00:07:21.05 --> 00:07:22.09 Which is why it's so useful, by the way, 187 00:07:22.09 --> 00:07:25.09 that we have multiple undos inside Illustrator. 188 00:07:25.09 --> 00:07:27.08 And so all I have to do to backstep 189 00:07:27.08 --> 00:07:30.05 is to press Control + Z or Command + Z on the Mac 190 00:07:30.05 --> 00:07:34.08 a couple of times in a row in order to undo those changes. 191 00:07:34.08 --> 00:07:36.05 Now notice the same will happen 192 00:07:36.05 --> 00:07:38.07 if I select Artboard five here 193 00:07:38.07 --> 00:07:40.07 and then I start dragging it, 194 00:07:40.07 --> 00:07:43.08 I'm going to end up moving the one along with, 195 00:07:43.08 --> 00:07:45.02 even though the one doesn't appear 196 00:07:45.02 --> 00:07:47.05 to be on Artboard five at all. 197 00:07:47.05 --> 00:07:48.07 But recall that the number 198 00:07:48.07 --> 00:07:50.06 is actually taller than it appears, 199 00:07:50.06 --> 00:07:52.06 because it has to accommodate descenders 200 00:07:52.06 --> 00:07:54.09 that are associated with the lowercase letters 201 00:07:54.09 --> 00:07:56.02 inside of that font. 202 00:07:56.02 --> 00:08:00.04 And so the one actually descends down into Artboard five. 203 00:08:00.04 --> 00:08:02.05 All right, so I'll just go ahead and undo that change 204 00:08:02.05 --> 00:08:04.02 by once again pressing Control + Z 205 00:08:04.02 --> 00:08:05.08 or Command + Z on the Mac. 206 00:08:05.08 --> 00:08:09.02 And then I'll go ahead and switch back to the Artboard Tool. 207 00:08:09.02 --> 00:08:10.09 Now the reason this is happening 208 00:08:10.09 --> 00:08:14.00 is because of this icon up here in the control panel, 209 00:08:14.00 --> 00:08:17.02 Move/Copy Artwork with Artboard. 210 00:08:17.02 --> 00:08:19.03 And that it's turned on by default. 211 00:08:19.03 --> 00:08:22.00 And what that tells you is when you click on an artboard 212 00:08:22.00 --> 00:08:25.06 and drag it you're going to move the artwork along with it. 213 00:08:25.06 --> 00:08:27.04 Now you might wonder why in the world 214 00:08:27.04 --> 00:08:29.09 you'd ever want to turn that icon off 215 00:08:29.09 --> 00:08:31.02 and let me show you. 216 00:08:31.02 --> 00:08:33.05 I'll go ahead and switch over to this document here 217 00:08:33.05 --> 00:08:35.08 and notice that Artboard five over here 218 00:08:35.08 --> 00:08:38.05 is positioned out of alignment with its contents. 219 00:08:38.05 --> 00:08:41.05 And this kind of thing happens, frankly, all the time. 220 00:08:41.05 --> 00:08:44.07 After all, even in the world's most powerful drawing program 221 00:08:44.07 --> 00:08:46.06 it's possible to make mistakes. 222 00:08:46.06 --> 00:08:49.02 And so notice if I drag that artboard 223 00:08:49.02 --> 00:08:51.02 back to its proper location 224 00:08:51.02 --> 00:08:53.06 so that I have those center Smart Guides, 225 00:08:53.06 --> 00:08:56.04 even though I've moved the artboard exactly where I want it 226 00:08:56.04 --> 00:08:58.09 I've moved the contents out of alignment. 227 00:08:58.09 --> 00:09:01.04 And so if I then had to switch to a different tool 228 00:09:01.04 --> 00:09:03.06 and move all of those items back into place 229 00:09:03.06 --> 00:09:06.04 that would be a very big pain in the neck. 230 00:09:06.04 --> 00:09:08.09 So the better thing to do is to undo that move 231 00:09:08.09 --> 00:09:10.06 by once again pressing Control + Z 232 00:09:10.06 --> 00:09:11.09 or Command + Z on the Mac, 233 00:09:11.09 --> 00:09:15.00 and then I'll go ahead and turn off that icon, 234 00:09:15.00 --> 00:09:17.04 Move Copy Artwork with Artboard. 235 00:09:17.04 --> 00:09:20.05 And now notice if I drag that artboard where it goes, 236 00:09:20.05 --> 00:09:22.04 it moves independently of the artwork, 237 00:09:22.04 --> 00:09:24.03 which is exactly what I want. 238 00:09:24.03 --> 00:09:27.05 Now notice this option also appears in the Properties panel 239 00:09:27.05 --> 00:09:30.08 as this checkbox, Move Artwork with Artboard. 240 00:09:30.08 --> 00:09:32.07 And so if I turn it on 241 00:09:32.07 --> 00:09:35.02 the icon in the control panel turns on 242 00:09:35.02 --> 00:09:38.02 and they both turn off together as well. 243 00:09:38.02 --> 00:09:41.04 And in fact, every single item that you're currently seeing 244 00:09:41.04 --> 00:09:42.06 in the Properties panel 245 00:09:42.06 --> 00:09:47.00 is one way or other duplicated up here in the control panel. 246 00:09:47.00 --> 00:09:49.09 So for example, we have Name over at this location 247 00:09:49.09 --> 00:09:52.09 and we have Name up here in the middle of the control panel. 248 00:09:52.09 --> 00:09:55.04 Even this button right here, Artboard Options, 249 00:09:55.04 --> 00:09:58.03 is duplicated in the form of this icon. 250 00:09:58.03 --> 00:10:00.05 The only difference is that the Properties panel 251 00:10:00.05 --> 00:10:03.08 consumes a bunch of extra space on screen, 252 00:10:03.08 --> 00:10:05.09 which is why I very much recommend 253 00:10:05.09 --> 00:10:08.09 that you do yourself a favor and free up that screen space 254 00:10:08.09 --> 00:10:11.01 by right-clicking on the Properties tab 255 00:10:11.01 --> 00:10:14.04 and choosing this command right here, Close Tab Group. 256 00:10:14.04 --> 00:10:17.02 And now notice if I go up to the View menu 257 00:10:17.02 --> 00:10:19.03 and choose Fit All in Window 258 00:10:19.03 --> 00:10:21.07 that we have room to magnify the artboards, 259 00:10:21.07 --> 00:10:26.00 so we can see way more detail inside the document. 260 00:10:26.00 --> 00:10:27.04 All right, now assuming at this point 261 00:10:27.04 --> 00:10:29.03 you're done working with the Artboard Tool 262 00:10:29.03 --> 00:10:31.05 all you have to do is switch to a different tool 263 00:10:31.05 --> 00:10:32.09 in order to use it 264 00:10:32.09 --> 00:10:35.08 or you can just press the Escape key to switch away 265 00:10:35.08 --> 00:10:37.06 from the artboard editing mode, 266 00:10:37.06 --> 00:10:40.03 which returns control to the black arrow tool. 267 00:10:40.03 --> 00:10:43.03 And that's how you use the dedicated Artboard Tool 268 00:10:43.03 --> 00:10:45.07 in order to move artboards along with 269 00:10:45.07 --> 00:10:50.06 or independently of their contents here inside Illustrator.