New Guide Layouts in Photoshop®
Okay let's talk about kind of the weird way that I laid out all of these all of these graphics here because it looks like it's overly complicated so in my layers panel I'm gonna look here at all of my I think it's my video yeah, my video layouts this is really interesting so I have for every square that I've made, I've made a rectangle and then I've added a photo on top of it and I think it's actually easier if I just show it to you will show it to you with this image so I'll edit original it's a layer document but what I want is I'm a throw away everything except for the photo so here's what I want to do I want tio layout a bunch of rectangles here, but I'm not really sure what shape I want I mean, I want him kind of square, but I might want rounded rectangles I'm not really sure around the corners, so one of the things I could do is I could go interview and I could say new guide lay out so I don't have to do the math so I might say, you know what I want like six columns and I want si...
x rose but I also need a margin so don't calculate this from the edge of my document please calculate it from maybe like fifty pixels in and if you're if you're rulers and units aren't set two pixels you can type in p x you don't have to like sometimes you think you type in the first thing and it's like oh inches I don't know how many inches so you might be tempted to back out you can just type in p x and it will convert it tio whatever you need so all right do you want to get her? Yes, we have a little gutter here of twenty let's go ahead and you know let's bring this down a little let's just do for that's going to be easier for four and then we'll do maybe forty five and forty five here. Okay. All right, so what I'm doing is making like a little video bank and you could clear if there were guides there already we have clear those but and if you use this over and over we could obviously save that and unload those of his precepts but now I've got my nice guides here I'm going to grab my shape tool that I'm going to grab the regular rectangle tool and let's view the properties panel for a minute and I'm just going to drag out my first initial rectangle okay, now uh what have I just drawn? I've drawn a path I don't want a path I actually want to shape player member with the heart I just wanted to shape now I actually sorry with the heart I only wanted the path in the shape of a heart now I actually want to shape player and I don't see one here so I'm gonna undo I'm gonna change my option appear to shape and then we will drag this out again so now I actually have rectangle one and it is a shape player so I need to make some duplicates so command j command j command j and then it's up to you how you want to distribute them you can do that auto select like we were just doing right so I can just keep doing that or I can actually move them why am I moving them by hand? I'm moving them by hand because for me it's going to make more sense I want to know what order they're in they go left to right although I guess I don't really need to know that okay anyway, way delete those important critical move you must make a smart object first why I want things to be instances so if I change one, they're all going to change. So if I make this into a smart object and I make my duplicates on the layers pound do not I repeat do not go toe layer smart objects new smart object via copy because that copies what's under the hood we don't want that we want one rectangle under the hood lots of instances of that rectangle in photos show so we don't use that we use command j which is the shortcut for layer knew layer via copy. Okay, so command j we skip that over how else could we do this? How about command option drag and command option drag again that takes the layer you have selected, makes a duplicate of it and you could drag that over. Okay, we have these we need to put him in a group command g puts them in a group. Why am I putting him into a group because of lazy now all I have to do is do come in. Jay duplicates the group and then what? Well, the group selected, so if I want to move them all down I don't have to move each individual one down because they're in a group. So when you have the group, everything in the group will move together. So then we select both of those command jay and move both of those down right? And now okay, you ready for this? We put all of our groups in a group. Okay, why do you think I'm obsessively tidy but no that's, not it. I'm gonna put the water layer on top of the group, not in the group though you'll put it in the group see if the group is highlighted all the way around since I want to put this in the group I don't want in the group I wanted on top of the group, so I wait and I pissed my cursor a little higher till I just get that really thin line up there that says I want it on the top and then I go toe layer and I say create clipping mask and it will clip that so that whatever is on the top will only be displayed where there's contents in the layer below so I can move these rectangles around they're totally flexible I could go and say you know what let's select group to do a free transform because maybe I let's hide those guides from it maybe I don't like the size of it and at this point someone says get it needs to be smaller see it's no problem I can transform them all at once and I'm still getting the water clipped on time okay? We'll just escape because now with the art director says which I don't know how many of you work with our directors. I don't know if you know the definition of an art director definition are directors one who changes their mind that is how you define them that is their job here's my best photo shop tip of the day if you're handing your work off to an art director, make sure there's something wrong with it it is their job to correct it! See if you have a typo in your image, they'll have to correct the typo and they'll be like, oh, there's a typo! And they'll be like I've done my job! And you're like yes! And now you're not going to say anything about the color your focus on the typo there is my golden tip of the day unless you're an art director and sorry, okay, so I wanted to do one last thing, which was I want to change like the art teacher says, hey, you know that's great! Do you have that rectangle? But I want you to make the corners around it gets to square, so when you select the rectangle and you look in the properties panel you go! I thought this was a live shape, so the new grab your rectal tool and you crab all these tools were like, yeah, I can't get to that live shape because remember, we made it into a smart object, so if I double click or if I say edit the content so we can either double click on the icon for any of the shapes, it doesn't matter which shape I have selected because remember they're all instances of each other look, it came up in its own window, right? So I actually have to win well, I have this other document open but here's the parent document and here's the contents of that smart object which is a rectangle so I'm gonna go back to just the rectangle one and now look at it my properties panel I can go ahead and make a change and change ok it's going to hard to see because I've got this week to see the big white shape, but I've got the transparency there we could start to see the checkerboard behind it, all right? And if I didn't wantto change them all so let's go ahead and say, you know what? I only want to change let's dio I only want to change this corner right here then we can unlinked them and then we can just change that one corner I'm just clicking and dragging see when you've got that little hand with the double arrows that's our little scrubby slider so you could move left to right like that. All right, so once I save this chain ok, I'm going to save and then I'm going to close it. It will actually update it with all those instances that I have so very cool, especially if you're doing any kind of screen design and you're making icons and everything you're not sure square around how square, how around how square that's kind of silly square would be square okay all right so that's kind of the concept that I was going to show here and why this looks like it's more complicated than it needs be this the layout that I have what I have is I've clipped a photo to every single rectangle so that if I change the rectangle I don't have to change the photo or anything or change a mask on a photo clipping groups have saved me so many times because I don't have to redo the masks on twenty layers I just have to redo the clipping group and so that saved me a ton of time okay, yes is it possible to turn an instance of a smart object into an independent one? Oh no absolutely absolutely um let me think about it I was going to say absolutely but I think you actually have to so I've got this one for example I think he just says is there he or she I don't know how can I just free that one from the other ones? So if you're asked arise that yet would free it but then it's faster so you don't really want that I would just make a duplicate so I would go up tio layer come too smart objects and say you know what let's make a new one the copy so there's my new one let's grab this one and just delete it yeah there's no magic like right button secret handshake shut out two beats for thirty five who gave the same answer to the person in the chair you go see right on okay, what else do we want to do let's do one one or two less so we have to do this let's let's select this layer right here. So what layer is this? Oh, I thought I was using select oh, so this is interesting ice should point this out. I thought I had the move till selected so I held down the command can orderto auto select this layer of the golden temple but there is something different when you have your vector tools selective like your path tool or your your arrow tools like I did you notice we have a little selection option so you can select with those tools a little bit differently than you can select normally and that is you can select based on just your active layers or all of your layers which is really cool because you know you can do filtering here if you guys know this not if I want to filter they have you guys ever use this like I can filter by kind like if I just want to see just show me my type players that's all it shows me or just show me my adjustment layers without the type players oops I don't have any adjustment layers just show me just show me my shape players because maybe you want to change maybe you want to go and if you have a lot of adjustment layers you want to change their opacity all to eighty percent or something at one time this is a great way instead of having to go through your whole document and it's not just on the kind of layer so you can search by name because now you will name your layers I know effects right? And then do you have the bubble in the boss? Hey, show me everything in this entire mock up that I've done that has a drop shadow because I need to make a change to it and change it will then change all of my I could select them and change them much more easily ok wouldn't it wouldn't change them all at once because they're not linked unless I did it with a smart object, but I could go in there and at least I could select one change it copy and paste to the other ones okay, so lots of different ways that we can filter and then if you want tio smart objects whether or not they're linked or embedded, you're selected images, so if I come back to kind let's, look at everything let's say I have these images selected it's quite nice I could say, you know what? Could you just show me those selected images and now I can go ahead and make different selections with in kind of a sub selection. All the layers air still there. But I don't have to look at that crazy layers panel when I'm trying to work with just three or four layers at a time. So be sure you check out the filters when you have a filter on. Obviously, it flips the light. Switch up to read, you can click it again, and it will turn that off.