Placeholder Image

Subtitles section Play video

  • [ Music ]

  • >> Hello, and welcome to this video tutorial brought

  • to you by TastyTuts.com.

  • In this video, we're going to take a closer look

  • at artboards in Adobe Illustrator.

  • In the last episode, I demonstrated how

  • to create a custom workspace.

  • If you have not seen that episode,

  • the workspace is basically a panel set up,

  • here in Adobe Illustrator.

  • For this tutorial, we will be using this workspace,

  • and along the way we will be referencing the artboard panel.

  • Which is situated here, next to my layers panel.

  • And if you can't see this,

  • you can simply select the panel up here to reveal it.

  • If you don't have the artboard panel active,

  • you can either skip to the previous video,

  • if you have not seen it.

  • Or simply come up to the top and you select window

  • and click artboard to activate your artboard panel.

  • To follow along with this tutorial, you will need

  • to open this document I have prepared especially

  • for this tutorial.

  • This can be found in the Introduction folder

  • in the Project folder.

  • Now, you can download this Project folder for free.

  • The link is in the description.

  • So, with the Project folder open, click Introduction,

  • Artboard, Versions, and select the version

  • of Illustrator you're using.

  • In my case, it's CC.

  • And open the artboard's file.

  • And you should have something that looks like this.

  • Okay. So, what are artboards in Adobe Illustrator?

  • Well, to put it simply, they are canvases

  • that make up a document.

  • Adobe Illustrator allows you

  • to create multiple artboards in a document.

  • This is useful if you want to create small documents spreads,

  • like a leaflet or a flyer.

  • Or simply expand your workspace area

  • to create various versions of your artwork.

  • You can even use this method to create digital presentations.

  • So, here I have a document open, which is like a small leaflet.

  • And we can see here, that this consists

  • of six portrait A4 artboards.

  • And as you can see, I have

  • numbered them and colored them accordingly.

  • Now if we come over to our side panels and navigate

  • to the Artboards panel,

  • you can see this panel contains a list.

  • This list represents all the artboards contained

  • in my current document.

  • As you can see, I am currently zoomed out quite a bit,

  • so we can see the entire document artboard.

  • Though, if I choose a artboard in the panel, let's say,

  • Artboard six, here, come to the gray area to the right

  • and double click, we can quickly navigate

  • to that particular artboard.

  • If I double click on the artboard name, however,

  • this will enable you to rename the artboard.

  • For example, let's rename this artboard

  • to Orange Six and click off.

  • Okay. So, I'm just going to zoom out a little

  • so we can see all of them.

  • Okay. So, let's say we want to make some changes

  • to the artboard arrangement.

  • Let's say we want to reorder some of the artboards.

  • For example, I'm going to select Artboard Four

  • on the Artboard panel.

  • And at the bottom

  • of the Artboard panel we can see some buttons.

  • With the Artboard Four selected, I'm going to press the Move

  • Down button a few times.

  • Notice how the artboard moves down on the panel,

  • but nothing really changes on the canvas area.

  • Well, this is because we now have to refresh the arrangement.

  • We can do this by coming to the top right-hand corner

  • of the Artboard panel and click on the Menu icon.

  • Then click Rearrange Artboard.

  • Up will pop a window.

  • For now, we are just going to click Ok, and upon click,

  • we will see the artboard has been repositioned.

  • If I want to move it back,

  • I'll simply select the artboard on the panel.

  • But this time, click on the Move Up button.

  • Once I'm happy, I'm going to again click

  • on the artboard menu panel Options button,

  • select Rearrange Artboards, and click Ok.

  • And the page is back where it was to start.

  • Okay. So, let's say we want to remove an artboard.

  • This can be done by selecting the artboard

  • on the Artboard panel.

  • Let's say, Artboard Three.

  • Simply come to the bottom of the Artboard panel and click Delete.

  • Now, notice how the artwork still remains.

  • So, we're going to have to select the objects and then,

  • delete them, though, now we have this space

  • where the old artboard was.

  • Just like earlier, if we come to the top right

  • of the Artboard panel, click, and select Rearrange Artboard.

  • Then click Ok.

  • The document will refresh.

  • Excellent.

  • So, what if we want to add some artboards?

  • Well, to do this we simply click a place on the Artboard panel

  • where we want to add a new board.

  • For example, I'm going to select Artboard Four in the panel.

  • Then, click the New Artboard button on the bottom

  • of the Artboard panel.

  • Then, I'm going to click on Artboard Five on the panel

  • and click the Add New Artboard, again.

  • But notice this time, how the artboards are just added

  • on the side.

  • Well, again, if I come to the top right of the Artboard panel

  • and click the Menu, select Rearrange, click Ok,

  • the document will refresh and we can see the correct pagination.

  • Nice. I'm just going to undo that,

  • as I don't want these pages.

  • Now, what if we want to add a new artboard,

  • but in a different size?

  • Well, here we can use the Artboard Tool.

  • If we come to the Menu on the far left

  • and look towards the bottom, we have the Artboard Tool.

  • If we click this, you will notice we go into a new mode,

  • where we can attempt to create a new artboard.

  • So, to begin, we can either click and drag

  • to create a custom artboard size, or we can come

  • up to the Control Panel and select from a list of presets.

  • And here, we have a lot to choose from.

  • We have some paper sizes, some screen sizes,

  • and some mobile and web screen sizes.

  • But since this is a print document, let's go for a three.

  • And upon click, the previously drawn artboard is changed

  • to a three.

  • Then, I'm going to come up to the top

  • and change the page orientation to landscape.

  • Once I'm happy with this, I can press V

  • to activate the selection tool and click

  • to jump back to the Normal Mode.

  • But notice how it appears oddly placed.

  • Well, again, if I come to the top right of the Artboard panel,

  • click the Menu, select Rearrange, click Ok,

  • the document will refresh and we can see the correct layout.

  • So, what if we want to change the page orientation

  • of an existing artboard?

  • Well, to do this we simply click

  • on an artboard, let's say number two.

  • With the artboard selected, I will come to the top right

  • of the Artboard panel, click the Menu button.

  • This time, I'm going to select Artboard Options.

  • Upon click, a different Options window will appear.

  • If you look closely, we can see an Orientation option.

  • Currently, we can see this is set to Portrait.

  • If I click on the Landscape and click Ok,

  • you will now see the artboard change

  • from Portrait to Landscape.

  • By now, you should now know what you need to do, next.

  • We are going to need to refresh this layout.

  • So, again, if I come to the top right of the Artboard panel

  • and click the Menu, select Rearrange, click Ok,

  • the document will refresh.

  • But notice this time,

  • the artwork on the artboards have not moved with the pages.

  • So, in this instance, we are going to have

  • to select the elements on the page and move them

  • into the correct position.

  • For now, I'm simply going to press Undo to go back

  • to my previous layout of six artboards.

  • So, that's how we can rearrange, remove artboards,

  • and use the Artboard Tool, and change the orientation

  • of existing artboards.

  • So, currently, my artboards are displayed

  • in three columns, here.

  • Now, what if I want to change this?

  • Well, this can be done quite simply.

  • If I come to the top right of the Artboards panel

  • and click the Menu, select Rearrange,

  • up will pop the familiar Options panel.

  • If we look closely, we can see towards the top an option called

  • Layout and a series of icons to the right of this.

  • These icons represent different artboard composition layouts,

  • here in Illustrator.

  • So, currently, we have our layout set to Grid by Row

  • and with the columns set to three.

  • Let's try changing this.

  • Let's say five and press Ok.

  • Now, you can see the layout has changed.

  • If we come back to the Rearrange menu, like earlier,

  • but this time select the Grid by Column option,

  • and enter four rows and click Ok, again,

  • the layout has changed.

  • If we come back to the Rearrange menu, again, this time I'm going

  • to select Layout by Column, click Ok.

  • And you can see the change.

  • I'm simply going to press Undo a few times to go back

  • to my previous layout.

  • So, that covers Artboards in Adobe Illustrator.

  • In the next video, we will be learning

  • about some vector basics and how we can begin

  • to operate in Adobe Illustrator.

  • So, I'll see you in the next video.

[ Music ]

Subtitles and vocabulary

Click the word to look it up Click the word to find further inforamtion about it