Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member

27. The Crop tool

From: Photoshop Top 40

Video: 27. The Crop tool

(Music playing) Deke's Photoshop? Deke's Photoshop? Top 40! Feature #27 is the Crop tool. The Crop tool allows you to do a few things. First of all, you can clip away the edges of an image so that you can hone in on just those details you want to keep or of course you can compose an image, and post as well. You can straighten an image that's crooked. That's the thing number two you can do. And then finally, if you take a little bit of time upfront, you can rather than cutting away the edges, getting rid of the stuff that you don't want.

27. The Crop tool

(Music playing) Deke's Photoshop? Deke's Photoshop? Top 40! Feature #27 is the Crop tool. The Crop tool allows you to do a few things. First of all, you can clip away the edges of an image so that you can hone in on just those details you want to keep or of course you can compose an image, and post as well. You can straighten an image that's crooked. That's the thing number two you can do. And then finally, if you take a little bit of time upfront, you can rather than cutting away the edges, getting rid of the stuff that you don't want.

You can merely hide it so that you can bring it back later if you so desire. Very flexible way to work as you'll soon see. I'm working inside of a photograph from George Alexander and I don't know what it is about images like this. I love them so much. This woman pretending to hold up the Leaning Tower of Pisa. I just think that's such a fantastic concept that it's old school image editing is what it is. It's real. She is actually there holding up the Leaning Tower of Pisa and my only problem with the image and this is so funny I was looking for an image on Fotolia of Pisa, of the Leaning Tower, because it's such a great thing to crop and straighten for obvious reasons.

What I was amazed by is how many of the images were legitimately crooked, because either they have the Basilica leaning and that makes the tower look like it's leaning not much more or in this case, the tower isn't leaning enough. Notice that the world is sloping away from this woman. So if this image was actually straight, you notice this thing right here, this little column is sort of leaning over to the left. If everything was straight, the Leaning Tower of Pisa would actually be leaning that much more and this woman's physical exertion would make that much more sense.

So we're going to straighten the image and we're going to crop it and we're going to do that using the Crop tool right here. So I'm going to go ahead and grab the Crop tool. Now you enter specific Width and Height values, Resolution values as well. If you want to, you can even match a different image. If you have another image open, you want to match it, bring that image to the front. Click on Front Image, switch back to this image, crop as desired. The two images will then match each other exactly. However, I'm going to perform a freeform crop and I'm going to do that by zooming out just a little bit here and dragging around the image with the Crop tool, just to establish a base crop boundary at this point.

We can still edit it of course. Now by default the Shield value is way too high. So you can see that there is black outside the crop boundary and that black can be modified to your heart's content. You can change how much blackness you're seeing, and I prefer to reduce this opacity value quite a bit. Actually in case of this image, I'm going to take it down to 25% so that we have just a little bit of the so-called Shield. You don't have to have it at all. You can turn it off if you don't need it. Anyway, let's leave it on but a lower opacity. And then, I also want to go ahead and straighten the image. Right now, I would just crop it but I want to straighten it.

So what I need to do is I need to match one of these edges either horizontal or vertical edge with something that should be horizontal or vertical inside the image. I'll go ahead and zoom in here and the easiest thing to match is the horizon line in most images. In this image, that's exactly what we want to match. Notice look at that. The ground is sloping up like crazy. We don't want that. All right, so to rotate a crop boundary, you move your cursor outside the boundary like so and then you go ahead and drag and you can tell that you're going to rotate because you see this little rotate cursor.

Then I'm going to drag this edge upward and I'm just going to keep rotating the boundary until it exactly matches or more or less matches. Getting an exact match is little bit difficult, but you can keep working on it until it seems to be right. So notice, this is not the final edge I want. I'm just trying to match the edge against the land there and I'll go ahead and zoom out once again. Take this boundary down a little bit, and make sure that it matching the vertical edge to this column, so that everything straight, so that I'm just doing a second check at this point. All right, now I'm going to drag this corner out to this location here.

Now, one of the things I got to tell you, those of you who are photographing images, which I imagine is virtually all of you. Watch the appendages. You do not want to be cropping feet and hands and anything. If you're going to avoid it, there is no excuse for having to crop a single thing about this woman here except that we're too close to the edge. So we're going to have to take out that foot, but if we just had a little bit more expansion, if I could have grab the photographer and nudged him over to the right just ever so slightly, a little bit down as well. We didn't need all this guy. Then we would have had a better image to work with.

So when in doubt, by the way this is a really great technique. When in doubt, go ahead and compose your shot there inside the camera and then take a step back. Just step one step back and you will open up the shot just little bit. You could always crop and post but you can't make up detail that you cropped inside the shot. All right, anyway, but I am going to have to crop away your foot. Now notice something about this. I can move this boundary down like so and I can move it out as well if I wanted to. But anything that's appearing inside this gray pasteboard, once I've applied the crop is going to appear in the background color, which is going to be white.

So we'll have these wedges of white in the background. We're not going to miraculously make up detail in other words. All right, I'll drag this edge in. Now notice how the snapping is working. Photoshop is going to go ahead and snap your dragged handle which doesn't really done you much good. That is the side handle doesn't do you much good because you're leaving a wedge down here at the bottom. So when you're trying to snap to the edge of the image because you're trying to keep as much of it as possible. You want to drag the corner handles in order to get the proper snapping there. All right, so I'll go ahead and move it down to this location here. A certain amount of cropping of this foot is required.

So I might as well get rid of the toes, seems to be the best way. I don't want to keep some toes and leave others. I hate to get rid of any of the toes but it's going to make it hard for this woman to walk later on. But anyway, this is looking pretty good. I'll drag this over a little bit, this edge and once you've composed the shot the way that you want it, go ahead and press the Enter key or the Return key on the Mac in order to go ahead and apply the Crop. You can also click that checkmark that we saw just a moment ago, up there on the right-hand side of the Options Bar. We now have a straight shot. Now part of the problem at this point, I mean I think it's composed about as well it's going to be, but I did perform a permanent crop.

So all of that stuff that I cropped away is now totally gone. What if I want to keep the shot more flexible? Well, I go ahead and press Ctrl+Z, Command+Z on the Mac to undo the crop, to restore the original version of the image. Let's go ahead and convert it to a layer upfront. When you're working with a flat image that just has a Background layer like this one right here, then you're going to crop away pixels permanently. But if you work with a floating layer, you can crop away the pixels temporarily, which is a great way to work. You can convert this Background layer to an independent floating layer just by double-clicking on it and then we'll just go ahead and call it image or something along those lines.

Click OK and now it's a floating layer inside of Photoshop. Go ahead and redraw your crop boundary. You have to draw it from scratch. There is no way to save that crop boundary for later, not using the Crop tool anyway. We'll go ahead and move this around a little bit. We need to match the angle of the image. So I'm going to have to go through those same steps once again. Let's go and zoom in, so we can see what we're doing. I want to do a good job after all. Go ahead and drag this outside the boundary until we get it rotated properly in place. Go ahead and zoom out once again, couple of clicks here actually and let's make sure that we're matching the angle of our column with the vertical edge.

We are, let's drag by the corner handle because otherwise we're not going to get a good snap to the edge of the image and we're going to reveal some nasty empty areas in the background there. Once you've drawn the crop boundary the way that you want it, come up to the Options Bar. This is a very important step and turned on Hide. You've got to turn on Hide otherwise you're going to completely delete those pixels. And this is one of the things I don't like about the Crop tool. Why they do that? Why do they restore this to a perpendicular crop boundary? So anyway, I guess it's a tip. Isn't it? In the future, you'll know to go ahead and turn on Hide before you rotate your crop boundary.

If for no other reason than because you saw me demonstrate the opposite here. All right, so let's go ahead and make sure that we're matching everything that we need to match. I love performing steps multiple times. It's always a fun. Let's go ahead and drag this crop boundary out to the edge here, that corner handle that is. So that we get the crop that we're looking for. Excellent and maybe move it down. Actually, let's move this in a little bit. Now I'll show what I mean by recomposing the shot afterwards. Thanks to the fact that we're working with a layered image. All right, so Hide is turned on. So we're just going to hide those pixels.

Press the Enter key or the Return key on the Mac. We've straighten the image, but now I can go ahead and select the Move tool and I can drag the image inside the crop frame in order to recompose it ever so slightly if I so desire. And if I want to change the size of my crop boundary at this point, I can do so, by going up to the Image menu and choosing the Canvas Size command. With Canvas Size, you can say you know what, I want to take off 20 pixels from the Width of the image and I want to take off 50 pixels from the Height of the image.

Assuming that Relative is turned on, you will be deleting these pixels but of course, it have to have negative values, not positive values. We should see all arrows moving in on the chiclet to show that we are going to reduce the size of the canvas, which is the crop boundary. I'll click OK. Now Photoshop is going to say Hey! The new canvas size is smaller than the current canvas size. Some clipping will occur implying that we're going to lose some pixels. That turns out not to be the case. Proceed is not a problem because we have no Background layer to clip. This layer, the image layer is not going to be affected and you can see that's the case because I can still drag it around and reveal portions of the image that I thought I'd crop away.

So this is a very flexible way to work. First, convert your image to an independent layer and then apply the Crop tool. Turn on the Hide option up there in the Options Bar and then rotate your crop boundary and you will get this. A picture perfect version of a woman holding up the Leaning Tower of Pisa here inside Photoshop.

Show transcript

This video is part of

Image for Photoshop Top 40
Photoshop Top 40

41 video lessons · 37773 viewers

Deke McClelland
Author

 

Start learning today

Get unlimited access to all courses for just $25/month.

Become a member
Sometimes @lynda teaches me how to use a program and sometimes Lynda.com changes my life forever. @JosefShutter
@lynda lynda.com is an absolute life saver when it comes to learning todays software. Definitely recommend it! #higherlearning @Michael_Caraway
@lynda The best thing online! Your database of courses is great! To the mark and very helpful. Thanks! @ru22more
Got to create something yesterday I never thought I could do. #thanks @lynda @Ngventurella
I really do love @lynda as a learning platform. Never stop learning and developing, it’s probably our greatest gift as a species! @soundslikedavid
@lynda just subscribed to lynda.com all I can say its brilliant join now trust me @ButchSamurai
@lynda is an awesome resource. The membership is priceless if you take advantage of it. @diabetic_techie
One of the best decision I made this year. Buy a 1yr subscription to @lynda @cybercaptive
guys lynda.com (@lynda) is the best. So far I’ve learned Java, principles of OO programming, and now learning about MS project @lucasmitchell
Signed back up to @lynda dot com. I’ve missed it!! Proper geeking out right now! #timetolearn #geek @JayGodbold
Share a link to this course

What are exercise files?

Exercise files are the same files the author uses in the course. Save time by downloading the author's files instead of setting up your own files, and learn by following along with the instructor.

Can I take this course without the exercise files?

Yes! If you decide you would like the exercise files later, you can upgrade to a premium account any time.

Become a member Download sample files See plans and pricing

Please wait... please wait ...
Upgrade to get access to exercise files.

Exercise files video

How to use exercise files.

Learn by watching, listening, and doing, Exercise files are the same files the author uses in the course, so you can download them and follow along Premium memberships include access to all exercise files in the library.


Exercise files

Exercise files video

How to use exercise files.

For additional information on downloading and using exercise files, watch our instructional video or read the instructions in the FAQ.

This course includes free exercise files, so you can practice while you watch the course. To access all the exercise files in our library, become a Premium Member.

Are you sure you want to mark all the videos in this course as unwatched?

This will not affect your course history, your reports, or your certificates of completion for this course.


Mark all as unwatched Cancel

Congratulations

You have completed Photoshop Top 40.

Return to your organization's learning portal to continue training, or close this page.


OK
Become a member to add this course to a playlist

Join today and get unlimited access to the entire library of video courses—and create as many playlists as you like.

Get started

Already a member?

Become a member to like this course.

Join today and get unlimited access to the entire library of video courses.

Get started

Already a member?

Exercise files

Learn by watching, listening, and doing! Exercise files are the same files the author uses in the course, so you can download them and follow along. Exercise files are available with all Premium memberships. Learn more

Get started

Already a Premium member?

Exercise files video

How to use exercise files.

Ask a question

Thanks for contacting us.
You’ll hear from our Customer Service team within 24 hours.

Please enter the text shown below:

The classic layout automatically defaults to the latest Flash Player.

To choose a different player, hold the cursor over your name at the top right of any lynda.com page and choose Site preferencesfrom the dropdown menu.

Continue to classic layout Stay on new layout
Exercise files

Access exercise files from a button right under the course name.

Mark videos as unwatched

Remove icons showing you already watched videos if you want to start over.

Control your viewing experience

Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.

Interactive transcripts

Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.

Are you sure you want to delete this note?

No

Your file was successfully uploaded.

Thanks for signing up.

We’ll send you a confirmation email shortly.


Sign up and receive emails about lynda.com and our online training library:

Here’s our privacy policy with more details about how we handle your information.

Keep up with news, tips, and latest courses with emails from lynda.com.

Sign up and receive emails about lynda.com and our online training library:

Here’s our privacy policy with more details about how we handle your information.

   
submit Lightbox submit clicked
Terms and conditions of use

We've updated our terms and conditions (now called terms of service).Go
Review and accept our updated terms of service.