From the course: Photoshop 2024 Essential Training

Creating Artboards - Photoshop Tutorial

From the course: Photoshop 2024 Essential Training

Start my 1-month free trial

Creating Artboards

“

- [Instructor] Artboards are a unique type of document in Photoshop that enable you to create multiple canvases and save them within a single document. For example, if you're a mobile, or web designer, you might want to design and layout multiple screens within the same document. Or create multiple versions of the same document to compare. Or perhaps, you're a photographer who's making a postcard and you want to save the front and back in the same document. Artboards are perfect for this type of work. So let's get started by creating three designs within a single document for our fictitious Kangaroo Island client. I'll choose New File and then I'll select Mobile. We can choose the first preset here, but if Adobe changes these presets, we'll want to just make sure that it's 1125 by 2436 pixels in the vertical orientation, and be sure that the artboards is checked. Because we're going to create this for screen, I'll leave the resolution at 72, but if you need a higher resolution, you can enter it here. I'll also leave it to 8 bit, and for Color Profile, I'm going to change this to SRGB. Then, we'll create this artboard. In the layers panel, we'll see a new type of layer group. It's called an Artboard group, and we can see layer one inside of it. We can also see the name of the artboard above the canvas. Now, in order to add another artboard, if we want one that is the same size, we can select the artboard tool and then click on the edge of the artboard. Then depending on where you want to add the second artboard, you can click on one of the plus icons. If we want to change the orientation of the artboard, we can use the Options bar, and if we want to resize the artboard, we can enter in specific width and height values, or we can simply drag on any of the anchor points in order to resize an artboard. We can also use the Properties panel to change the width and height, and we can select from a variety of different presets. Now, in order to select an artboard, we can click on the name of the artboard in the canvas area, or we can use the Layers panel. I want to select both of the artboards, so I'll hold down the Shift key and select both Artboard 1 and 2. Although there are many similarities to regular documents, artboards have some unique behaviors, and the background color is one of these. We can see that the only artboard that has a layer is Artboard 1, but both of the canvases appear to be white. Well, we can change the color of one or more artboards by selecting the artboards and then using the Properties panel. Here we can choose from White, Black, or Transparent, or we can choose Other if we wanted to choose a color for the background of our artboards. For now, I'm going to change that back to white. Now, I want to set up this document to have three artboards, so I'm going to delete Artboard 2 by selecting it in the layers panel and tapping the Delete key. And then I'll click the plus icon twice in order to create our artboards. Then I'll use Command + 0 in order to zoom in to all three of them. I want to rename the three artboards, so I'm going to use the layers panel, I'll just call it KI1. And then double click on the next one, KI2. And then the third one. All right, at this point I'll choose the File menu, saving this as KI inside the 23 Artboards as a layered Photoshop document. Now, we're ready to start adding our content, which we'll do in the next video.

Contents