{"id":10884,"date":"2016-12-20T17:26:44","date_gmt":"2016-12-20T22:26:44","guid":{"rendered":"http:\/\/www.photoshopessentials.com\/?p=10884"},"modified":"2022-11-02T13:24:11","modified_gmt":"2022-11-02T17:24:11","slug":"increasing-canvas-size-crop-tool-photoshop","status":"publish","type":"post","link":"https:\/\/www.photoshopessentials.com\/newsite\/basics\/increasing-canvas-size-crop-tool-photoshop\/","title":{"rendered":"Increasing Canvas Size with the Crop Tool in Photoshop"},"content":{"rendered":"<section>\n<div class=\"summary-novideo\">\n<p>Think the Crop Tool is only for cropping images? Learn how it can also be used to quickly add more canvas and a border around your photos!<\/p>\n<\/div>\n<div id=\"author\">Written by Steve Patterson.<\/div>\n<p>So far in this series on cropping images in Photoshop, we've seen several examples of how the Crop Tool is used to crop away unwanted areas of an image. But a lesser-known feature of the Crop Tool is that it can also be used to <strong>add more canvas space<\/strong> around an image, giving us a quick and easy way to add a decorative border around a photo! In this tutorial, we'll learn how to add canvas space with the Crop Tool, and how to turn the extra space into a simple, customizable photo border!<\/p>\n<p>If you're not yet familiar with using the Crop Tool in Photoshop, you may want to read through the first tutorial in this series, <a href=\"\/basics\/how-to-crop-images-photoshop-cc\/\">how to crop images<\/a>, before you continue. I'll be using <a href=\"https:\/\/prf.hn\/l\/dlXjD2w\" target=\"_blank\" rel=\"noopener noreferrer\">Photoshop CC<\/a> here but this tutorial is fully compatible with CS6 and earlier. <\/p>\n<p>You can use any image of your own to follow along. Here's <a href=\"https:\/\/prf.hn\/l\/dlgEoyY\" target=\"_blank\" title=\"View on Adobe Stock\" rel=\"noopener noreferrer\">the photo<\/a> I'll be using which I downloaded from Adobe Stock:<\/p>\n<img decoding=\"async\" data-no-lazy=\"1\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/cc\/crop-and-straighten\/add-canvas\/original.jpg\" alt=\"Selecting the Crop Tool from the Toolbar. Image &copy; Steve Patterson\" width=\"642\" height=\"430\" \/>\n<div class=\"image-desc\">The original photo. Image credit: Adobe Stock.<\/div>\n<p>This is lesson 3 in my <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<h2 class=\"sub\">How to add more canvas with the Crop Tool<\/h2>\n<h3>Step 1: Convert the Background layer into a normal layer<\/h3>\n<p>With our image newly-opened in Photoshop, if we look in the <a href=\"\/basics\/layers\/layers-panel\/\">Layers panel<\/a>, we find the image sitting on the <strong>Background layer<\/strong>, currently the only layer in our document:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/cc\/crop-and-straighten\/add-canvas\/photoshop-cc-layers-panel.png\" alt=\"The Layers panel showing the image on the Background layer. \" \/>\n<div class=\"image-desc\">The Layers panel showing the image on the Background layer.<\/div>\n<p>Before we add more canvas space around the image, the first thing we should do is convert the Background layer into a normal layer. The reason is that we want the extra space to appear on its own separate layer <em>below<\/em> the image, but Photoshop doesn't allow us to place layers below a <a href=\"\/basics\/background-layer-photoshop-cc\/\">Background layer<\/a>. The easy solution is to simply convert the Background layer into a normal layer.<\/p>\n<p>To do that, in Photoshop CC, all we need to do is click on the small <strong>lock icon<\/strong> to the right of Background layer's name:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/cc\/crop-and-straighten\/add-canvas\/photoshop-cc-unlock-background-layer.png\" alt=\"Clicking the Background layer's lock icon. \" \/>\n<div class=\"image-desc\">Clicking the Background layer's lock icon.<\/div>\n<p>If you're using Photoshop CS6 or earlier (this also works in CC), press and hold the <strong>Alt<\/strong> (Win) \/ <strong>Option<\/strong> (Mac) key on your keyboard and <strong>double-click<\/strong> on the name \"Background\":<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/cc\/crop-and-straighten\/add-canvas\/double-click-background-layer-name.png\" alt=\"Unlocking the Background layer in Photoshop CS6. \" \/>\n<div class=\"image-desc\">In CS6 and earlier, hold Alt (Win) \/ Option (Mac) and double-click on the layer's name.<\/div>\n<p>The Background layer is instantly converted to a normal layer and renamed \"Layer 0\":<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/cc\/crop-and-straighten\/add-canvas\/photoshop-layer-0.png\" alt=\"The Background layer is now a normal layer named Layer 0. \" \/>\n<div class=\"image-desc\">The Background layer is now a normal layer named \"Layer 0\".<\/div>\n<p><a href=\"\/basics\/understanding-photoshop-layers\/\">Understanding Layers In Photoshop<\/a><\/p>\n<h3>Step 2: Select the Crop Tool<\/h3>\n<p>Now that we've solved that little problem, let's learn how to add extra space around the image. Select the <a href=\"\/basics\/how-to-crop-images-photoshop-cc\/\">Crop Tool<\/a> from the <a href=\"\/basics\/the-new-customizable-toolbar-in-photoshop-cc-2015\/\">Toolbar<\/a> along the left of the screen. You can also select the Crop Tool by pressing the letter <strong>C<\/strong> on your keyboard:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/cc\/crop-and-straighten\/add-canvas\/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>With the Crop Tool selected, Photoshop places a default <strong>crop border<\/strong> around the image, along with <strong>handles<\/strong> on the top, bottom, left and right of the border, and  one in each corner. We'll use these handles to resize the crop border and add our extra canvas space:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/cc\/crop-and-straighten\/add-canvas\/photoshop-initial-crop-border.jpg\" alt=\"The default crop border and crop handles around the image. \" \/>\n<div class=\"image-desc\">The crop handles (circled in red) around the image.<\/div>\n<h3>Step 3: Drag the handles to resize the crop border<\/h3>\n<p>To add extra space around the image, all we need to do is click on the handles and drag them outward. Photoshop will then expand the size of the canvas to match the new size of the crop border. <\/p>\n<p>For example, if I wanted to add space on the right side of the photo, I would click on the <strong>right handle<\/strong> and drag it further to the right, away from the image:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/cc\/crop-and-straighten\/add-canvas\/photoshop-add-canvas-right-side.jpg\" alt=\"Dragging the right handle away from the image. \" \/>\n<div class=\"image-desc\">Dragging the right handle towards the right.<\/div>\n<p>When I release my mouse button, Photoshop adds the extra space and fills it with a <strong>checkerboard pattern<\/strong>. The checkerboard pattern is how Photoshop represents <strong>transparency<\/strong>, which means that the extra space is currently empty. We'll fix that in a few moments:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/cc\/crop-and-straighten\/add-canvas\/photoshop-canvas-added-right-side.jpg\" alt=\"Photoshop adds extra, blank space on the right side of the photo. \" \/>\n<div class=\"image-desc\">Photoshop adds extra, blank space on the right side of the image.<\/div>\n<p>Rather than committing the crop just yet, let's look at how to add space around the rest of the image, along with a few important keyboard shortcuts. I'll cancel my crop and reset my crop border by pressing the <strong>Cancel<\/strong> button in the <strong>Options Bar<\/strong>. You can also cancel the crop by pressing the <strong>Esc<\/strong> key on your keyboard:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/cc\/crop-and-straighten\/add-canvas\/photoshop-crop-cancel-button.png\" alt=\"Clicking the Cancel button. \" \/>\n<div class=\"image-desc\">Clicking the Cancel button.<\/div>\n<p>To add extra space on the left side of the photo, click on the <strong>left handle<\/strong> and drag it towards  the left. Or, to add an equal amount of space on <em>both sides<\/em> of the image at the same time, press and hold your <strong>Alt<\/strong> (Win) \/ <strong>Option<\/strong> (Mac) key as you click and drag either the left or right handle. This will resize the crop border from its center, causing the handle on the opposite side to move at the same time, in the opposite direction:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/cc\/crop-and-straighten\/add-canvas\/photoshop-add-canvas-left-right-sides.jpg\" alt=\"Adding extra space to the let and right sides of the image. \" \/>\n<div class=\"image-desc\">Adding extra space to both sides  by holding Alt (Win) \/ Option (Mac) as I drag.<\/div>\n<p>I'll release my mouse button, then I'll release my Alt (Win) \/ Option (Mac) key, and now we see an equal amount of blank space on both sides of the photo. Make sure you release your mouse button first, <em>then<\/em> the Alt (Win) \/ Option (Mac) key, or this trick won't work:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/cc\/crop-and-straighten\/add-canvas\/photoshop-canvas-added-left-right-sides.jpg\" alt=\"An equal amount of space has been added to both sides. \" \/>\n<div class=\"image-desc\">An equal amount of space has been added to both sides.<\/div>\n<p>We can also add extra space above and below the image. To add space above it, click and drag the <strong>top handle<\/strong> upward. To add space below it, click and drag the <strong>bottom handle<\/strong> downward.<\/p>\n<p>Or, to add an equal amount of space above <em>and<\/em> below the image at the same time, once again press and hold the <strong>Alt<\/strong> (Win) \/ <strong>Option<\/strong> (Mac) key on your keyboard as you drag either the top or bottom handle. The opposite handle will move along with it, in the opposite direction:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/cc\/crop-and-straighten\/add-canvas\/photoshop-add-canvas-top-bottom.jpg\" alt=\"Adding extra space above and below the photo. \" \/>\n<div class=\"image-desc\">Adding extra space to the top and bottom by holding Alt (Win) \/ Option (Mac) as I drag either handle.<\/div>\n<p>I'll release my mouse button, then I'll release my Alt (Win) \/ Option (Mac) key, and now I have an equal amount of blank space above and below the image. Again, make sure you release your mouse button first, <em>then<\/em> the key, or it won't work:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/cc\/crop-and-straighten\/add-canvas\/photoshop-canvas-added-top-bottom.jpg\" alt=\"An equal amount of space has been added above and below the photo. \" \/>\n<div class=\"image-desc\">An equal amount of space has been added above and below the photo.<\/div>\n<p>Let's cancel the crop one more time by pressing the <strong>Cancel<\/strong> button in the Options Bar, or by pressing the <strong>Esc<\/strong> key on your keyboard, so we can look at one more important keyboard shortcut:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/cc\/crop-and-straighten\/add-canvas\/photoshop-crop-cancel-button.png\" alt=\"Clicking the Cancel button. \" \/>\n<div class=\"image-desc\">Clicking the Cancel button.<\/div>\n<h3>Keeping the photo's original aspect ratio<\/h3>\n<p>What if you want to keep the original aspect ratio of the image as you add extra canvas space around it? For example, you may have already cropped the image to, say, an 8 x 10, and now you want to maintain that 8 x 10 ratio as you add the extra  space.<\/p>\n<p>To do that, press and hold <strong>Shift+Alt<\/strong> (Win) \/ <strong>Shift+Option<\/strong> (Mac) as you drag any of the <strong>corner handles<\/strong> outward. The Alt (Win) \/ Option (Mac) key tells Photoshop to resize the crop border from its center, while the Shift key tells it to lock the original aspect ratio in place.<\/p>\n<p>Here, I'm holding the keys as I drag the <strong>top left<\/strong> corner outward. Notice that all four corners move outward together:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/cc\/crop-and-straighten\/add-canvas\/photoshop-add-canvas-original-ratio.jpg\" alt=\"Adding extra space around the entire image while keeping the original aspect ratio. \" \/>\n<div class=\"image-desc\">Adding extra space around the entire image at once while keeping the original aspect ratio.<\/div>\n<p>I'll release my mouse button, then I'll release my Shift key and my Alt (Win) \/ Option (Mac) key (remembering to release the mouse button <em>before<\/em> releasing the keys). Photoshop adds the extra blank space around the entire image, while the aspect ratio remains the same as it was originally:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/cc\/crop-and-straighten\/add-canvas\/photoshop-canvas-added-original-ratio.jpg\" alt=\"The extra space has been added, yet the aspect ratio remains the same. \" \/>\n<div class=\"image-desc\">The extra space has been added, yet the aspect ratio remains the same.<\/div>\n<h3>Step 4: Apply the crop<\/h3>\n<p>To apply the crop, click the <strong>checkmark<\/strong> in the Options Bar, or press <strong>Enter<\/strong> (Win) \/ <strong>Return<\/strong> (Mac) on your keyboard:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/cc\/crop-and-straighten\/add-canvas\/photoshop-commit-crop.png\" alt=\"Clicking the checkmark to apply the crop. \" \/>\n<div class=\"image-desc\">Clicking the checkmark to apply the crop.<\/div>\n<p>Photoshop \"crops\" the image, although in this case, we've actually done the opposite; we've <em>added<\/em> space with the Crop Tool rather than deleted it:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/cc\/crop-and-straighten\/add-canvas\/photoshop-add-canvas-space.jpg\" alt=\"The result after applying the crop. \" \/>\n<div class=\"image-desc\">The result after applying the crop.<\/div>\n<h3>Step 5: Add a Solid Color fill layer<\/h3>\n<p>So far, so good. We've added the extra canvas space. But at the moment, the  space  is blank. Let's turn it into a photo border by filling it with a color, and we'll do that using one of Photoshop's Solid Color fill layers.<\/p>\n<p>Click on the <strong>New Fill or Adjustment Layer<\/strong> icon at the bottom of the Layers panel:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/cc\/crop-and-straighten\/add-canvas\/photoshop-new-fill-layer-icon.png\" alt=\"Clicking the New Fill or Adjustment Layer icon. \" \/>\n<div class=\"image-desc\">Clicking the New Fill or Adjustment Layer icon.<\/div>\n<p>Then choose <strong>Solid Color<\/strong> from the top of the list that appears:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/cc\/crop-and-straighten\/add-canvas\/photoshop-choose-solid-color-fill-layer.png\" alt=\"Choosing a Solid Color fill layer. \" \/>\n<div class=\"image-desc\">Choosing \"Solid Color\" from the list.<\/div>\n<p>Photoshop will pop open the <strong>Color Picker<\/strong> where we can choose a color for the border. The default color is black, but choose <strong>white<\/strong> for now. At the end of the tutorial, we'll learn how to customize the look of the border by choosing a color directly from the image:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/cc\/crop-and-straighten\/add-canvas\/photoshop-color-picker.jpg\" alt=\"Choosing white for the color of the border. \" \/>\n<div class=\"image-desc\">Choosing white for the color of the border.<\/div>\n<p>Click OK to close out of the Color Picker. Photoshop temporarily fills the entire document with white, blocking the photo from view. We'll fix this problem next:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/cc\/crop-and-straighten\/add-canvas\/photoshop-document-white.png\" alt=\"The document is now filled with white. \" \/>\n<div class=\"image-desc\">The document is now filled with white.<\/div>\n<h3>Step 6: Drag the fill layer below the mage<\/h3>\n<p>If we look in the Layers panel, we can see our Solid Color fill layer, named \"Color Fill 1\". And, we see that the reason it's blocking our image from view is because it's currently sitting <em>above<\/em> the image on &quot;Layer 0&quot;. Any layers above other layers in the Layers panel appear in <em>front<\/em> of those layers in the document:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/cc\/crop-and-straighten\/add-canvas\/photoshop-color-fill-1-layer.png\" alt=\"The Layers panel showing the fill layer above the image. \" \/>\n<div class=\"image-desc\">The Layers panel showing the fill layer above the image.<\/div>\n<p>We need to move the  fill layer <em>below<\/em> the image in the Layers panel so that it appears <em>behind<\/em> the image in the document. To do that, simply click on the fill layer and drag it down below \"Layer 0\". When you see a horizontal <strong>highlight bar<\/strong> appear below &quot;Layer 0&quot;, release your mouse button:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/cc\/crop-and-straighten\/add-canvas\/photoshop-move-layer.png\" alt=\"Dragging the Solid Color fill layer below Layer 0. \" \/>\n<div class=\"image-desc\">Dragging the Solid Color fill layer below \"Layer 0\".<\/div>\n<p>Photoshop drops the fill layer into place below the image:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/cc\/crop-and-straighten\/add-canvas\/photoshop-layer-moved.png\" alt=\"The Layers panel now showing the image above the fill layer. \" \/>\n<div class=\"image-desc\">The Layers panel now showing the image above the fill layer.<\/div>\n<p>And now, the image  appears in front of the white Solid Color fill layer in the document, creating our photo border effect:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/cc\/crop-and-straighten\/add-canvas\/canvas-space-filled-white.jpg\" alt=\"The image now appears with a white border around it. \" \/>\n<div class=\"image-desc\">The image now appears with a white border around it.<\/div>\n<h3>Step 7: Select \"Layer 0\"<\/h3>\n<p>Now that we can see our photo again, let's add a drop shadow to it. First, click on the image layer (<strong>Layer 0)<\/strong> in the Layers panel to select it:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/cc\/crop-and-straighten\/add-canvas\/photoshop-select-layer.png\" alt=\"Selecting Layer 0 in the Layers panel. \" \/>\n<div class=\"image-desc\">Selecting &quot;Layer 0&quot;.<\/div>\n<h3>Step 8: Add a drop shadow<\/h3>\n<p>Then, click the <strong>Layer Styles<\/strong> icon (the &quot;<strong>fx<\/strong>&quot;icon) at the bottom of the Layers panel:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/cc\/crop-and-straighten\/add-canvas\/photoshop-layer-styles-icon.png\" alt=\"Clicking the Layer Styles icon. \" \/>\n<div class=\"image-desc\">Clicking the Layer Styles icon.<\/div>\n<p>Choose <strong>Drop Shadow<\/strong> from the list that appears:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/cc\/crop-and-straighten\/add-canvas\/photoshop-choose-drop-shadow.png\" alt=\"Choosing Drop Shadow from the list of layer styles. \" \/>\n<div class=\"image-desc\">Choosing \"Drop Shadow\" from the list of layer styles.<\/div>\n<p>This opens Photoshop's <strong>Layer Style<\/strong> dialog box set to the Drop Shadow options in the middle column:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/cc\/crop-and-straighten\/add-canvas\/photoshop-layer-style-dialog-box.png\" alt=\"The Drop Shadow options in the Layer Style dialog box. \" \/>\n<div class=\"image-desc\">The Drop Shadow options in the Layer Style dialog box.<\/div>\n<p>The first thing we usually want to do when adding a drop shadow is set the angle and  distance of the shadow. We <em>could<\/em> do this by adjusting the <strong>Angle<\/strong> and <strong>Distance<\/strong> values directly in the dialog box. But an easier way is to simply click on the image in the document, keep your mouse button held down, and drag away from the image in the direction you want the shadow to fall. As you drag, the shadow will move along with you.<\/p>\n<p>Here, I've dragged the shadow a short distance away from the image towards the lower right of the document:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/cc\/crop-and-straighten\/add-canvas\/photoshop-drag-drop-shadow.jpg\" alt=\"Setting the angle and distance of the shadow by clicking and dragging inside the document. \" \/>\n<div class=\"image-desc\">Setting the angle and distance of the shadow by clicking and dragging inside the document.<\/div>\n<p>As you drag, you'll see the Angle and Distance values updating in the dialog box. The exact angle and distance values you choose may be different from what I'm using here (the distance will depend largely on the size of your image), but for me, an angle of around <strong>135&deg;<\/strong> and a distance of <strong>180px<\/strong> looks good:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/cc\/crop-and-straighten\/add-canvas\/drop-shadow-angle-distance.png\" alt=\"The Angle and Distance values for the drop shadow. \" \/>\n<div class=\"image-desc\">The Angle and Distance values.<\/div>\n<p>Once you've set the angle and distance, soften the edges of shadow by dragging the <strong>Size<\/strong> slider in the dialog box. The higher the value, the softer the shadow will appear. Like the Distance value, the Size value you need will depend largely on the size of your image. For me, a value of around <strong>50px<\/strong> works well.<\/p>\n<p>You can also control how light or dark the shadow appears by dragging the <strong>Opacity<\/strong> slider, but I'll leave mine set to the default value of <strong>35%<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/cc\/crop-and-straighten\/add-canvas\/photoshop-drop-shadow-size-opacity.png\" alt=\"The Size and Opacity values for the drop shadow. \" \/>\n<div class=\"image-desc\">The Size and Opacity values.<\/div>\n<p>When you're happy with the results, click OK to close out of the Layer Style dialog box. Here's my result with the drop shadow applied:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/cc\/crop-and-straighten\/add-canvas\/photoshop-photo-border-drop-shadow.jpg\" alt=\"The effect after adding the drop shadow. \" width=\"641\" height=\"430\" \/>\n<div class=\"image-desc\">The effect after adding the drop shadow.<\/div>\n<h3>Changing the color of the border<\/h3>\n<p>Finally, even though we've set the color of the border to white, you can easily go back and change it to any color you like. In fact, you can even choose a color directly from the image itself.<\/p>\n<p>To change the color, double-click on the fill layer's <strong>color swatch<\/strong> in the Layers panel:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/cc\/crop-and-straighten\/add-canvas\/photoshop-fill-layer-color-swatch.png\" alt=\"Double-clicking on the color swatch for the fill layer. \" width=\"278\" height=\"201\" \/>\n<div class=\"image-desc\">Double-clicking on the color swatch.<\/div>\n<p>This re-opens Photoshop's <strong>Color Picker<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/cc\/crop-and-straighten\/add-canvas\/photoshop-color-picker.jpg\" alt=\"The Color Picker re-opens. \" \/>\n<div class=\"image-desc\">The Color Picker re-opens.<\/div>\n<p>If you know the exact color you need, you can select it in the Color Picker. Or, to choose a color directly from the image, simply move your mouse cursor over the image. Your cursor will change into an <strong>eyedropper <\/strong>icon. Click on a color from the image to sample it and Photoshop will instantly set it as the new color for the border.<\/p>\n<p>For example, I'll click on a spot in the man's gray jacket (circled in yellow), and here, we see that the color of my border is now that same shade of gray:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/cc\/crop-and-straighten\/add-canvas\/photoshop-sample-color-gray-jacket.jpg\" alt=\"Clicking on the man's jacket changes the color of the border to gray. \" \/>\n<div class=\"image-desc\">Clicking on the man's jacket changes the border to gray.<\/div>\n<p>If you don't like the color, just click on a different color in the image to sample it and try again. I'll click on the woman's hat this time, and Photoshop instantly updates the border color to match. When you're happy with the results, click OK to close out of the Color Picker:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/cc\/crop-and-straighten\/add-canvas\/photoshop-border-sample-new-color.jpg\" alt=\"The color of the woman's hat is a better choice for the border. \" \/>\n<div class=\"image-desc\">The color of the woman's hat ends up being a better choice for the border.<\/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 easily add extra canvas space around an image using the Crop Tool, along with how to turn the extra space into a simple photo border effect, in Photoshop! In the next lesson, I show you the essential <a href=\"\/basics\/photoshop-crop-tool-tips-and-tricks\/\" title=\"View tutorial\">Crop Tool tips and tricks<\/a> that make cropping images easier than ever!<\/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>Think the Crop Tool is only for cropping images? Learn how it can also be used to quickly add more canvas and a border around your photos!<\/p>\n","protected":false},"author":1,"featured_media":11064,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[],"class_list":["post-10884","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>Increasing Canvas Size with the Crop Tool in Photoshop<\/title>\n<meta name=\"description\" content=\"Learn how the Crop Tool can be used to add extra space around an image in Photoshop, and how to turn the space into a simple photo border!\" \/>\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\/increasing-canvas-size-crop-tool-photoshop\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Increasing Canvas Size with the Crop Tool in Photoshop\" \/>\n<meta property=\"og:description\" content=\"Learn how the Crop Tool can be used to add extra space around an image in Photoshop, and how to turn the space into a simple photo border!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.photoshopessentials.com\/newsite\/basics\/increasing-canvas-size-crop-tool-photoshop\/\" \/>\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-20T22:26:44+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-11-02T17:24:11+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2016\/12\/featured-2.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=\"19 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\\\/increasing-canvas-size-crop-tool-photoshop\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/basics\\\/increasing-canvas-size-crop-tool-photoshop\\\/\"},\"author\":{\"name\":\"Steve Patterson\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#\\\/schema\\\/person\\\/338424c7775908e1c0a190d02a6564f2\"},\"headline\":\"Increasing Canvas Size with the Crop Tool in Photoshop\",\"datePublished\":\"2016-12-20T22:26:44+00:00\",\"dateModified\":\"2022-11-02T17:24:11+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/basics\\\/increasing-canvas-size-crop-tool-photoshop\\\/\"},\"wordCount\":2530,\"image\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/basics\\\/increasing-canvas-size-crop-tool-photoshop\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2016\\\/12\\\/featured-2.jpg\",\"articleSection\":[\"Photoshop Basics\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/basics\\\/increasing-canvas-size-crop-tool-photoshop\\\/\",\"url\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/basics\\\/increasing-canvas-size-crop-tool-photoshop\\\/\",\"name\":\"Increasing Canvas Size with the Crop Tool in Photoshop\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/basics\\\/increasing-canvas-size-crop-tool-photoshop\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/basics\\\/increasing-canvas-size-crop-tool-photoshop\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2016\\\/12\\\/featured-2.jpg\",\"datePublished\":\"2016-12-20T22:26:44+00:00\",\"dateModified\":\"2022-11-02T17:24:11+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#\\\/schema\\\/person\\\/338424c7775908e1c0a190d02a6564f2\"},\"description\":\"Learn how the Crop Tool can be used to add extra space around an image in Photoshop, and how to turn the space into a simple photo border!\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/basics\\\/increasing-canvas-size-crop-tool-photoshop\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/basics\\\/increasing-canvas-size-crop-tool-photoshop\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/basics\\\/increasing-canvas-size-crop-tool-photoshop\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2016\\\/12\\\/featured-2.jpg\",\"contentUrl\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2016\\\/12\\\/featured-2.jpg\",\"width\":250,\"height\":250,\"caption\":\"Increasing Canvas Size With The Crop Tool In Photoshop\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/basics\\\/increasing-canvas-size-crop-tool-photoshop\\\/#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\":\"Increasing Canvas Size with the Crop Tool 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":"Increasing Canvas Size with the Crop Tool in Photoshop","description":"Learn how the Crop Tool can be used to add extra space around an image in Photoshop, and how to turn the space into a simple photo border!","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\/increasing-canvas-size-crop-tool-photoshop\/","og_locale":"en_US","og_type":"article","og_title":"Increasing Canvas Size with the Crop Tool in Photoshop","og_description":"Learn how the Crop Tool can be used to add extra space around an image in Photoshop, and how to turn the space into a simple photo border!","og_url":"https:\/\/www.photoshopessentials.com\/newsite\/basics\/increasing-canvas-size-crop-tool-photoshop\/","og_site_name":"Photoshop Essentials","article_publisher":"https:\/\/www.facebook.com\/photoess","article_published_time":"2016-12-20T22:26:44+00:00","article_modified_time":"2022-11-02T17:24:11+00:00","og_image":[{"width":250,"height":250,"url":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2016\/12\/featured-2.jpg","type":"image\/jpeg"}],"author":"Steve Patterson","twitter_misc":{"Written by":"Steve Patterson","Est. reading time":"19 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.photoshopessentials.com\/newsite\/basics\/increasing-canvas-size-crop-tool-photoshop\/#article","isPartOf":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/basics\/increasing-canvas-size-crop-tool-photoshop\/"},"author":{"name":"Steve Patterson","@id":"https:\/\/www.photoshopessentials.com\/newsite\/#\/schema\/person\/338424c7775908e1c0a190d02a6564f2"},"headline":"Increasing Canvas Size with the Crop Tool in Photoshop","datePublished":"2016-12-20T22:26:44+00:00","dateModified":"2022-11-02T17:24:11+00:00","mainEntityOfPage":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/basics\/increasing-canvas-size-crop-tool-photoshop\/"},"wordCount":2530,"image":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/basics\/increasing-canvas-size-crop-tool-photoshop\/#primaryimage"},"thumbnailUrl":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2016\/12\/featured-2.jpg","articleSection":["Photoshop Basics"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.photoshopessentials.com\/newsite\/basics\/increasing-canvas-size-crop-tool-photoshop\/","url":"https:\/\/www.photoshopessentials.com\/newsite\/basics\/increasing-canvas-size-crop-tool-photoshop\/","name":"Increasing Canvas Size with the Crop Tool in Photoshop","isPartOf":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/basics\/increasing-canvas-size-crop-tool-photoshop\/#primaryimage"},"image":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/basics\/increasing-canvas-size-crop-tool-photoshop\/#primaryimage"},"thumbnailUrl":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2016\/12\/featured-2.jpg","datePublished":"2016-12-20T22:26:44+00:00","dateModified":"2022-11-02T17:24:11+00:00","author":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/#\/schema\/person\/338424c7775908e1c0a190d02a6564f2"},"description":"Learn how the Crop Tool can be used to add extra space around an image in Photoshop, and how to turn the space into a simple photo border!","breadcrumb":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/basics\/increasing-canvas-size-crop-tool-photoshop\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.photoshopessentials.com\/newsite\/basics\/increasing-canvas-size-crop-tool-photoshop\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.photoshopessentials.com\/newsite\/basics\/increasing-canvas-size-crop-tool-photoshop\/#primaryimage","url":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2016\/12\/featured-2.jpg","contentUrl":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2016\/12\/featured-2.jpg","width":250,"height":250,"caption":"Increasing Canvas Size With The Crop Tool In Photoshop"},{"@type":"BreadcrumbList","@id":"https:\/\/www.photoshopessentials.com\/newsite\/basics\/increasing-canvas-size-crop-tool-photoshop\/#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":"Increasing Canvas Size with the Crop Tool 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\/10884","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=10884"}],"version-history":[{"count":65,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/posts\/10884\/revisions"}],"predecessor-version":[{"id":33654,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/posts\/10884\/revisions\/33654"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/media\/11064"}],"wp:attachment":[{"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/media?parent=10884"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/categories?post=10884"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/tags?post=10884"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}