From the course: Photoshop 2024 Essential Training
Adding content to Artboards - Photoshop Tutorial
From the course: Photoshop 2024 Essential Training
Adding content to Artboards
- [Instructor] Before we start adding our assets, let's take a moment to see how to best work with guides when we're working with art boards. I'm going to select layer one in the layers panel. I'll use the view menu in order to show my rulers and I'll right click in the ruler area and make sure that they're set to pixels. Now, with a single layer or a single art board selected, if I drag out a guide from the ruler area, it's only going to appear on the currently targeted art board. So if I select another art board, we won't see that guide. If we have multiple art boards selected and then I drag out a guide, the guide will run across all of the art boards, but it's easier to do this via the new guide layout. So I'm going to use Command Z to undo once and then again. I'll choose the view menu and then guides, and then new guide layout. I currently have all three of the art boards targeted, but I can choose to target the selected art boards or all art boards, if that's easiest. I don't need any columns or rows, I just want a margin of 180 pixels on the top and bottom and 70 pixels on the left and right. Now as I click from one art board to another, we can see that they all have the same guides. All right, let's add additional elements. I will target layer one, and then I'll go to Bridge and double click the assets.PSD file. In order to see both of these documents, I'll choose window and then arrange and tile. Now, in order to drag and drop all of these layers, I'm going to select them all and put them inside a layer group. This is going to make it easier for me to drag and drop them on top of a single art board. Then from the layers panel, I'll click and drag on top of the KI 1 art board. I no longer need this document open, so I'll go ahead and close that without saving. Then I'm going to reposition the group within the art board. I can right click on the group and then I can ungroup the layers so that I can distribute them across multiple art boards. Now, when we're moving layers between art boards, the only way you can't move them is by selecting the layer and then dragging it to another art board. And that's because these art boards are all in the same document. However, I can use the layers panel and drag for example, the rocks layer up to the KI 2 art board, and it will automatically place it there. Or if I wanted to move the wave, for example, from art board one to art board three, I could target it in the layers panel and then drag and drop across art boards. All right, I'm going to select the logo layer and reposition it up at the top of the art board. Then I'll choose sign up and sign in and just position those down using the guide. If I want to duplicate some of these layers between the art boards, I can select them in the layers panel and then hold down the option key on Mac, the alt key on Windows, and drag them up to another art board. We can do the same thing if we hold down the option key and then drag between art boards. Now I just want to reposition the logos. So the easiest way to select them would be to have the move tool selected and right click and then select the logo. Here I'm going to drag this down, and then I'll right click again selecting the logo, which will automatically select it in the art board, and then scoot that over to the right. Okay, at this point I'm going to select file and save as. I will append this with an underscore 01, saving it to the art boards folder as a layered Photoshop document. As you can see, art boards make it very easy to lay out multiple designs within the same document.
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.