Resizing with the Crop Tool


Adobe® Photoshop® Intensive


Lesson Info

Resizing with the Crop Tool

So I'm gonna go ahead and cancel out of this box, and we're gonna close this image, and we're gonna work with another one here and in this image. Oh, yes, my husband and I and our best friend, jeff gamut, we do dress up and go to star trek conventions. Oh, yeah. So let's say that this image just came off my camera, but of a practical application of this whole stuff here, let's, say, this was off my digital camera. And first of all, I know it's honking big my camera captures a seventy two pixels per inch. And I know I can just print this thing, you know how it is. So I want to see what is going on, and I want to see how they got a print I can get so I can go up to the image menu, choose image size, just like we did a moment ago. And in this dialogue, I can see that I'm dealing with a twenty eight megabyte image that's twenty five hundred by thirty, eight hundred pixels in with. And I see my documents eyes here. If I were to print this thing right now, I would need a piece of paper that ...

was thirty six inches wide by fifty three inches tall, that's big I don't have a large format printer so that's not gonna work for me, so what I can do is I can without change the resolution without changing image quality. Turn off that re sample image box so now my quality is locked like an experiment all day long with this if I want so knowing that my printer is happy with three hundred pixels per inch, I type in three hundred and I am also pleased to see that I can get an eight by ten if I want. Okay? So that's one way to do it, go into the image size dialog box so if I were tio, I'm gonna go and click cancel and I'm going to show you how to do that with the crop tool actually medical him press ok just to prove to you that nothing is going to change on screen, we changed our resolution and nothing happened. Now if we want to check that, we can go back into the emphasize dialog box and now I can see that photo shot did indeed make my change, you know, if I don't trust it. So ok. And actually, I'm gonna use the revert command under the file mini, which is a handy little thing to go back to the files original state when you opened it there we go see again no change but let's go back to the emphasize dialogue resolution did change back to seventy teeth so that's why it's so difficult to understand? Ok, so now let's look at the crop tool okay, so the crop till lives over here in the main tools panel this guy right here and if I activate that tool you'll see in my options bar I have wonderful options for the crop tool I've gotta with dialogue or field rather I've got a height field and a resolution field so you can do all this re sizing and resolution change straight from the crop tool. Now the benefit of dipping into the image signs dialogue first is just see what you're working with him to see the maximum size print you could get at a given resolution. Okay, so now what I'm gonna do is I'm gonna zem out of my inner city you can see the whole thing so I'm gonna do that with keyboard shortcuts command minus on a mac we'll zoom out control minus on the pc well, same out command plus seems back in control plus on a pc zings back in so I'm just going to zoom out one time she can see the whole image there it's now got my crop tool I'm gonna try to appear to the options bar and I'm gonna type the dimensions in that I want so let's say that I want an eight by ten of this image I'm in a type eight space I in and I would suggest that you get into the habit of typing the unit of measurement else you have to try to remember what photo shops preferences air set tio in so far as unit of measurement because if it's assuming inches and you just type eight if you met eight pixels it's going to think eight inches so it's a good habit to get into typing in the unit of measurement so I am for inches px for pixels it's just a good habit so now then press the tad key so I'm over in the height field in all type tin space I n you know when a tab one more time to the resolution field and type in my desired resolution which is three hundred now when I come over here with my crop tillman amounts over to my image I'm going to click and it doesn't matter if you click outside the bounds of the picture okay click and then dragged to draw box and photoshopped will restrict the resize you're stripped the crop box rather to the aspect ratio of the dimensions you typed in okay and one thing I love I'm just gonna press escape here so I can get back to that options bar settings to show you something else if you happen to type uh if you transpose the measurements appear in the options bar for example, if I really meant to create a ten by eight one eight by ten you don't have to retyped everything in after highlighting it you can click these little arrows in between the two fields and they'll flip flop the fields it was years before I knew what that was for always typed everything in again so do as I say not as I do okay, so now if I drop my crop box again and you can move your crop box around on the image and when you get it placed, just try and you can use all of these different little every sizing handles these little clear squares that appear on all the corners of her image to resize the crop box but no matter what size you make this box, your resulting image will be an eight by ten and three hundred pixels per inch no matter what which insurers a perfect print at your cropping specifications so you don't have to worry about getting weird edges or anything like that. So if I press return or enter on your keyboard which tells photoshopped hey, I'm done with the cropping we can move on to other things now now let's go check it in the image size dialog box and now under documents eyes which you're going to transpose in your head to read print size I can see that I do have an eight by ten and three hundred pixels bridge, so I'm good to go, okay, so that is another method of changing resolution and re sizing at the same time so let's close that image and let's open another one here, so let's say, oh, yeah gets better and better let's say that you didn't dip into the immense size dialog box first you're in a rush you're in a hurry what have you maybe you didn't take this picture? Maybe it was sent to you by somebody else and you still want in eight by ten, right? Ok, so let's, use our crop till trick so we already have the crop still active in the tools panel and, you know, it's active because it's dark and a little bit okay, see how that was darker than this one. And remember I said at the top of the class, any changes you make in the options are state changed? We change them back, we'll hear our settings that we just typed in a few minutes ago, so now I'll zoom out by pressing command or control minus so I can see my whole image and I wanna drama crop box again and I'm going to click and drag within it to reposition it on top of the photo watch what happens this time you don't know it but this image is really small to begin with there are precious few pixels in this thing so when I press return or interdict set this crop funny shop is going to give me a clue that it's up sampling it's enlarging because the image in the preview window is going to get honking big okay, so watch what you watch that happened if that happens to you if you use the crop told to resize and change resolution in the thing it's huge like that you know europe sampling you know you have exceeded the resolution you can get at the size you typed in ok? So here's a golden opportunity for our undo command right don't up sample get me out of what I just did trot out to the edit menu choose undue crop or just press command or control z and you'll go back to your pre cropped image now your choices here you have a couple you could now go into the image size dialog box and then you would see oh holy four I'm only dealing with a four hundred by six hundred pixel image to begin with of course I can't have an eight by ten, three hundred pixels per inch what was I thinking? But anyway that's a visual clue image gets really big, you know europe sampling ok, you'll notice that when we did it on the larger image it didn't get bigger okay so kind of a visual clue there so at this point now in the image ties dialog box I could experiment with that resolution and see what size I could get so if I know my printer watch three hundred a type three hundred here and I can have a postage stamp basically of this image unless I want up size a little bit so if I want to up size maybe I would turn on re sample image and if I'm dying for a four by six you know I could type that in here type in four and now I see you know I'm gonna be greatly increasing the size of my image but you know, if it's something that you really, really want and you're you know, printing it for personal use it's not perfect people are going to see it from a distance, you know? But this is a great way for you to experiment with all that, okay? So we're going to do a couple more things with the crop tool here, you'll notice that no it's not my dog you'll notice that when I do the crop box a second ago there was a grid inside of it that is a new thing in photo shop see us five footer stop c s five is really photoshopped version twelve and it only took us twelve versions to get that fabulous little grid in the crop tool thank you adobe shall we talk just a little bit about that before we move on they will take questions first someone any tio open at my layers panel over here okay so I'm not seeing it on the right hand side of my screen so I was going to go back to the essentials work space that I had open earlier and then my layers panel is going to come back into view okay so what I have here when I make a little bit bigger so you can see is I have created using funny shops built in shape tools a couple of grids ok so let's say we want to print this image we wanna crop it well, there is a rule that some of you all may know about maybe all of you and it's called the rule of thirds grid cropping role rather and it helps you compose your images in a more visually pleasing manner goes all the way back to ancient times leonardo divinci with the golden mean golden rule all that kind of stuff there is a bit of magic involved if you divvy up your image with this tic tac toe grid the rule of thirds states that if you place your focal point on any of the intersecting lines you would create a more visually pleasing image it has to do with optical recognition in your brain okay, so I obviously did not compose this image with the rule of thirds in mind, though a lot of cameras do have a rule of thirds grid overlay in the lcd on the back of the camera that you may have to root around in the owner's manual to find how to turn the dad gum thing on. But it if it's a newer camera and say within the last three years, it probably has it so turned that on in camera can be helpful, but here in photo shop, we don't care if we didn't get it right in camera cause we can fix it in post that's why we're here. So when I need to do is re crossed the image so that it follows the rule of thirds grid, which means that this red grid right here is representing what my image is going to look like. Ok, so if I place the dog on this line and ideally, you would have an eyeball on one of the intersections, okay, but basically you just want the focal point to be on one of the lines, and it could be the horizontal lines as well, and if you can, the most important piece should be on one of the intersecting parts, okay, so it's not perfect, but it's it's pretty good. So in c s five we can use that grid that comes along with a crop tool, which is really handy for that otherwise you were guessing or you had tio know how to use their shop shaped tools in order to draw more of these things on your image. Okay, so now what I'm gonna do is I'm gonna grab the crop tool, but I don't want an eight by ten okay? So if I draw a crop box right now, it's going to restrict me too, the measurements I typed into the options bar so I need to bail out of this crop and zero out those options, so I'm gonna press the escape key on the keyboard to get out of the oven active crop box just the escape key is the top left of your keyboard now I'm going to come up to the options bar in rather than clicking within each of these fields and pressing the delete he I'm going to simply press the clear button and that's going to zero out everything hey, so now I can let's say I wasn't worried about re sizing I can now just click and drag to draw box on my image and I can see that grid and as I changed the size of my crop box, the grid moves along with me so I could if I wanted to get it perfect I could do something like that then that would chop off the fun bits of the photo so I don't want to do that so I'm gonna go ahead and make my crop encompass the height of the photo there, so the new crop boxes really, really helpful thing okay? Another really cool trick I can give you for cropping is with the crop shield that footage shot gives you you'll notice in the photo here that first stop is trying to give me an idea of what the post cropped image will look like by fading out or darkening everything that's going to be deleted so this part over here will cease to exist in the image should I accept this crop? Well, if you look in the options bar and you're going to see this stuff with an active crop box ok, so in other words, if I escape, see how my crop options change once I draw a box, then I get new options for the box itself. One of those is would you like the rule of thirds grid or would you like, you know, a smaller grid or would you like nothing, which is what we used to have and see us for earlier? So let's go back to rule of thirds the thing I want to point out here is this shield ok? So here's the shield off here's the shield on so it's showing you what's going to be deleted the shell colors black and it's a good idea to keep that around but what you can change is the shield opacity so if I change this opacity setting to one hundred instead of a dark gray box I get solid black which helps me more easily see what my final image will look like rather than gray it's solid black so that's any ultimate free change your shield opacity teoh one hundred percent and again you're only going to see that after you've drawn the crop box then it goes away. So now when we press return we can see that indeed that left hand part of my image is gone okay? And that is a more visually pleasing composition then this image right here. Okay, any questions on that part we dio stephanie june would like to know how you got the rule of thirds grid up show that again how do I get the realtors grid up? It comes along with a crop tool in c s five you will not have it in any other version of the program. This question was from a little bit ago tracy sewell would asked on facebook so when I crop in image to eight by ten do I also need to go into the image size menu and changed the document size to eight by ten no great question if you crop it ah photo shop is changing the documents eyes automatically a question from w d arl be if the crop is more important than the image size can you just crop without putting a value in the hype with resolution and how does photoshopped handle this? Absolutely that's what we just did with this photo so for let's just say that we didn't really care what size we end up with we don't specifically have to print an eight by ten in this image we just needed more visually pleasing composition then I left all of my fields empty in the options bar for the crop tool and we just cropped it we'll call it arbitrarily so it doesn't matter for the shops only changing the is changing the size it's not changing resolution at that point question from nick ray can lisa show again how to realign while using the crop tool realign while using the capital realign while using the crop to I'm not sure what that means nick ray please let us know what you mean by that I don't have to show if I understand I'm not sure if that was straightened or I don't know I think we're going talk about straightening here in a minute um so there's so many questions lewis a said I see a hide option when cropping how does it work? I see a high tide um hide option oh ok show good question when you're cropping an image anything outside the crop box gets deleted it's gone forever there is another option if you change the crop to hide it doesn't really go away it hangs off the edge of the document where you don't see it and you can get it back okay so that's what hiding does so if we go ahead and press that and I haven't done that in a long time so let's go to the layer menu uh it's under the image menu if you turn on the hide option with the crops hold where that areas and deleted it's just hanging outside the document edges if you go down to reveal all you could bring it back at a question from I lost it about one second question was from science coy do you have to uncheck re sample size before using the crop tool no you know how to answer that so when you're making changes inside the image size dialog box you have the option of changing either the physical size you know pixel dimensions of your image or just resolution if you just want to change resolution that's when you turn off that re simple image because that locks the size of your document by the crop tools very nature it's changing the size of your document so it is going to change the size of your document no matter what so there is no do you or don't re sample image. The crops will always re samples your image.

Class Description

In this special photoshop tutorial, you'll dig into Adobe® Photoshop® CS5 with Lesa Snider, author of Photoshop® CS5: The Missing Manual. There is so much to cover in Adobe® Photoshop® CS5 that we need almost a week to cover everything. In this special 4-day workshop you'll dig into Adobe® Photoshop® CS5 with Lesa Snider, internationally acclaimed instructor and author. Lesa is informative yet entertaining with a unique way of explaining difficult concepts so you understand the "why" behind the "how". Get ready to spend a fun, high-energy week digging into the power of Photoshop.

Software Used: Adobe Photoshop CS 5.1


1Introduction: Nitty Gritty Basics + Layers 2Workspace Overview 3Q&A: Workspace 4The Truth About Resolution and File Formats 5Changing Resolution Without Changing Quality 6Q&A: Resolution and File Formats 7Resizing with the Crop Tool 8Cropping with the Ruler Tool 9Resizing with Content-Aware Scale 10Resizing for Print/Web 11Layers and Layer Types 12Duplicating, Moving, and and Aligning Layers 13Q&A: Layers 14Creating Reflections 15Layer Alignment Tools 16Simple Slimming Technique (Resizing Layers) 17Colorizing a Black and White Image 18Creating a Solid Color Fade with Fill Layers 19Layer Masks: Hand Painted Image Collage 20Layer Masks: Gradient Mask Collage 21Layer Blend Mode Collage (Include Load Images as Stack) 1Using Selections Part 1 2Using Selections Part 2 3Q&A: Selection Tools 4Color Selections: Fixing Animal White Eyes 5Tightening Up Layer Masks 6Painting Selections with QuickMasks 7Using Vector Drawing Tools 8Vector Shapes: Creating an Oval Vignette 9Vector Shapes: Rounded Edges to Photo 10Use Channels to Create Selections 11Tough Selections Around Hair & Fur 12Refine Edges Part 1 13Refine Edges Part 2 14Creative Edges on Photos 15Embellishing with Vector Art 16Creative Vector Photo Frames 17Editing Smart Objects 18Smart Objects Template: Creating Dark Edge Vignette 1Smart Objects: Selective Blurring 2Smart Objects: Selective Sharpening 3Sharpening with the High Pass Filter 4Q&A: Sharpening 5Auto Color Adjustments 6Shadows and Highlights 7Using Levels 8When to Use Smart Objects 9Using Curves 10Lightening and Darkening with Blend Modes 11Enhancing Eyes and Teeth 12Changing Colors with Hue/Saturation 13Changing Colors by Hand Painting 14Faux Dodge/Burn: Reduce Wrinkle 15Color to Black and White 1Healing Brush 2Content Aware Fill 3Using Text in Photoshop 4Designing with Baseline Shift 5OpenType Fonts 6Placing Text Behind an Object 7Barely There Text: Faded and Hollow Text 8Pushing Photos Through Text 9Adding Texture to Your Text 10Convert Text to Paths 11Combine Images using Advanced Blending 12Realistic Photo Aging 13Faking HDR 14Wrapping Texture Around an Object