Photoshop Multiple Artboards | Photoshop I Artboards Part 1 – The Basics

The Photographer Academy

Subscribe Here





Photoshop I Artboards Part 1 - The Basics


[MUSIC] In this film we’re looking at the basic, uh, art board feature in Photoshop. So at first glance here we’re looking at a document with multiple layers and the only real way to actually see what’s different about this photograph. At first glance, in fact, is if we just zoom back and then at the top of the actual panel. Here you can see, we’ve got the words artboard and what this feature is. It’s basically a easier way to actually create a multiple page document, especially if you’re looking to create Pdfs in the likes of Photoshop, so this is an example here of one of my priceless apps. Um, so it basically has multiple pay pages all with text all with colors and at first glance, as I said, if I just zoomed in close to it, all we’d be basically seeing is a kind of a normal, uh, layer and so on with text on, however, when we start to identify the features within it, it opens up and you can start start to see the art board is actually standalone. So first things first is. How do we create an artboard so to do that? You go into file new and let’s say we were creating one for an iphone 8 plus as a basically an app graphic and for me that is, I believe it’s one two, four, two in width and two two eight in pixel and what you’ve got to make sure that you have is this checker board here clicked on. So this is the artboard checkerboard, and then you press create and then straight away on screen. You can see that you’ve got a document in the form of an artboard here now. If I simply click onto the top of the artboard name you might have saw at the top of the tool’s palette here. Let’s drag the tool’s palette in, but in the top of the tool’s palette. You have the option here, so it’s usually the move tool, but there’s the artboard tool here now. I believe it was in about 2015 that the Artboard feature came into Pho Photoshop. And, and even I don’t really use it much I. I was introduced to it by one of my graphic designers. And, uh, kind of they went okay. This is the way that we’re going to be creating stuff for you. So you can go in and edit yourself. If that’s what you want to do. Instead, instead of going into the likes of Id design or illustrator, in exactly the same way, though I can now drag products or photographs into the document as normal, so I can still grab my logo. I could go and grab images as I’m dragging them in from one screen onto here. Basically, it brings them in as a smart object anyway, As far as the, uh, size is concerned, obviously in the same way in Photoshop, we know that we can just actually hold the corner edges and that resizes, uh, things here. So what what what we’ve got is the basics of, uh, kind of a a design element going through, but in fact, I’m using it more like a photographer uses Photoshop than a graphic designer and so on. So if I want to create that second page if I click back up onto the artboard heading here if I just click on the plus now. Did you see as I kind of clicked onto that? These little pluses come around, so you can either be above it below it or left or right. If I click on the left hand side, it duplicates the size of the artboard again, and once more I can just go in and actually drag in an image. Finishing it, whatever I want to, I can go ahead and actually add text in. Let me just put some white text in here and boys to men, so you can see by clicking onto the artboard. Once more, I can click onto the plus, and it comes up. I can even on this artboard here. If I click on the group and I just do Ctrl J. It will completely duplicate that one layer. So in other words, you can see now it’s a copy. If I just go into the image itself, just clicking onto the smart object here, right, Click it replace contents and just go and choose, um, mc22 dtd. I’m just looking off on the side side here for a vertical image a minute. Um, you can see that. It changes it in the same same way. So if you’re using, remember, these images are smart or smart objects. So basically, you want to make sure that if you are adding duplicate layers in, you’re not creating that problem, so just ctrl Z on that and all I’ve got to do here the quick way for me, it would be to. I can’t replace the contents because that would actually replace both of those and things, really, so I can either delete that image straight away, which it’s done and then all I’ve got to do is go and grab my image and drag it on again, so for me, That’s the kind of the quickest, especially from duplicating boards and just realigning the layers, so that, um, so just realigning the layers. Uh, so that it all makes sense to you and so you can kind of look so you can see in a very short kind of couple of minutes. How we’re being able to actually create a quite a funky kind of looking? Um, almost app based bro brochure just based on the artboards itself. So again either you can duplicate it by clicking onto the artboard that you want in other words. As soon as I click on the artboard two at the top here. And if I hit the ctrl J, it duplicates it or I can select on the plus mode and that will actually create a new artboard or as long as I’ve got the artboard tool here I can actually go in and now create even a different size board within it, so I don’t have to actually keep to the same artboard size all the time, but, um, again, that’s really time to. I can’t think of a reason why you would do that and so on, but it, the option is there, so that is the basics of artboards and how you can use it to create a bit of a brochure for yourself, so let’s quickly finish off this artboard, and then I’ll show you how to export it as a PDF or for files so again once more, all I’m going to do is actually just delete that copy of that smart object. There it’s a little bit slower for me to work with, just go off screen drag in another image. If I don’t need the text layer, I can just select it as I would normally do in a layered document but to go to the next art artboard, I usually just click onto the artboard head in on the top lets. Just do a few more, so you can see how quickly we can actually create the artboard now, selecting onto the artboard itself, then going ahead, actually, just grabbing as many images as you want, so you can see how quick this would be to create yourself a bit of a funky portfolio. Um, okay, so what I didn’t do? There was select a different artboard. So now it’s actually when I’ve dragged it in. It thinks I still want to add it to that Artboard itself. Just press escape. That’ll get rid of it. Select on the artboard again. Go ahead and drag on the image once more, click onto next artboard and remember, an artboard is basically just a group of layers on that part. So as I showed you in that price list kind of layout, we can do exactly what we want whenever we want to it. So in other words, we can apply anything to the one art board or to many in duplication. We can still have multiple, uh, images on the document. We can still add text into it. Um, I. I tend to actually work in in this way, whereas I said I’m dragging kind of images. Um, from one other document on to here, so I’ve just got a portfolio folder open here, and I’m literally just dragging in the images. Same way, Of course, if I want, uh, to kind of hide, one image behind others. Let’s put that one on top there cool. Um, yes, pretty good, so we’d obviously save this image anyway. So let’s just file save as and then we would save this, obviously as still a PSD doc a document so this would be teen artboard or portfolio or whatever you want to do with it, press and save, um, notice, though, that you know, the file does get bigger and bigger, so obviously start with the right size resolution to begin with now to output this, I can either output them all as different files by going up to file and into the export or I can, actually, uh, so there’s the different artboards to files or I can artboard the PDF, The conversion. It’s going to work on each layer of time, so it does take a little bit more time, obviously to create, create it, but that is the simple way that we use the artboard facility within Photoshop to create ourselves a little bit of a portfolio document. Have fun with it, you!