{"id":10862,"date":"2016-12-12T19:57:51","date_gmt":"2016-12-13T00:57:51","guid":{"rendered":"http:\/\/www.photoshopessentials.com\/?p=10862"},"modified":"2021-06-09T12:08:24","modified_gmt":"2021-06-09T16:08:24","slug":"how-to-rotate-and-straighten-images-in-photoshop-cc","status":"publish","type":"post","link":"https:\/\/www.photoshopessentials.com\/newsite\/basics\/how-to-rotate-and-straighten-images-in-photoshop-cc\/","title":{"rendered":"How to Rotate and Straighten Images in Photoshop"},"content":{"rendered":"<section>\n<div class=\"summary-novideo\">\n<p>Learn a good way, a better way and the best way to rotate and straighten images with Photoshop in part 2 of our Cropping Images series!<\/p>\n<\/div>\n<div id=\"author\">Written by Steve Patterson.<\/div>\n<p>We'll start by learning how to rotate an image by hand using the Crop Tool. Then, we'll learn how to more accurately straighten an image using the Straighten Tool. Finally, we'll look at a lesser-known but arguably the best way to rotate and straighten images in Photoshop, and that's by using the Ruler Tool.<\/p>\n<p>As I mentioned, this is the second tutorial in our series on cropping images. If you're not yet familiar with the basics of using the Crop Tool, you'll want to read through the first tutorial, <a href=\"\/basics\/how-to-crop-images-photoshop-cc\/\">How to Crop Images in Photoshop<\/a>, before you continue.<\/p>\n<p>Here's a photo I shot from the deck of a ship in Alaska (you can see part of the ship sticking out from the right side of the image). I don't know if I was getting sea sick or what the story was, but obviously, the image is a little crooked. Let's learn how to easily rotate and straighten it. You can follow along with any image of your own<a href=\"https:\/\/stock.adobe.com\/ca\/stock-photo\/canyon-of-siurana-tarragona-spain\/121283706\" target=\"_blank\" rel=\"noopener noreferrer\"><\/a>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/cc\/crop-and-straighten\/rotate-straighten\/original.jpg\" alt=\"Selecting the Crop Tool from the Toolbar. Image &copy; Steve Patterson\" width=\"643\" height=\"432\" \/>\n<div class=\"image-desc\">The original image. &copy; Steve Patterson.<\/div>\n<p>This is lesson 2 in our <a href=\"\/basics\/cropping-images-in-photoshop-complete-lesson-guide\" title=\"View chapter\">Cropping Images in Photoshop<\/a> series.<\/p>\n<\/section>\n<style type=\"text\/css\">\n.ads-middle { display: inline-block; width:300px; margin:6px 0px 24px 0px; padding-top: 16px; padding-bottom: 16px; }\n@media (max-width: 515px) { .ads-middle { margin:20px 0; } }\n@media (max-width: 480px) { .ads-middle { margin:20px 0; } }\n<\/style><script async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-6601556224092982\"\n     crossorigin=\"anonymous\"><\/script>\n<!-- photo effects 300x250 middle responsive -->\n<ins class=\"adsbygoogle ads-middle\"\n     style=\"display:block\"\n     data-ad-client=\"ca-pub-6601556224092982\"\n     data-ad-slot=\"4216941496\"\n     data-ad-format=\"rectangle\"\n     data-full-width-responsive=\"true\"><\/ins>\n<script>\n     (adsbygoogle = window.adsbygoogle || []).push({});\n<\/script>\n<p>Let's get started!<\/p>\n<aside><p class=\"members-ad-top\"><a href=\"\/print-ready-pdfs\/\">Download all of our Photoshop tutorials as PDFs!<\/a><\/p><\/aside>\n<section>\n<h3>How to rotate an image with the Crop Tool<\/h3>\n<p>The first thing we'll learn is how to simply rotate an image by hand. We do that using the <strong>Crop Tool<\/strong>. I'll select the Crop Tool from the <a href=\"\/basics\/the-new-customizable-toolbar-in-photoshop-cc-2015\/\">Toolbar<\/a> along the left of the screen:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/cc\/crop-and-straighten\/rotate-straighten\/crop-tool-photoshop-cc.png\" alt=\"Selecting the Crop Tool from the Toolbar. \" \/>\n<div class=\"image-desc\">Selecting the Crop Tool.<\/div>\n<p>As soon as I select the Crop Tool, Photoshop surrounds the image with an initial <strong>crop border<\/strong>. As we learned in the <a href=\"\/basics\/how-to-crop-images-photoshop-cc\/\">how to crop images<\/a> tutorial, I could ignore this default crop border and instead click and drag within the image to draw my own. But, since I want to rotate and straighten the image before I crop it, I'll stick with the default crop border for now.<\/p>\n<p>To make the crop border more visible, I'll click on the image with the Crop Tool. This displays the <em>Rule of Thirds<\/em> 3 x 3 grid in front of the image:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/cc\/crop-and-straighten\/rotate-straighten\/photoshop-default-crop-border.jpg\" alt=\"The initial crop border surrounding the image. \" \/>\n<div class=\"image-desc\">The initial crop border surrounding the image.<\/div>\n<p>To rotate the image,  move your mouse cursor anywhere outside  the crop border. Your cursor will change into a <strong>Rotate <\/strong>icon (a curved line with an arrow on each end). I've zoomed in on it here to get a closer look after moving my cursor outside the upper right corner of the image:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/cc\/crop-and-straighten\/rotate-straighten\/photoshop-rotate-image-cursor.jpg\" alt=\"The Rotate cursor appears outside the crop border. \" \/>\n<div class=\"image-desc\">The Rotate cursor appears outside the crop border.<\/div>\n<p>With your mouse cursor outside the crop border, click your mouse button and keep it held down. As soon as you click, the 3 x 3 grid will change into a more detailed grid:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/cc\/crop-and-straighten\/rotate-straighten\/photoshop-rotate-image-grid.jpg\" alt=\"The 3 x 3 grid changes into a more detailed grid when you click and hold your mouse button. \" \/>\n<div class=\"image-desc\">A different grid appears when you click and hold your mouse button.<\/div>\n<p>Then, with your mouse button still held down,  drag your mouse to rotate the image. As you're rotating it, look for something in the image that should be straight, either vertically or horizontally, and try to align it with the grid lines. Here, I'm using the water line just below the mountains as my guide:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/cc\/crop-and-straighten\/rotate-straighten\/photoshop-rotate-image-grid-lines.jpg\" alt=\"Aligning the water line with the grid lines as I rotate the image. \" \/>\n<div class=\"image-desc\">Aligning the water line with the grid lines as I rotate the image.<\/div>\n<p>Notice that as you rotate, Photoshop automatically resizes the crop border to keep it within the boundaries of the image. Here, I've rotated it too far just so we can see how much smaller the crop border has become:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/cc\/crop-and-straighten\/rotate-straighten\/photoshop-auto-resize-crop-border.jpg\" alt=\"Photohop keeps the crop border within the image boundaries as you rotate. \" \/>\n<div class=\"image-desc\">Photoshop keeps the crop border within the image boundaries as you rotate.<\/div>\n<p>I'll rotate the image back to the way I had it so that the water line and the horizontal grid lines match up:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/cc\/crop-and-straighten\/rotate-straighten\/photoshop-rotate-image-grid-lines.jpg\" alt=\"Rotating the image until it appears straight. \" \/>\n<div class=\"image-desc\">Rotating the image until it appears straight.<\/div>\n<p>Once the image looks straight, release your mouse button. The overlay in front of the image will switch back to the Rule of Thirds 3 x 3 grid:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/cc\/crop-and-straighten\/rotate-straighten\/photoshop-image-rotated.jpg\" alt=\"The Rule of Thirds grid returns when you release your mouse button. \" \/>\n<div class=\"image-desc\">The Rule of Thirds grid returns when you release your mouse button.<\/div>\n<p>At this point, you can resize the crop border as needed by clicking and dragging any of the <strong>handles<\/strong> around the border. I covered resizing the crop border in detail in our <a href=\"\/basics\/how-to-crop-images-photoshop-cc\/\">first lesson<\/a> in this chapter. So here, I'll  quickly resize the border to make it a bit smaller, and I'll click and drag inside the crop border to reposition the image:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/cc\/crop-and-straighten\/rotate-straighten\/photoshop-rotate-image-resize-crop-border.jpg\" alt=\"Resizing the crop border and repositioning the image after rotating it. \" \/>\n<div class=\"image-desc\">Resizing the crop border and repositioning the image after rotating it.<\/div>\n<p>When you're happy with how things look, press <strong>Enter<\/strong> (Win) \/ <strong>Return<\/strong> (Mac) on your keyboard to commit the crop. Here's my result, a definite improvement over the original version:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/cc\/crop-and-straighten\/rotate-straighten\/photoshop-rotate-crop-image.jpg\" alt=\"The rotated and cropped image. \" \/>\n<div class=\"image-desc\">The rotated and cropped image.<\/div>\n<style type=\"text\/css\">\n.ads-middle { display: inline-block; width:300px; margin:6px 0px 24px 0px; padding-top: 16px; padding-bottom: 16px; }\n@media (max-width: 515px) { .ads-middle { margin:20px 0; } }\n@media (max-width: 480px) { .ads-middle { margin:20px 0; } }\n<\/style><script async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-6601556224092982\"\n     crossorigin=\"anonymous\"><\/script>\n<!-- photo effects 300x250 middle responsive -->\n<ins class=\"adsbygoogle ads-middle\"\n     style=\"display:block\"\n     data-ad-client=\"ca-pub-6601556224092982\"\n     data-ad-slot=\"4216941496\"\n     data-ad-format=\"rectangle\"\n     data-full-width-responsive=\"true\"><\/ins>\n<script>\n     (adsbygoogle = window.adsbygoogle || []).push({});\n<\/script>\n<h3>How to straighten an image with the Straighten Tool<\/h3>\n<p>So far, we've seen how to rotate an image by hand. Let's look at how to straighten an image using Photoshop's <strong>Straighten Tool<\/strong>.<\/p>\n<p>First, I'll undo my crop by going up to the <strong>Edit<\/strong> menu in the Menu Bar along the top of the screen and choosing <strong>Undo Crop<\/strong>. Or, I could simply press <strong>Ctrl+Z<\/strong> (Win) \/ <strong>Command+Z<\/strong> (Mac) on my keyboard:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/cc\/crop-and-straighten\/rotate-straighten\/photoshop-edit-undo-crop.png\" alt=\"Selecting the Undo Crop command from under the Edit menu. \" \/>\n<div class=\"image-desc\">Going to Edit &gt; Undo Crop.<\/div>\n<p>This returns my image back to the way it looked originally:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/cc\/crop-and-straighten\/rotate-straighten\/original.jpg\" alt=\"Back to the original, uncropped image. \" \/>\n<div class=\"image-desc\">Back to the original, uncropped image.<\/div>\n<p>The Straighten Tool is somewhat of a hidden tool in Photoshop. You won't find it anywhere in the Toolbar. Instead, you'll  find it in the <strong>Options Bar<\/strong> whenever you have the <strong>Crop Tool<\/strong> selected.<\/p>\n<p>I'll reselect the Crop Tool from the Toolbar:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/cc\/crop-and-straighten\/rotate-straighten\/crop-tool-photoshop-cc.png\" alt=\"To use the Straighten Tool, we first need to select the Crop Tool. \" \/>\n<div class=\"image-desc\">To use the Straighten Tool, we first need to select the Crop Tool.<\/div>\n<p>Then, with the Crop Tool active, I'll select the <strong>Straighten Tool<\/strong> from the Options Bar along the top of the screen:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/cc\/crop-and-straighten\/rotate-straighten\/photoshop-straighten-tool.png\" alt=\"Selecting the Straighten Tool from the Options Bar. \" \/>\n<div class=\"image-desc\">Selecting the Straighten Tool from the Options Bar.<\/div>\n<p>Using the Straighten Tool is very simple. Just look for something in your image that should be straight, either horizontally or vertically, and  draw a line across it with the Straighten Tool. Photoshop will then use the angle of the line to automatically rotate and straighten the image.<\/p>\n<p>Since the water line in my photo should be horizontal, I'll click on the left side of it to set a starting point for the line. Then, with my mouse button still held down, I'll drag across to the right side of the water line to set the end point. Photoshop draws a thin, straight line between the two points:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/cc\/crop-and-straighten\/rotate-straighten\/photoshop-straigten-tool-draw-line.jpg\" alt=\"Drawing a line with the Straighten Tool. \" \/>\n<div class=\"image-desc\">Click on one side of something that should be straight, then keep your mouse button held and drag to the other side.<\/div>\n<p>When I release my mouse button, Photoshop looks at the angle of the line and instantly rotates  the image so that the water line appears straight. Notice that once again, Photoshop has also resized the crop border to keep it within the boundaries of the image:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/cc\/crop-and-straighten\/rotate-straighten\/photoshop-straighten-tool-image-rotated.jpg\" alt=\"Photoshop straightens the image when you release your mouse button. \" \/>\n<div class=\"image-desc\">Photoshop straightens the image when you release your mouse button.<\/div>\n<p><strong>Quick Tip:<\/strong> Here's a handy tip for using the Straighten Tool. You don't actually need to select it from the Options Bar. Instead, with the Crop Tool active, you can quickly switch to the Straighten Tool just by pressing and holding the <strong>Ctrl<\/strong> (Win) \/ <strong>Command<\/strong> (Mac) key on your keyboard.<\/p>\n<p>Now that the image has been straightened, I'll again resize my crop border by dragging the handles, and I'll click and drag inside the border to reposition the image and adjust the composition:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/cc\/crop-and-straighten\/rotate-straighten\/photoshop-straighten-tool-resize-crop.jpg\" alt=\"Resizing the crop border and repositioning the image once again. \" \/>\n<div class=\"image-desc\">Resizing the crop border and repositioning the image once again.<\/div>\n<p>I'll press <strong>Enter<\/strong> (Win) \/ <strong>Return<\/strong> (Mac) on my keyboard to commit the crop, and here's the result after straightening the image with the Straighten Tool:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/cc\/crop-and-straighten\/rotate-straighten\/photoshop-crop-image-straighten-tool.jpg\" alt=\"The cropped version after using the Straighten Tool. \" \/>\n<div class=\"image-desc\">The cropped version after using the Straighten Tool.<\/div>\n<aside><p class=\"members-ad-top\"><a href=\"\/print-ready-pdfs\/\">Download all of our Photoshop tutorials as PDFs!<\/a><\/p><\/aside>\n<h3>How to straighten an image with the Ruler Tool<\/h3>\n<p>Let's look at one more way to straighten an image in Photoshop, and why it's my favorite of the three. This time, we won't be using the Crop Tool or the Straighten Tool. Instead, we'll use the <strong>Ruler Tool<\/strong>.<\/p>\n<p>Before we do, I'll quickly undo my last crop by once again going up to the <strong>Edit<\/strong> menu and choosing <strong>Undo Crop<\/strong>, or by pressing <strong>Ctrl+Z<\/strong> (Win) \/ <strong>Command+Z<\/strong> (Mac) on my keyboard:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/cc\/crop-and-straighten\/rotate-straighten\/photoshop-edit-undo-crop.png\" alt=\"Selecting the Undo Crop command from under the Edit menu. \" \/>\n<div class=\"image-desc\">Going to Edit &gt; Undo Crop.<\/div>\n<p>This returns me  to the original, uncropped version:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/cc\/crop-and-straighten\/rotate-straighten\/original.jpg\" alt=\"The original, crooked image. \" \/>\n<div class=\"image-desc\">The original, crooked image.<\/div>\n<p>By default, the Ruler Tool is nested behind the <strong>Eyedropper Tool<\/strong> in the Toolbar. To select it, <strong>right-click<\/strong> (Win) \/ <strong>Control-click<\/strong> (Mac) on the Eyedropper Tool, then choose the Ruler Tool from the fly-out menu:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/cc\/crop-and-straighten\/rotate-straighten\/photoshop-ruler-tool.png\" alt=\"Selecting the Ruler Tool from behind the Eyedropper Tool. \" \/>\n<div class=\"image-desc\">Selecting the Ruler Tool from behind the Eyedropper Tool.<\/div>\n<p>Using the Ruler Tool to straighten an image is similar to using the Straighten Tool, but with a couple of important differences. Like the Straighten Tool, we start by drawing a line across something in the image that should be straight, either vertically or horizontally.<\/p>\n<p>I'll click on the left side of the water line in my photo to set a starting point for the line. Then, with my mouse button still held down, I'll drag across to the right side to set the end point. Just like with the Straighten Tool, Photoshop draws a thin, straight line between the two points, and it will use the angle of this line to figure out how much it needs to rotate the image:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/cc\/crop-and-straighten\/rotate-straighten\/photoshop-ruler-tool-straighten-image.jpg\" alt=\"Click and drag with the Ruler Tool across something that should be straight. \" \/>\n<div class=\"image-desc\">Click and drag with the Ruler Tool across something that should be straight.<\/div>\n<p>But here's the first big difference between the Straighten Tool and the Ruler Tool, and why I prefer using the Ruler Tool. With the Straighten Tool, the moment you release your mouse button, Photoshop  rotates the image to straighten it. That may seem like a nice feature, but it really isn't because it means that you only get one shot at drawing the line correctly. If  the start or end point was a bit off, then the angle of the line will also be off, and the image will still be crooked even after it's been rotated. <\/p>\n<p>With the Ruler Tool, though, Photoshop does <em>not<\/em> automatically rotate the image. Instead, we're free to go back and make adjustments to the start and end points as needed.<\/p>\n<p>If I zoom in on my starting point, we can see that it's not actually on the water line where it should be. Instead, it's a bit too low:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/cc\/crop-and-straighten\/rotate-straighten\/ruler-tool-starting-point-off.jpg\" alt=\"The starting point is positioned below the water line. \" \/>\n<div class=\"image-desc\">The starting point of the line is not where I wanted it.<\/div>\n<p>To fix it, all I need to do is click on the starting point with the Ruler Tool, keep my mouse button held down, and drag the point upward to reposition it. The Straighten Tool doesn't give us the chance to do this, but with the Ruler Tool, it's easy:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/cc\/crop-and-straighten\/rotate-straighten\/ruler-tool-starting-point-corrected.jpg\" alt=\"Moving the starting point up to the water line. \" \/>\n<div class=\"image-desc\">Moving the starting point up to the water line.<\/div>\n<p>I'll do the same thing with the end point on the right, where we see that it's a bit too high:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/cc\/crop-and-straighten\/rotate-straighten\/ruler-tool-end-point-off.jpg\" alt=\"The end point is positioned above the water line. \" \/>\n<div class=\"image-desc\">The end point is also not where I wanted it.<\/div>\n<p>Again, all I need to do is click on it with the Ruler Tool, keep my mouse button held down, and drag it down onto the water line where it should be:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/cc\/crop-and-straighten\/rotate-straighten\/ruler-tool-end-point-corrected.jpg\" alt=\"Dragging the end point down to the water line. \" \/>\n<div class=\"image-desc\">Dragging the end point down to the water line.<\/div>\n<p>Once you have the start and end points exactly where you need them, to straighten the image, click the <strong>Straighten Layer<\/strong> button in the Options Bar:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/cc\/crop-and-straighten\/rotate-straighten\/photoshop-ruler-tool-straighten-layer.png\" alt=\"Clicking the Straighten Layer button in the Options Bar. \" \/>\n<div class=\"image-desc\">Clicking the \"Straighten Layer\" button.<\/div>\n<p>Photoshop rotates the image to straighten it. Notice, though, that we're now seeing a <strong>checkerboard pattern<\/strong> in the corners around the image. The checkerboard pattern is how Photoshop represents <strong>transparency<\/strong>, which means that we no longer have any part of our image in those areas. We need to crop those areas away, which we'll do next:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/cc\/crop-and-straighten\/rotate-straighten\/photoshop-straighten-image-ruler-tool.jpg\" alt=\"The image has been straightened, but it no longer fills the entire canvas. \" \/>\n<div class=\"image-desc\">The image has been straightened, but it no longer fills the entire canvas.<\/div>\n<p>This brings us to the other big difference between the Ruler Tool and the Straighten Tool. With the Ruler Tool, Photoshop makes no attempt to automatically crop the image after it\u2019s been straightened. And in fact, there\u2019s no way to crop the image using the Ruler Tool at all. That's okay, though, because all we need to do at this point is switch to the <strong>Crop Tool<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/cc\/crop-and-straighten\/rotate-straighten\/crop-tool-photoshop-cc.png\" alt=\"Selecting the Crop Tool after straightening the image with the Ruler Tool. \" \/>\n<div class=\"image-desc\">Selecting the Crop Tool after straightening the image with the Ruler Tool.<\/div>\n<p>With the Crop Tool now selected, I'll quickly resize my crop border and reposition the image within in, making sure to stay clear of the transparent areas in the corners:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/cc\/crop-and-straighten\/rotate-straighten\/resize-crop-border.jpg\" alt=\"Resizing the crop border and repositioning the image. \" \/>\n<div class=\"image-desc\">Resizing the crop border and repositioning the image.<\/div>\n<p>Then, I'll press <strong>Enter<\/strong> (Win) \/ <strong>Return<\/strong> (Mac) on my keyboard to commit the crop. And here, after straightening the image with the Ruler Tool and then cropping it with the Crop Tool, is my final result:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/cc\/crop-and-straighten\/rotate-straighten\/photoshop-straighten-crop-image.jpg\" alt=\"The straightened and cropped version of the image. \" \/>\n<div class=\"image-desc\">The straightened and cropped version of the image.<\/div>\n<\/section>\n<style type=\"text\/css\">\n.ads-bottom { width:300px; padding-top:16px;padding-bottom:16px; }\n<\/style><div align=\"center\"><script async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-6601556224092982\"\n     crossorigin=\"anonymous\"><\/script>\n<!-- 300x250 page bottom responsive -->\n<ins class=\"adsbygoogle ads-bottom\"\n     style=\"display:block\"\n     data-ad-client=\"ca-pub-6601556224092982\"\n     data-ad-slot=\"2879809098\"\n     data-ad-format=\"rectangle\"\n\t data-full-width-responsive=\"true\"><\/ins>\n<script>\n(adsbygoogle = window.adsbygoogle || []).push({});\n<\/script><\/div>\n<p>And there we have it! That's how to rotate and straighten images using the Crop Tool, the Straighten Tool, and my personal favorite, the Ruler Tool, in Photoshop CC! In the next lesson, I show you how to use the Crop Tool to quickly <a href=\"\/basics\/increasing-canvas-size-crop-tool-photoshop\/\" title=\"View tutorial\">add a border around your photo<\/a>!<\/p>\n<p>You can jump to any of the other lessons in this <a href=\"\/basics\/cropping-images-in-photoshop-complete-lesson-guide\" title=\"How to Crop Images in Photoshop - Complete Guide\">Cropping Images in Photoshop<\/a> series. Or visit our <a href=\"\/basics\/\" title=\"Learn more\">Photoshop Basics<\/a> section for more topics!<\/p>\n<div class=\"members-ad\"><a href=\"\/print-ready-pdfs\/\">Get all of our Photoshop tutorials as PDFs!<\/a> Download them today!<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Learn a good way, a better way and the best way to rotate and straighten images in Photoshop. Part 2 of our complete series on cropping images.<\/p>\n","protected":false},"author":1,"featured_media":11066,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[],"class_list":["post-10862","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-basics"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.4 (Yoast SEO v27.4) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>How to Rotate and Straighten Images in Photoshop<\/title>\n<meta name=\"description\" content=\"Learn a good way, a better way and the best way to rotate and straighten images in Photoshop. Part 2 of our complete series on cropping images.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.photoshopessentials.com\/newsite\/basics\/how-to-rotate-and-straighten-images-in-photoshop-cc\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Rotate and Straighten Images in Photoshop\" \/>\n<meta property=\"og:description\" content=\"Learn a good way, a better way and the best way to rotate and straighten images in Photoshop. Part 2 of our complete series on cropping images.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.photoshopessentials.com\/newsite\/basics\/how-to-rotate-and-straighten-images-in-photoshop-cc\/\" \/>\n<meta property=\"og:site_name\" content=\"Photoshop Essentials\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/photoess\" \/>\n<meta property=\"article:published_time\" content=\"2016-12-13T00:57:51+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-06-09T16:08:24+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2017\/01\/featured-4.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"250\" \/>\n\t<meta property=\"og:image:height\" content=\"250\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Steve Patterson\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Steve Patterson\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"11 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/basics\\\/how-to-rotate-and-straighten-images-in-photoshop-cc\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/basics\\\/how-to-rotate-and-straighten-images-in-photoshop-cc\\\/\"},\"author\":{\"name\":\"Steve Patterson\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#\\\/schema\\\/person\\\/338424c7775908e1c0a190d02a6564f2\"},\"headline\":\"How to Rotate and Straighten Images in Photoshop\",\"datePublished\":\"2016-12-13T00:57:51+00:00\",\"dateModified\":\"2021-06-09T16:08:24+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/basics\\\/how-to-rotate-and-straighten-images-in-photoshop-cc\\\/\"},\"wordCount\":2198,\"image\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/basics\\\/how-to-rotate-and-straighten-images-in-photoshop-cc\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2017\\\/01\\\/featured-4.jpg\",\"articleSection\":[\"Photoshop Basics\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/basics\\\/how-to-rotate-and-straighten-images-in-photoshop-cc\\\/\",\"url\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/basics\\\/how-to-rotate-and-straighten-images-in-photoshop-cc\\\/\",\"name\":\"How to Rotate and Straighten Images in Photoshop\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/basics\\\/how-to-rotate-and-straighten-images-in-photoshop-cc\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/basics\\\/how-to-rotate-and-straighten-images-in-photoshop-cc\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2017\\\/01\\\/featured-4.jpg\",\"datePublished\":\"2016-12-13T00:57:51+00:00\",\"dateModified\":\"2021-06-09T16:08:24+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#\\\/schema\\\/person\\\/338424c7775908e1c0a190d02a6564f2\"},\"description\":\"Learn a good way, a better way and the best way to rotate and straighten images in Photoshop. Part 2 of our complete series on cropping images.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/basics\\\/how-to-rotate-and-straighten-images-in-photoshop-cc\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/basics\\\/how-to-rotate-and-straighten-images-in-photoshop-cc\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/basics\\\/how-to-rotate-and-straighten-images-in-photoshop-cc\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2017\\\/01\\\/featured-4.jpg\",\"contentUrl\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2017\\\/01\\\/featured-4.jpg\",\"width\":250,\"height\":250,\"caption\":\"How To Rotate And Straighten Images In Photoshop CC\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/basics\\\/how-to-rotate-and-straighten-images-in-photoshop-cc\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Photoshop Basics\",\"item\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/basics\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"How to Rotate and Straighten Images in Photoshop\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#website\",\"url\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/\",\"name\":\"Photoshop Essentials\",\"description\":\"Where everyone can learn Photoshop!\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#\\\/schema\\\/person\\\/338424c7775908e1c0a190d02a6564f2\",\"name\":\"Steve Patterson\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/c05e0a155b18857f3546fca45eecd1d28c2e7d51953f67b40ea76ac49c3cfcc0?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/c05e0a155b18857f3546fca45eecd1d28c2e7d51953f67b40ea76ac49c3cfcc0?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/c05e0a155b18857f3546fca45eecd1d28c2e7d51953f67b40ea76ac49c3cfcc0?s=96&d=mm&r=g\",\"caption\":\"Steve Patterson\"},\"sameAs\":[\"http:\\\/\\\/www.photoshopessentials.com\\\/\"]}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"How to Rotate and Straighten Images in Photoshop","description":"Learn a good way, a better way and the best way to rotate and straighten images in Photoshop. Part 2 of our complete series on cropping images.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.photoshopessentials.com\/newsite\/basics\/how-to-rotate-and-straighten-images-in-photoshop-cc\/","og_locale":"en_US","og_type":"article","og_title":"How to Rotate and Straighten Images in Photoshop","og_description":"Learn a good way, a better way and the best way to rotate and straighten images in Photoshop. Part 2 of our complete series on cropping images.","og_url":"https:\/\/www.photoshopessentials.com\/newsite\/basics\/how-to-rotate-and-straighten-images-in-photoshop-cc\/","og_site_name":"Photoshop Essentials","article_publisher":"https:\/\/www.facebook.com\/photoess","article_published_time":"2016-12-13T00:57:51+00:00","article_modified_time":"2021-06-09T16:08:24+00:00","og_image":[{"width":250,"height":250,"url":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2017\/01\/featured-4.jpg","type":"image\/jpeg"}],"author":"Steve Patterson","twitter_misc":{"Written by":"Steve Patterson","Est. reading time":"11 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.photoshopessentials.com\/newsite\/basics\/how-to-rotate-and-straighten-images-in-photoshop-cc\/#article","isPartOf":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/basics\/how-to-rotate-and-straighten-images-in-photoshop-cc\/"},"author":{"name":"Steve Patterson","@id":"https:\/\/www.photoshopessentials.com\/newsite\/#\/schema\/person\/338424c7775908e1c0a190d02a6564f2"},"headline":"How to Rotate and Straighten Images in Photoshop","datePublished":"2016-12-13T00:57:51+00:00","dateModified":"2021-06-09T16:08:24+00:00","mainEntityOfPage":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/basics\/how-to-rotate-and-straighten-images-in-photoshop-cc\/"},"wordCount":2198,"image":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/basics\/how-to-rotate-and-straighten-images-in-photoshop-cc\/#primaryimage"},"thumbnailUrl":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2017\/01\/featured-4.jpg","articleSection":["Photoshop Basics"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.photoshopessentials.com\/newsite\/basics\/how-to-rotate-and-straighten-images-in-photoshop-cc\/","url":"https:\/\/www.photoshopessentials.com\/newsite\/basics\/how-to-rotate-and-straighten-images-in-photoshop-cc\/","name":"How to Rotate and Straighten Images in Photoshop","isPartOf":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/basics\/how-to-rotate-and-straighten-images-in-photoshop-cc\/#primaryimage"},"image":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/basics\/how-to-rotate-and-straighten-images-in-photoshop-cc\/#primaryimage"},"thumbnailUrl":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2017\/01\/featured-4.jpg","datePublished":"2016-12-13T00:57:51+00:00","dateModified":"2021-06-09T16:08:24+00:00","author":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/#\/schema\/person\/338424c7775908e1c0a190d02a6564f2"},"description":"Learn a good way, a better way and the best way to rotate and straighten images in Photoshop. Part 2 of our complete series on cropping images.","breadcrumb":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/basics\/how-to-rotate-and-straighten-images-in-photoshop-cc\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.photoshopessentials.com\/newsite\/basics\/how-to-rotate-and-straighten-images-in-photoshop-cc\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.photoshopessentials.com\/newsite\/basics\/how-to-rotate-and-straighten-images-in-photoshop-cc\/#primaryimage","url":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2017\/01\/featured-4.jpg","contentUrl":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2017\/01\/featured-4.jpg","width":250,"height":250,"caption":"How To Rotate And Straighten Images In Photoshop CC"},{"@type":"BreadcrumbList","@id":"https:\/\/www.photoshopessentials.com\/newsite\/basics\/how-to-rotate-and-straighten-images-in-photoshop-cc\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.photoshopessentials.com\/newsite\/"},{"@type":"ListItem","position":2,"name":"Photoshop Basics","item":"https:\/\/www.photoshopessentials.com\/newsite\/basics\/"},{"@type":"ListItem","position":3,"name":"How to Rotate and Straighten Images in Photoshop"}]},{"@type":"WebSite","@id":"https:\/\/www.photoshopessentials.com\/newsite\/#website","url":"https:\/\/www.photoshopessentials.com\/newsite\/","name":"Photoshop Essentials","description":"Where everyone can learn Photoshop!","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.photoshopessentials.com\/newsite\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.photoshopessentials.com\/newsite\/#\/schema\/person\/338424c7775908e1c0a190d02a6564f2","name":"Steve Patterson","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/c05e0a155b18857f3546fca45eecd1d28c2e7d51953f67b40ea76ac49c3cfcc0?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/c05e0a155b18857f3546fca45eecd1d28c2e7d51953f67b40ea76ac49c3cfcc0?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/c05e0a155b18857f3546fca45eecd1d28c2e7d51953f67b40ea76ac49c3cfcc0?s=96&d=mm&r=g","caption":"Steve Patterson"},"sameAs":["http:\/\/www.photoshopessentials.com\/"]}]}},"_links":{"self":[{"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/posts\/10862","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/comments?post=10862"}],"version-history":[{"count":62,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/posts\/10862\/revisions"}],"predecessor-version":[{"id":31572,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/posts\/10862\/revisions\/31572"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/media\/11066"}],"wp:attachment":[{"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/media?parent=10862"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/categories?post=10862"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/tags?post=10862"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}