Content Aware Scale


Photoshop: Content-Aware & Cloning


Lesson Info

Content Aware Scale

So if you're following along we're in folder number six content aware scale and what we're gonna do is we're going to use it tio change the size of these three images so I'll get those popped open for you here go is go ahead and close our skier photo so here's one image that we're going to work with so let's say for example that you have an image like this and you need it to fit within a certain size let's say in a newsletter in a magazine in a newspaper or a picture frame but the situation is that you can't crop the image to get it the size you need so let's say I need this image to be smaller than it is, but I can't crop out this extra cow any of that cow in my shot all three cows were about to cows again so what I'd really like to do is just scoot the focal point slightly closer together to get the size image that I need or scoop and farther apart to get the size and the genie. So when with this kind of thing be handy? Well, like I said, we need to fit the image into a certain size ...

slot or if you have a certain size frame but the image this isn't quite big enough to fit, you know at those particular dimensions content where scale can really do an amazing job and what's gonna happen is photo shop is going to prioritize the content of the image according to the colors that it encounters in the level of detail so areas of high contrast so what's going to happen on this particular images we're going to be able to scoot these cows incredibly close together and it looked realistic, which is also you know, one of those magic features that we've got here. So for this particular command, you are definitely going to want to go ahead and duplicate the image layer so let's just go and do that by pressing command jay on the matter control j on a pc and we're going to go ahead and turn the image layer off the visibility of our original layer because I want youto route it kind of take a look at how far we can go with this size change before we get into trouble with it. Now we're gonna try to the edit menu and we're going to choose content aware scale it does have a keyboard shortcut, but as you can see, you would need to use fingers and toes and elbows teo get that dance or his kind of go ahead and she's it from the menu here and you're going to get a free transform what looks like a free transform box all the way around your image so you've got little handles those air these little see through square handles on every corner and then in the middle of the image, both horizontally and vertically. So what you can do here, let's, say we need this image to be more narrow. We're just going to click and drag. We're not going to hold down any modifier keys and look what's happening to our image photo shop is analyzing it intelligently, and those big areas of green, big areas of blue are getting very low priority, and that is the part of the units that photo shop is using to make the size change. Now, we did get a little bit of cow squishes going on at one point several this kind of bring that out a little bit, but look, we can go all the way to there with out our focal points, changing in any way, automatically. We didn't have tio create a selection first, we didn't have tio create an alfa channel toe like mark off a section until photoshopped hey, don't you mess with the spot? We didn't have to do anything, and it just simply worked now, it's working because this is kind of the perfect image, teas and on, so you've got a big old swath of blue we've got a big old swath of green and not a whole lot of enough detail in those areas where the change looks really. Stick pretty amazing stuff, and of course, when you're finished, you can press return to let photoshopped know that you're finished with the transformation gets first shot puzzle in track mind while it has an active re sizing box around it, you can't do anything else but resize the image will squawk it if you try toe, use another tool or use another command, so then at this point, you could use the crop tool to crop out the transparent areas or if you more easily, you could choose image trim and then choose transparent pixels from the resulting trend dialog box. And when you do a photo shop, just terms it down automatically so it's undue by pressing commander control zero and, well, let's do that again, salt elite! The layer that I created, we're back to square one, we're going to duplicate original image layer just for the purposes of this demonstration, we're gonna turn the visibility off on the original layer. When she gets finished with this transformation, you could delete that original layer if you needed tio okay, so now we're going to come up to the edit menu and choose content where scale and when we get our re sizing handles, depending upon which way you want to go, you know it would it would work if we drag downward, see how it's just reducing the sky area automatically isn't that amazing? So by using this tool, we could give this image a completely different aspect ratio just with that one command. Just incredible stuff here. So now let's, grab one of the side handles and drag it leftward and you can see interesting how the skies waving it just doesn't. Amazing job. So this kind of thing is incredibly useful for anybody working in a production environment really incredibly useful for photographers as well. Amazing job. Now you will notice that at the options bar the very top here, we've got to protect menu. Now, if I had skin tones in my image, I could get out of that and get get into it one more time. There we go. If I had skin tones in my image, I could create an alfa channel. And then I could choose that alfa channel from the pop up menu right here. And that just allows me to paint on the areas that I want a shot to protect. We're going to do that here in a little bit. But this is actually the button I was thinking I brought here skin tones. Yes. If you collect this little stick figure then it darkens to let you know that it's turned on and then that means photo shop is going to pay extra close attention to any skin tones it finds in the image and it's going to try its best not to squish or squash the people in your image but wow what an amazing job it did so it's closed that one and we'll try on another one there's my b image ok so here again let's say you need to fit this image into a certain size slot but you've got to do it you've got to get those girls closer together you know so let's just do that again will duplicate our image layer turn the visibility of the original off come up to the edit menu choose content aware scale and let's just see what happens here how far we can go before we start getting squishes not very far theme again halloween people find her here now your next question will be what lisa can I just use content removed to skate those girls closer together maybe let's see creating new empty layer will use the acronym you were gonna can it oh yeah we're making that action verbs so now we can get a selection of our old chick lit on the right here draw quick little selection around her and then click and drag within the selection and scooped her over that would work too so it just depends on what you want to hear some now let's do that again okay with the content where scale so edit content where scale we've got our protect skin tones turned on, so once we see how far we can go with it, not really far on this one what we could do is create an alfa channel to protect certain areas of the photo and then fired a shot really wouldn't mess with him we're going to that in a second now if dragging from there right doesn't get you exactly what you want then tried driving from the left and we may get a little bit of a different situation going on and also you can do it from top to bottom but just be careful how far you go unless you want to create really really short people here ok? So let's take a look at another one so here's the owners that I used content we're scale on and there's the original so you can see it was a much wider image than what we ended up with a case of just duplicated turn off the visibility she's edit content or scale if you do have people in your image, go ahead and turn on that protect skin tones oh, and then just watch carefully as least scoot everybody together so this was another good illustration of you know if I wanted to put this photo in a frame you know, cropping it really wouldn't work as I'd end up cropping off some of the people. So what I really want to do you skip those people closer together and it works in the opposite me energy you could make farther apart if you need to have a different aspect ratio on this photo. So now it's closed these guys up and let's take a look at using that same feature, but for enlarging an image with kind of a free area for text let's take a look that I see the folks that created live do this all the time for promotional graphics for the courses all the time, so well, you'll get is you'll get an instructor saying hand when you use this photo in my class incredible, I was like, great, I needed to be landscape in orientation, not portrait, you know, because we need to have space to put the title of the course to the right of the image itself. What do you do in this situation? I mean, really, what on earth would you do? Would you try to expand the canvas and then clone that be a nightmare? So what you can do is reach for content or scale instead, so I'm going to go ahead and create ah new empty layer turned the original off and I'm going to give myself some extra canvas space a couple different ways you can do that you can do it with a crop tool so let's press seed activate the crop tool and then what I'm going to do is just grab this right handle and I'm gonna drag it out press return now I've got that extra space is candace space the other thing you could do is choose image canvas size and then you can do that here which is great when you know the exact dimensions that you need the thing to be but if you just need it to be a little bit larger than you can resize it visually with the crop tool but if you know exact dimensions that you might want to have a go at it with this situation so if we wanted to add extra space to the right then we would just we can say with oh I don't know seven inches and then you can use this anchor little interface which kind of it's like a rubik's cube but if I don't want my image to be on the left of the new canvas space then I would just klick over on the left hand side here in wherever that circle is this where your original image is going to be positioned so if I click ok then that extra canvas space is going to show up on the right hand side of my document because I said hey anchor my image on the left but had I left it in the middle, then I would have a little bit of extra campus face on both sides now I got my campus space so now let's have a go with content where scale so we'll choose edit content where scale may as well have our protect skin tones on and now we're just going to drag to the right until we get the size we need. Now I'm dragging really really slowly and you're wondering is she doing that use up time what's going on with that? Why doesn't she just yank it? Well, I'm watching carefully my focal point here making sure that we don't end up with some kind of a sloppy job looking snowboarder you know, if you just drag it over here it's hard to see at which point your focal point starts changing okay? So with my eyes I'm seeing a change in about right here so when I'm going to do is go ahead and press return and run the command again image or edit rather content where scale now I can get exactly what I need and that incredible sometimes with these new tools come out, I think what the heck is that going to be useful for? And then you start using it and it becomes real clear oh that's what that's useful for so let's do that one again I'm gonna use it come in. I'm not used today to revert my file back to its original state when I saved it, and that is to choose the file menu and revert a little bit quicker than undoing several times. So there we go, there's our original image let's go ahead and give ourselves and canvas space with a crop to also have the crops will active, and then I was going to dry the crop box over to the right we go, and that gave me quite space, so I'm gonna nd a double clicked the background later to make it editable first, then we're going to do that, and that way we'll end up end up with transparent space. There we go now, let's, go up to the edit mini cheese content where scale, make sure our protect skin tones turned on. We're gonna drag slowly so we can watch our focal point and make sure that he is not being squished. You're stretched, which happens at about right there. I'm gonna press return and that we're going to go back to the edit menu, cheese content or scale again, and I believe we'll be able to go ahead and drag it the rest of the way pretty amazing, huh? Now you've got plenty of room for techs so, so helpful in a production situation. So let's, take a look at that on another image it's a little bit more difficult to do it on then this one so I myself used this particular image I think it was during a photo shop week class where my class was titled editing habits to break, so I thought, oh, that's clever he's breaking something, but it was the perfect image, but I didn't have enough space I mean, I needed this image to be something like sixteen hundred by nine hundred okay, so I I've got a lot of pixels to create on the sides of this thing, so let's, go ahead and see what we can get done. I'm gonna go ahead and double click my background later to make it editable so that when I use my crop told ad space, we don't get a colored area in there and then I'm going to use my crop tool toe add the canvas space, but for this one, I'm going to add candace space on both sides, so I'm gonna press and hold the option chiana mac or altana pc in that way when I drag a handle, it affects it from the center outward, so let's say I need my graphic to be that wide ok and again, if you know the exact dimensions and by all means go up to the image menu choose canvas size enter the dimensions there and you can choose if you know how many pixels that needs to be well, then it's going to be a little bit difficult for you to translate that into inches in that case just cheese pixels from the measurement poppet many and just enter them there and then use this little circle icon right here to tell photoshopped the position in which you want the original image toe land a top that you can this space, so if I want him to end up in the center that I'd leave it alone if I want him to end up on the far left side, I'd click over here on the left side if I want him to end up on the right side, I click over here on the right side if my image was not the height of the document than I could position him like at the bottom right corner the top right corner but it's not gonna change anything in this situation, so we'll just leave it set to center so that's just another way that you can add cameras space if you know the exact size that your image needs to be so now let's have a go with the content where scale so choose edit content where scale make sure you got the people protect people stick figure icon turn on and the options bar and now oh the modifier key trick that we used on the crop tool a second ago can also be used on this tool in so far is that I can press and hold the option key on a mac are also on a pc in the picture will start being affected on both sides of the same time so if I really want my graphic to be that wide well let's see how far I can go before we start getting in the big trouble okay so that looks like it's a bow right there press returned to accept it now let's do it again and see if we can finish it out so if if it first you don't succeed try these these tricks I'm showing you right here you know try doing it again try doing both sides to get the with that you need by holding the option chiana mac or alternate pc or try dragging from the right side only or the left side only you know experiment so we'll go back to the edit and you choose content or scale present whole option on the mac or also the pc and we'll see how far we can get now it is worth mentioning about right there it's worth mentioning that every single time you transform pixels in this manner you are losing a little bit equality so you want to try to get this done with a few attempts as possible but two or three goes with that tool, you're probably going to be okay, but seven, eight, nine attempts at it, you're going to start to see some weird things happen in your image. So right now I'm noticing that, well, I've got this much space yet to feel, but wow, look at this has a nice old swath of exactly what I want over there on that right hand side, so I'm going to switch to the move tool. So just by pressing the regular move tool at the top of your tools panel and I'm escape this guy over to the left now and I ran the command again. I want on ly affect that right side. Wade got the size that we need. Now. I've got a nest space for the text that I can promote my work shot with the perfect image that I found, but yet the image itself wasn't the right size that I needed. So these are all great great excuses to try out content aware scale.

Class Description

Ready to take your Photoshop skills to the next level? Join author of the best-selling Photoshop: Missing Manual book series, Lesa Snider, for a full-day immersion into Photoshop’s Content-Aware technology. Lesa will cover everything you need to know about Content-Aware technology, in which Photoshop intelligently analyzes your images for optimum results when resizing, removing, or moving objects around. You'll learn concrete and practical uses for all of these tools including Content-Aware Fill, Content-Aware Move, and Content-Aware Patch, plus you'll learn how to use alpha channels to get the absolute most out of resizing your images for specific output sizes with Content-Aware Scale. And when these tools don't do a perfect job? That's when the Clone Stamp tool comes in! By the end of this deep dive, you'll have mastered the art of using all these tools non-destructively for maximum flexibility when editing your images.

Software Used: Adobe Photoshop CC 14.1



This is a great course. I work for a clothing company retouching and post processing photos of the models. Being able to remove wrinkles from clothing and make it look natural is critical. Lesa does a great job of teaching the various methods of repairing everything from wrinkles, to color and texture. I go back to it often when I feel I'm missing something.