Photoshop Artboard Tool | A Guide To Artboards In Photoshop 2020

Youtube URL:

Laurence Baker

Subscribe Here

Likes

68

Views

8,136

A Guide To Artboards In Photoshop 2020

Transcript:

Hi, and welcome. My name Is Laurence. Baker and this video is going to be about artboard’s. What is an artboard? Well, the analogy I use is this. It’s like having a separate file in your document, so every artboard when you go export as or quick export becomes a separate file and the file will be named, according to the name of the Artboard, which you can change by double clicking here and nowhere else is set under rename artboard under the layer. I don’t go to the menu too much because it just slows you down, so I’m just showing you. If you type art into that help search box, you’ll see everything related to artboards in the menu, But I try and stay away from it anyway. You can name it by double clicking naming. Your artboard’s is vitally important. I’ll show you why, because if I go file export, quick export, go to bridge. Adobe Bridge. There’s my 2 files. Desktop PNG iPhone, PNG command a delete If I go to file export export ass, do the same thing. I won’t talk about size here. Just leave on times 1 That’s about high pixel density screens and not for this video export. All save it, let it do. It’s work done. Go to bridge two files, exactly the same. Iphone, PNG and desktop PNG so come on day control a backspace to delete them back to Photoshop. So that’s why you should name your artboards. Of course, you can create an artboard from scratch by going command. Ctrl N. I will point out. The Artboards are only for RGB color space and they’re not really designed at print or photo or art administration if you get a web and mobile artboards on by default and it doesn’t matter what artboard you pick first off, although you’ve got presets because you can change them so quickly, so everything else here is about me, really, but you cannot have anything but RGB when you’re using white boards. If you try and use CMYK, you can’t take the artboard. It goes back to RGB color, so yeah, important 8-bit. Well, if I’m working with normal graphics, I’m going out to the Web eight bits, no problem, if I’m working with photographs, I might change that to 16-bit the background yet. Well depends what you like. But if I was working with transparency, I would use transparency close, so I don’t need to create a new document because here we are. We’ve got two outboards now with that Artboard selected, I’m on the artboard tool. You’ll see the plus signs if you’ve got enough space to add in an artboard, you just click on here and it will add an artboard the same size simple as come on to control, said if I press the alt or option key and click on it, I’ll get a duplicate command ctrl 0 to fill and screen. If I wanted to fit a particular artboard on the screen Mana Control Z to lose that one. If I alter option, click on the artboard layer, which is just a holder that becomes fitted on screen so to speak also, what should click on that that is available from view, fit, artboard and screen, but alter option click on the artboard layer made it fit on screen. Obviously, as I said, they’re like layer groups, and that’s really what Adobe call them layer groups or separate canvases, but ultimately they end up a separate file, so that’s all the information underneath there, so artboard’s creating them. Let’s start with the artboard tool itself. I haven’t got any presets for it. You can have presets a ship with. Photoshop, there’s a lot there you can change the size there. You can change the background as well. This will change the orientation. And this will really throw you now. It’s currently in portrait mode. If I click on landscape, it’s basically lost half my information outside the artboard. It’s become two separate layers, and that’s because of also nesting. So command Ctrl Z. I will show you also nesting in a minute, but it’s something it will bite you on the backside quite a lot, so be carefully so here we are. I can add an artboard in if I click here and just click down and adds an artboard. The same size is any previous artboard. I had selected. We should probably the same size. Is that one there? The desktop one, so you can always change the size up here or drag the handles in or do what you like, so come on. It controls there to cut of times to lose that. But the important one is ultra option key kept press. And you can duplicate it as I said this. I’m not going on up there, but try and stay away from it. Also, if you want to, you can press the alt or option key and just drag it yourself and drag it over there. There’s nothing wrong with that. What I will say Is that Artboard’s a very graphics processor intensive, and if you’ve got an old system or your graphics processor isn’t supported sometimes. It can be really slow, right, Come on, it controls it, so I prefer to click on these plus symbols. I as I said I can use that there and drag out ones wherever you click. Now see, it’s gone over to the move tool. This is something you’re just gonna have to put up with. So if I click down there, it’s not working, so if I go back to the Artboard tool, click on that click down. I get a very small artboard. So it remembers the last artboard you created command zero to fit back on screen. Right, what else we got under the artboard here? We can distribute the layers, align them to the artboard, but that is also available under the move tool as well, but under the artboard tool. Let’s show it to you, so let’s go into the iPhone one here and pick that white layer there and then go up to the artboard tool, which is fiddly all this and go to that and go top edges. It’s going to move it to the top. Come on, control said so you can either use that with the move tool or with the artboard tool under the COG. Also nest layers, which I mentioned briefly is on by default auto size canvas, it shrinks and expands the canvas to contain all the artwork or the artboards and so that’s on by default. Don’t touch it, keep relative position during layer reordering. I’ll show that in a minute Shrink wrap canvas on save works like this. It literally will just shrink your canvas down to the artwork on save, especially if you’re flattening your image down, please tick that it’s not on by default and this is not a global change, it’s. Just this is specific to this document. The first three will be ticked by default. But the bottom one won’t so. I’ll quickly show you keep relative position during layer reordering, which is a mouthful on this one here on this shape this heart there, if I right, click on anything, but the thumbnail or the name, if I go duplicate layer and keep that name the same and document the same change, the artboard of desktop, It puts it relative to where it was before from the top left hand corner. If I drag down a guide, you’ll see, they’re exactly the same, so that’s what it’s done from the top left hand corner. It’s moved it relative. So that’s what Artboard keep relative position during layout reorderings all about come on the controls Ed, Though the best way of doing it, honestly, it’s just to alter option Key kept press drag it in and when you drag it in, it becomes part of that artboard that is auto nest layers and I’ll come to that now, so let’s go command control. Z, let’s explain it the easy way first. If I drag up now with that handle that red funnel is now gone outside of the artboard because that is auto nesting If I dragged it back in or made the artboard bigger again because it’s now part of the artboard if I went to the move tool now shift V and then come on, clicked on it and then moved it into that one there. It’s come out of that artboard and gone into the other artboard simple as that. Come on the control set. So if you turned it off like so and then did that that is still part of the artboard, it won’t be exported, but it’s still part of the artboard. You can’t even see it if I went to the move tool. It’s not going to help me. I can’t see it. I know it’s there, but if I drag that down, you can see it’s still there because it always was part of the artboard so also nesting. It’s like when you move something into an artboard. It becomes my part that artboard if you take it out, it’s no longer part that artboard if you unti it, then you’re going to cause yourself problems, so be careful of it. So when you want ickett, you’re saying if it’s in the artboard, it stays in the artboard, no matter what I do with it, so be careful of it, so I’m gonna do f12 to basically put this back to default, so I don’t want to ruin this image at the moment I should have done a saver as but I haven’t anyway. So that is what auto nesting is all about inside of the layers. If I commander control, click on an arrow. It collapses both. By the way you’ve got that facility there. If we clicked on a artboard, you can also prevent auto nesting there personally. I think it’s bit dangerous, so I try and avoid this auto nesting ticking it on and off. I just understand how also Nesting’s works, so I’m not frightened of so once you understand it having to prevent also nesting, It’s not pretty really necessary, but anyway, it’s there to be used if want to use it, and that really covers everything there. So that’s that dealt with. I know the art balls need much else to be talked about. Just one more thing for preferences. Come on, a ctrl K go to interface go to artboards and change the background color to light gray. Let’s say also, there’s a line around the outside. It’s on by default. Personally, I don’t mind it, but it could confuse a client or something says. Why is my image got a border? So you can turn it off? But sometimes the crop tool doesn’t behave very well when you turn it off, but most of the time it’s fine, but you know, it’s entirely up to you, but I keep it online, so I’m quite happy with it, but I did have a problem a couple months ago with cropping, but but they might have dealt with that. I think it was a genuine bug, so I just keep lying on and don’t forget Their Artboard settings apply or only apply to GPU graphics processor RGB mode so anyway, the other one is guides, grids and slices normally the inactive artboard if you’ve got show in active artboard guides on, it’s normally on light, blue and dotted. I prefer on light red to be honest with you. I’m ticking! This might be a favor because every artboard has its own Pacific guide. So if I’m on that 400 by 200 one there, I drag out a guide. It’s going to be blue because there’s an active artboard if I come to this one here and drag out a guy from the top. Let’s say that’s blue. They turn red so you might be better off. Come on! Zed, a couple of times. Come on, KL Ctrl K! You might be better off to be totally honest with you. Just I’m taking that. So when you’re in an artboard, you see the guides when you’re not on it, you don’t see the guides, so yeah, it’s entirely up to you, so cancel on that, so that’s really artboards guys Command Ctrl 0 remember the alt or option key? It will save you a lot of time because you know, you want to duplicate an artboard or make it fit on screen like so, so if you click on the artboard layer there, don’t forget the problem tees. You can change things in the properties here when you’re on an artboard layer. I have to say going between the artboard and a move tool. It’s very fiddly sometimes. So I often do things like here. I’ll come and change things. I cannot be bothered to fit around because when you’re on the artboard tool and you click away, you go back to the move tool. That’s kind of covered. It guys, there’s a few little things. I would find difficult as new to Photoshop, and it’s little things like knowing how to select things, but on your move tool, make sure you don’t have auto select on and also show the transform controls. So you notice that heart there you can see the bounding box around it because otherwise you’ll have to go to edit and free transform, etcetera, So I just keep it on by default, so make sure you’ve got show transform controls on also select. I don’t take, and the reason being is. All you have to do is press the command key. You can see it coming on and off, so I click on that white there. I’ve selected that text. You can see the huge bounding box there, but click back on the heart of select to the heart. So remember, Commander, control and keep that on ticked. So that’s about it really, guys. I can’t think of anything else to say about our boards. Now I think I’ve covered it. They will bite you on the backside. Sometimes because it’s just a difficult way of working lots of our boards, and there’s a lot of Vantages to using them in a single document, just one artboard because what we used to do before artboards that say we’d have this document. We wanted to get two different sizes of images out we would export one and then use canvas size or whatever image size and then export the other one with artboard’s duplicate the artboard change the size scale everything down and do a normal export. And, hey, presto, we’ve got two files, That’s it guys! Thanks very much.