{"id":29810,"date":"2020-02-26T15:29:04","date_gmt":"2020-02-26T20:29:04","guid":{"rendered":"https:\/\/www.photoshopessentials.com\/?p=29810"},"modified":"2022-11-02T09:50:34","modified_gmt":"2022-11-02T13:50:34","slug":"how-to-place-an-image-in-a-shape-with-photoshop-cc-2020","status":"publish","type":"post","link":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/how-to-place-an-image-in-a-shape-with-photoshop-cc-2020\/","title":{"rendered":"Place an Image in a Shape with Photoshop CC 2020"},"content":{"rendered":"<div class=\"video3\">\n<div class=\"video-container\">\n<iframe width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/Wt3NlxX1_1E\" frameborder=\"0\" allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>\n<\/div>\n<\/div>\n<div class=\"summary-novideo\">\n<p>Learn how to place an image inside a shape, and how to move the shape and the image to a different background, in the latest version of Photoshop! A step-by-step tutorial.<\/p>\n<\/div>\n<div id=\"author\">Written by Steve Patterson.<\/div>\n<p>There are two main ways to fill a shape with an image in Photoshop. One is by using a <em>clipping mask<\/em>, and the other is with a <em>vector mask<\/em>. Both are easy to use, and both can produce the same results. But if your goal is to move the shape and the image to a different background, then vector masks have the advantage. <\/p>\n<p>The reason is that a clipping mask always needs <em>two separate layers<\/em>. In this case, we would need one layer for the image and another layer for the shape. But with a vector mask, the image and the shape are on the <em>same layer<\/em>. So when it's time to move the effect to a new background, we're moving one layer instead of two! Let's see how it works.<\/p>\n<p>To follow along, you'll need <a href=\"https:\/\/prf.hn\/l\/dlXjD2w\" title=\"Get Photoshop\" target=\"_blank\" rel=\"noopener noreferrer\">Photoshop 2020 or newer<\/a>. That's because we'll be drawing our shape using the new Shapes panel, and also because CC 2020 gives us lots of new shapes to choose from. If you're using an earlier version of Photoshop, or you want to learn how to create this same effect using a clipping mask, check out the <a href=\"\/photo-effects\/place-image-inside-shape-photoshop\/\" title=\"Learn more\">previous version<\/a> of this tutorial.<\/p>\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<h2 class=\"sub\">How to place an image inside a shape<\/h2>\n<p>We'll start by learning how to draw our shape and how to place the image inside it. Then I'll show you how to move the shape and the image to a new background.<\/p>\n<h3>Step 1: Open the image<\/h3>\n<p>Start by opening the image you want to place inside your shape.<\/p>\n<p>I'll use <a href=\"https:\/\/prf.hn\/l\/ZYPxG0N\" title=\"View image on Adobe Stock\" target=\"_blank\" rel=\"noopener noreferrer\">this photo<\/a> that I downloaded from Adobe Stock:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/place-image-in-shape\/original-image-photoshop.jpg\" alt=\"The image that will be placed inside the shape with Photoshop\" width=\"801\" height=\"444\" \/>\n<div class=\"image-desc\">Opening the image.<\/div>\n<p>In the <a href=\"\/basics\/layers\/layers-panel\/\" title=\"Learn more\">Layers panel<\/a>, the image appears on the <a href=\"\/basics\/background-layer-photoshop-cc\/\" title=\"Learn more\">Background layer<\/a>, currently the only layer in the document. In fact, it will remain the only layer even after we've placed the image into a shape:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/place-image-in-shape\/layers-panel-original-image.png\" alt=\"Photoshop's Layers panel showing the image on the Background layer\" width=\"274\" height=\"298\" \/>\n<div class=\"image-desc\">The Layers panel.<\/div>\n<p><a href=\"\/basics\/opening-images-photoshop\/\" title=\"Learn more\">Learn more: All the ways to open images in Photoshop<\/a>!<\/p>\n<h3>Step 2: Open the Shapes panel<\/h3>\n<p>The easiest way to add a custom shape to your document in Photoshop CC 2020 is with <a href=\"\/basics\/drawing-custom-shapes-with-the-shapes-panel-in-photoshop-cc-2020\/\" title=\"Learn more\">the new Shapes panel<\/a>.<\/p>\n<p>To open the Shapes panel, go up to the <strong>Window<\/strong> menu in the Menu Bar and choose <strong>Shapes<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/place-image-in-shape\/open-shapes-panel-photoshop.png\" alt=\"How to open the Shapes panel in Photoshop CC 2020\" width=\"278\" height=\"107\" \/>\n<div class=\"image-desc\">Going to Window &gt; Shapes.<\/div>\n<h4>The default shapes<\/h4>\n<p>If you have not yet loaded more shapes into Photoshop, then at first, all you will see in the Shapes panel are the default shapes. In CC 2020, shapes are divided into sets, and each set is represented by a folder.<\/p>\n<p>Click on the arrow next to a folder to twirl the set open and view the shapes inside it:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/place-image-in-shape\/shapes-panel-default-shapes.png\" alt=\"Twirling open one of Photoshop's default shape sets\" width=\"253\" height=\"320\" \/>\n<div class=\"image-desc\">Twirling open one of the default shape sets.<\/div>\n<h4>How to load more shapes into the Shapes panel<\/h4>\n<p>To load more shapes, including hundreds of brand new shapes as well as the legacy shapes from previous Photoshop versions, click the Shapes panel <strong>menu icon<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/place-image-in-shape\/shapes-panel-menu-icon.png\" alt=\"Clicking the Shapes panel menu icon in Photoshop\" width=\"263\" height=\"156\" \/>\n<div class=\"image-desc\">Clicking the menu icon.<\/div>\n<p>And then choose <strong>Legacy Shapes and More<\/strong> from the menu:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/place-image-in-shape\/legacy-shapes-and-more.png\" alt=\"Loading the Legacy Shapes and More from the Shapes panel menu in Photoshop\" width=\"245\" height=\"131\" \/>\n<div class=\"image-desc\">Choosing Legacy Shapes and More.<\/div>\n<p>Back in the Shapes panel, a new &quot;Legacy Shapes and More&quot; folder appears below the default folders:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/place-image-in-shape\/new-legacy-shapes-and-more-folder.png\" alt=\"Photoshop's Shapes panel showing the Legacy Shapes and More folder\" width=\"253\" height=\"171\" \/>\n<div class=\"image-desc\">The new Legacy Shapes and More folder.<\/div>\n<p>Twirl the folder open and inside,  you'll find two more folders. <\/p>\n<p>The <strong>2019 Shapes<\/strong> folder contains hundreds of brand new shapes. And the <strong>All Legacy Default Shapes<\/strong> folder contains all of the shapes from earlier versions:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/place-image-in-shape\/new-and-legacy-shapes.png\" alt=\"The 2019 Shapes and All Legacy Default Shapes folders in Photoshop CC 2020\" width=\"253\" height=\"153\" \/>\n<div class=\"image-desc\">The new and legacy shapes folders.<\/div>\n<h3>Step 3: Drag a shape onto the image<\/h3>\n<p>To add a shape to your document, simply choose a shape in the Shapes panel and then drag its thumbnail from the Shapes panel onto your image.<\/p>\n<p>For this tutorial, I'll use the legacy Heart shape. You'll find it in the <strong>Legacy Default Shapes<\/strong> set which is inside the <strong>All Legacy Default Shapes<\/strong> folder. <\/p>\n<p>First I'll click on its thumbnail to select it:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/place-image-in-shape\/select-heart-shape.png\" alt=\"Choosing a shape in the Shapes panel in Photoshop CC 2020\" width=\"253\" height=\"292\" \/>\n<div class=\"image-desc\">Choosing a shape thumbnail.<\/div>\n<p>And then I'll drag and drop the shape onto my image:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/place-image-in-shape\/drag-shape-onto-image.jpg\" alt=\"Dragging the shape from the Shapes panel into the Photoshop document\" width=\"803\" height=\"446\" \/>\n<div class=\"image-desc\">Dragging the shape from the Shapes panel into the document.<\/div>\n<p>Release your mouse button and Photoshop instantly draws the shape. <\/p>\n<p>The default shape color is black, but it's okay if your shape is filled with a different color. It won't make any difference once we've filled the shape with our image:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/place-image-in-shape\/shape-added-above-image.jpg\" alt=\"The initial shape appears in front of the image in the Photoshop document\" width=\"801\" height=\"444\" \/>\n<div class=\"image-desc\">The initial shape appears.<\/div>\n<p><a href=\"\/basics\/vector-shapes-vs-pixel-shapes-in-photoshop\/\" title=\"Learn more\">Learn more: What are vector shapes?<\/a><\/p>\n<h3>Step 4: Move and resize the shape with Free Transform<\/h3>\n<p>When you drag and drop shapes from the Shapes panel, Photoshop automatically surrounds the shape with the <a href=\"\/basics\/transform-and-warp-images-with-free-transform-in-photoshop-cc-2019\/\" title=\"Learn more\">Free Transform<\/a> box and handles. Click and drag any of the handles to resize the shape. You can also drag inside the box to move the shape into place.<\/p>\n<p>Don't worry about getting the size and placement of the shape exactly right. We'll come back and fine-tune things later:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/place-image-in-shape\/free-transform-shape-photoshop.jpg\" alt=\"Resizing and moving the shape with Free Transform in Photoshop\" width=\"801\" height=\"444\" \/>\n<div class=\"image-desc\">Resizing and moving the shape with Free Transform.<\/div>\n<p>When you're done, click the <strong>checkmark<\/strong> in the Options Bar to accept it and close Free Transform. 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-effects\/cc\/place-image-in-shape\/free-transform-checkmark.png\" alt=\"Clicking the checkmark to close Free Transform in Photoshop\" width=\"271\" height=\"101\" \/>\n<div class=\"image-desc\">Clicking the checkmark.<\/div>\n<p>And in the Layers panel, the shape appears on its own shape layer above the image. We're going to use this shape to create our vector mask, and we'll do that next:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/place-image-in-shape\/layers-panel-shape-layer.png\" alt=\"Photoshop's Layers panel showing the shape layer above the Background layer\" width=\"275\" height=\"209\" \/>\n<div class=\"image-desc\">A new shape layer appears.<\/div>\n<h3>Step 5: Open the Paths panel<\/h3>\n<p>To turn the shape into a vector mask, we don't actually need the shape itself. What we need is the <em>path<\/em> (the outline) around the shape.<\/p>\n<p>Switch over to Photoshop's <strong>Paths panel<\/strong>. You'll find it in the same panel group as the Layers panel:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/place-image-in-shape\/photoshop-paths-panel.png\" alt=\"Opening the Paths panel in Photoshop\" width=\"275\" height=\"212\" \/>\n<div class=\"image-desc\">Opening the Paths panel.<\/div>\n<h3>Step 6: Make a copy of the shape's path<\/h3>\n<p>In a moment, we're going to delete the shape we created. But this will also delete its path outline. So before we delete the shape, we need to make a copy of the path.<\/p>\n<p>Click on the shape's path and drag it down onto the <strong>Create New Path<\/strong> icon at the bottom of the Paths panel:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/place-image-in-shape\/copy-path-photoshop.png\" alt=\"How to copy a path using the Paths panel in Photoshop\" width=\"275\" height=\"211\" \/>\n<div class=\"image-desc\">Dragging she shape's path onto the Create New Path icon.<\/div>\n<p>A copy of the path appears above the original:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/place-image-in-shape\/path-copy-created.png\" alt=\"A copy of the path has been created in Photoshop's Paths panel\" width=\"275\" height=\"210\" \/>\n<div class=\"image-desc\">A copy of the path has been created.<\/div>\n<h3>Step 7: Delete the shape layer<\/h3>\n<p>With the path copy created, switch back to the <strong>Layers panel<\/strong>. Then click on the shape layer and delete it by dragging it down onto the <strong>trash bin<\/strong>. <\/p>\n<p>Don't try to delete the shape layer by pressing Backspace (Win) \/ Delete (Mac) on your keyboard. This will delete the path copy we just created. You need to drag the shape layer itself onto the trash bin for this to work:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/place-image-in-shape\/delete-shape-layer-photoshop.png\" alt=\"Dragging the shape layer onto the trash bin in Photoshop's Layers panel\" width=\"277\" height=\"320\" \/>\n<div class=\"image-desc\">Dragging the shape layer onto the trash bin.<\/div>\n<p>The shape disappears but its path outline remains in front of the image:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/place-image-in-shape\/image-and-path-outline.jpg\" alt=\"The path remains after deleting the shape layer in Photoshop\" width=\"700\" height=\"469\" \/>\n<div class=\"image-desc\">The path remains after deleting the shape.<\/div>\n<h3>Step 8: Convert the path into a vector mask<\/h3>\n<p>To convert the path into a vector mask, go up to the <strong>Layer<\/strong> menu in the Menu Bar, choose <strong>Vector Mask<\/strong>, and then choose <strong>Current Path<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/place-image-in-shape\/create-vector-mask-from-current-path.png\" alt=\"How to turn a path into a vector mask in Photoshop\" width=\"433\" height=\"149\" \/>\n<div class=\"image-desc\">Going to Layer &gt; Vector Mask &gt; Current Path.<\/div>\n<p>And just like that, the image appears inside the shape. The checkerboard pattern surrounding the shape is how Photoshop represents transparency:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/place-image-in-shape\/shape-filled-with-image-photoshop.jpg\" alt=\"The image is placed in the shape in Photoshop after turning the path into a vector mask\" width=\"801\" height=\"444\" \/>\n<div class=\"image-desc\">The result after converting the path into a vector mask.<\/div>\n<p>In the Layers panel, a <strong>vector mask thumbnail<\/strong> appears to the right of the image thumbnail. And that's how to place an image inside a shape using a vector mask:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/place-image-in-shape\/vector-mask-thumbnail.png\" alt=\"The vector mask thumbnail in Photoshop's Layers panel\" width=\"306\" height=\"192\" \/>\n<div class=\"image-desc\">The vector mask thumbnail.<\/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<h2 class=\"sub\">How to adjust the image or the shape independently<\/h2>\n<p>Before we move the shape and the image to a new background, let's fine-tune the effect. I'll show you how to reposition the image inside the shape, and how to resize the shape without resizing the image.<\/p>\n<h3>How to unlink the image and the vector mask<\/h3>\n<p>By default, the image and the vector mask are linked together. So if you move or resize one, the other is moved or resized along with it. To move the image or the shape independently, first unlink the image and the vector mask by clicking the <strong>link icon<\/strong> between the thumbnails:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/place-image-in-shape\/link-icon.png\" alt=\"How to unlink the image from a vector mask in Photoshop\" width=\"306\" height=\"192\" \/>\n<div class=\"image-desc\">Unlinking the image from the vector mask.<\/div>\n<h3>How to move the image inside the shape<\/h3>\n<p>Then to move the image around inside the shape, select Photoshop's <strong>Move Tool<\/strong> from the <a href=\"\/basics\/photoshop-tools-toolbar-overview\/\" title=\"Learn more\">toolbar<\/a>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/place-image-in-shape\/select-move-tool-photoshop.png\" alt=\"Selecting the Move Tool from Photoshop's toolbar\" width=\"74\" height=\"144\" \/>\n<div class=\"image-desc\">Selecting the Move Tool.<\/div>\n<p>And then click on the image with the Move Tool and drag it into position.<\/p>\n<p>Here I'm moving the image to the right while the shape remains in place:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/place-image-in-shape\/move-image-in-shape.jpg\" alt=\"Moving the image inside the shape in Photoshop\" width=\"803\" height=\"446\" \/>\n<div class=\"image-desc\">Moving the image without moving the shape.<\/div>\n<h3>How to resize the shape<\/h3>\n<p>If you need to resize the shape, select the <strong>Path Selection Tool<\/strong> (the black arrow) from the toolbar:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/place-image-in-shape\/select-path-selection-tool-photoshop.png\" alt=\"Selecting the Path Selection Tool from Photoshop's toolbar\" width=\"74\" height=\"138\" \/>\n<div class=\"image-desc\">Selecting the Path Selection Tool.<\/div>\n<p>And then click inside the shape to select it. You'll know the shape is selected because the path outline surrounding it will reappear:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/place-image-in-shape\/select-shape-path-selection-tool.jpg\" alt=\"Selecting the shape with the Path Selection Tool in Photoshop\" width=\"803\" height=\"446\" \/>\n<div class=\"image-desc\">Clicking inside the shape with the Path Selection Tool.<\/div>\n<p>Go up to the <strong>Edit<\/strong> menu in the Menu Bar and choose <strong>Free Transform Path<\/strong>. Or press <strong>Ctrl+T<\/strong> (Win) \/ <strong>Command+T<\/strong> (Mac) on your keyboard:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/place-image-in-shape\/select-free-transform-path.png\" alt=\"Choosing the Free Transform Path command in Photoshop\" width=\"282\" height=\"105\" \/>\n<div class=\"image-desc\">Going to Edit &gt; Free Transform Path.<\/div>\n<p>And then drag any of the handles to resize the shape. The image inside the shape will remain at its original size.<\/p>\n<p>I'll drag the handles to make my shape a bit larger:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/place-image-in-shape\/resize-shape-around-image.jpg\" alt=\"Resizing the shape without resizing the image in Photoshop\" width=\"801\" height=\"444\" \/>\n<div class=\"image-desc\">Resizing the shape without resizing the image.<\/div>\n<p>When you're done, 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-effects\/cc\/place-image-in-shape\/free-transform-checkmark.png\" alt=\"Clicking the checkmark to close Free Transform in Photoshop\" width=\"271\" height=\"101\" \/>\n<div class=\"image-desc\">Clicking the checkmark.<\/div>\n<h2 class=\"sub\">How to trim away the transparent areas<\/h2>\n<p>One last thing we should do before moving the shape to a different background is trim away the transparent areas around the shape. This will make it easier to center the shape on the new background.<\/p>\n<p>Go up to the <strong>Image<\/strong> menu in the Menu Bar and choose <strong>Trim<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/place-image-in-shape\/select-trim-command-photoshop.png\" alt=\"Selecting the Trim command in Photoshop\" width=\"231\" height=\"116\" \/>\n<div class=\"image-desc\">Going to Image &gt; Trim.<\/div>\n<p>Then in the Trim dialog box, make sure <strong>Transparent Pixels<\/strong> is selected at the top, and that <strong>Top<\/strong>, <strong>Bottom<\/strong>, <strong>Left<\/strong> and <strong>Right<\/strong> are all selected at the bottom:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/place-image-in-shape\/trim-dialog-box.png\" alt=\"The Trim dialog box in Photoshop\" width=\"294\" height=\"254\" \/>\n<div class=\"image-desc\">The Trim options.<\/div>\n<p>Click OK to close the dialog box, and the surrounding transparent pixels are instantly cropped away:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/place-image-in-shape\/transparent-pixels-trimmed.jpg\" alt=\"The transparent pixels surrounding the shape have been trimmed away in Photoshop\" width=\"803\" height=\"446\" \/>\n<div class=\"image-desc\">The result after trimming away the transparent pixels.<\/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<h2 class=\"sub\">How to move the shape to a new background<\/h2>\n<p>In this final part of the tutorial, I'll show you how to move the shape and the image to a new background. And then we'll finish up by adding a stroke around the shape.<\/p>\n<h3>Step 1: Open the background image<\/h3>\n<p>Start by opening   your background image. <\/p>\n<p>I'll use <a href=\"https:\/\/prf.hn\/l\/PJo9byB)\" title=\"View image on Adobe Stock\" target=\"_blank\" rel=\"noopener noreferrer\">this image<\/a> from Adobe Stock. The image will open in its own separate Photoshop document:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/place-image-in-shape\/new-background-image.jpg\" alt=\"The image that will be used for the new background\" width=\"801\" height=\"444\" \/>\n<div class=\"image-desc\">The new background image.<\/div>\n<h3>Step 2: Switch back to your shape's document<\/h3>\n<p>Then switch back to the original document (the one that holds the image inside the shape) by clicking its <strong><a href=\"\/basics\/tabbed-and-floating-documents-in-photoshop\/\" title=\"Learn more\">tab<\/a><\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/place-image-in-shape\/click-document-tab.png\" alt=\"Switching between Photoshop documents by clicking the tabs\" width=\"609\" height=\"131\" \/>\n<div class=\"image-desc\">Clicking the tab of the original document.<\/div>\n<h3>Step 3: Select the Move Tool<\/h3>\n<p>To move the shape over to the background document, we'll simply drag and drop it.<\/p>\n<p>Select the <strong>Move Tool<\/strong> from the toolbar:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/place-image-in-shape\/select-move-tool-photoshop.png\" alt=\"Selecting the Move Tool from Photoshop's toolbar\" width=\"74\" height=\"144\" \/>\n<div class=\"image-desc\">Selecting the Move Tool.<\/div>\n<h3>Step 4: Link the image and the vector mask<\/h3>\n<p>In the Layers panel, make sure the image and the vector mask are linked together. You should see a <strong>link icon<\/strong> between the thumbnails. If not, click in the empty space between the thumbnails to link them:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/place-image-in-shape\/link-icon.png\" alt=\"Making sure the image and the vector mask are linked together in Photoshop's Layers panel\" width=\"306\" height=\"192\" \/>\n<div class=\"image-desc\">The link icon should be visible.<\/div>\n<p><a href=\"\/basics\/auto-select-layers-photoshop\/\" title=\"Learn more\">Learn more: How to Auto-Select layers in Photoshop!<\/a><\/p>\n<h3>Step 5: Drag the shape onto the background document's tab<\/h3>\n<p>Then click on the shape with the Move Tool and drag it up and onto the <strong>tab<\/strong> for the background image document:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/place-image-in-shape\/drag-shape-onto-tab.jpg\" alt=\"Dragging the shape onto the tab for the background image document in Photoshop\" width=\"798\" height=\"443\" \/>\n<div class=\"image-desc\">Dragging the shape onto the tab of the background document.<\/div>\n<h3>Step 6: Hold Shift and drag down onto the background image<\/h3>\n<p>Keep your mouse button held down and your cursor over the tab until Photoshop switches to the background image. <\/p>\n<p>Then press and hold the <strong>Shift<\/strong> key on your keyboard, drag your mouse cursor down onto the background image, and then release your mouse button:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/place-image-in-shape\/drag-into-document.jpg\" alt=\"Dragging and dropping the shape into the new background document in Photoshop\" width=\"801\" height=\"444\" \/>\n<div class=\"image-desc\">Holding Shift and dragging down onto the background image.<\/div>\n<p>The Shift key tells Photoshop to center the shape within the document. We now have our shape, and the image inside it, in front of the new background.<\/p>\n<p>Use <strong>Free Transform<\/strong> (press <strong>Ctrl+T<\/strong> (Win) \/ <strong>Command+T<\/strong> (Mac)) to resize the shape if needed:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/place-image-in-shape\/shape-in-image-new-background.jpg\" alt=\"The shape and the image inside it have been placed on the new background in Photoshop\" width=\"801\" height=\"444\" \/>\n<div class=\"image-desc\">The shape and the image have been placed on the new background.<\/div>\n<p><a href=\"\/basics\/5-ways-move-images-photoshop-documents\/\" title=\"Learn more\">Learn more: Five easy ways to move layers between documents!<\/a><\/p>\n<h2 class=\"sub\">How to add a stroke around the shape<\/h2>\n<p>To finish off the effect, let's add a stroke around the shape. And we'll do that using a <a href=\"\/basics\/using-layer-effects-and-layer-styles-in-photoshop-cc-2020-complete-guide\/\" title=\"Learn more\">layer effect<\/a>.<\/p>\n<h3>Step 1: Add a Stroke layer effect<\/h3>\n<p>In the Layers panel, make sure the layer that holds the original image and the shape is selected.<\/p>\n<p>Then click the <strong>Add Layer Style<\/strong> icon (the &quot;fx&quot; icon):<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/place-image-in-shape\/add-layer-style-icon.png\" alt=\"Clicking the Add Layer Style icon in Photoshop's Layers panel\" width=\"304\" height=\"211\" \/>\n<div class=\"image-desc\">Clicking the Add Layer Style icon.<\/div>\n<p>And choose <strong>Stroke<\/strong> from the list:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/place-image-in-shape\/choose-stroke-layer-effect.png\" alt=\"Adding a Stroke layer effect in Photoshop's Layers panel\" width=\"157\" height=\"102\" \/>\n<div class=\"image-desc\">Adding a Stroke layer effect.<\/div>\n<h3>Step 2: Choose a stroke color<\/h3>\n<p>In the Layer Style dialog box, set the stroke color by clicking the <strong>color swatch<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/place-image-in-shape\/stroke-color-swatch.png\" alt=\"Clicking the stroke color swatch in Photoshop's Layer Style dialog box\" width=\"329\" height=\"141\" \/>\n<div class=\"image-desc\">Clicking the stroke color swatch.<\/div>\n<p>And then choosing a color from Photoshop's <strong>Color Picker<\/strong>. I'll choose <strong>white<\/strong>. Click OK when you're done to close the Color Picker:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/place-image-in-shape\/color-picker-photoshop.jpg\" alt=\"Choosing the stroke color from Photoshop's Color Picker\" width=\"542\" height=\"387\" \/>\n<div class=\"image-desc\">Choosing the stroke color in the Color Picker.<\/div>\n<h3>Step 3: Set the Size and Position of the stroke<\/h3>\n<p>Back in the Layer Style dialog box,  change the <strong>Position<\/strong> of the stroke to <strong>Outside<\/strong>.<\/p>\n<p>And finally, adjust the thickness of the stroke with the <strong>Size<\/strong> option. The value you need will depend on the size of your image. I'll go with 24 pixels:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/place-image-in-shape\/stroke-size-position-options.png\" alt=\"Settiing the Position and Size options for the stroke around the shape in Photoshop\" width=\"329\" height=\"152\" \/>\n<div class=\"image-desc\">Setting the Position and Size options.<\/div>\n<p>Click OK to close the Layer Style dialog box, and we have our final result:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/place-image-in-shape\/place-image-inside-shape-photoshop.jpg\" alt=\"How to place an image inside a shape with Photoshop\" width=\"801\" height=\"444\" \/>\n<div class=\"image-desc\">The final &quot;image in shape&quot; effect.<\/div>\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<h3>Where to go next<\/h3>\n<p>And there we have it! That's how to place an image inside a shape using a vector mask, and how to move the shape to a different background, in Photoshop CC 2020!<\/p>\n<p>Check out our <a href=\"\/photo-effects\/\" title=\"More Photoshop photo effects tutorials\">Photo Effects<\/a> section for more tutorials. And don't forget, all of our Photoshop tutorials are available to <a href=\"\/print-ready-pdfs\/\" title=\"Learn more\">download as PDFs<\/a>!<\/p>\n<p><div class=\"members-ad\"><a href=\"\/print-ready-pdfs\/\">Get all of our Photoshop tutorials as PDFs!<\/a> Download them today!<\/div><br \/>\n<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Learn how to place an image inside a shape, and how to move the shape to a new background, in the latest version of Photoshop!<\/p>\n","protected":false},"author":1,"featured_media":29813,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[104,5],"tags":[],"class_list":["post-29810","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-cc-photo-effects-2","category-photo-effects"],"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>Place an Image in a Shape with Photoshop CC 2020<\/title>\n<meta name=\"description\" content=\"This tutorial shows you how to place an image inside a shape, and how to move the shape to a new background, in the latest version of Photoshop.\" \/>\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\/photo-effects\/how-to-place-an-image-in-a-shape-with-photoshop-cc-2020\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Place an Image inside a Shape with Photoshop CC 2020\" \/>\n<meta property=\"og:description\" content=\"Learn the easy way to fill a shape with an image, and how to move the shape to a new background, in the latest version of Photoshop!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/how-to-place-an-image-in-a-shape-with-photoshop-cc-2020\/\" \/>\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=\"2020-02-26T20:29:04+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-11-02T13:50:34+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2020\/02\/place-image-in-shape-photoshop-s.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"630\" \/>\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=\"20 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/how-to-place-an-image-in-a-shape-with-photoshop-cc-2020\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/how-to-place-an-image-in-a-shape-with-photoshop-cc-2020\\\/\"},\"author\":{\"name\":\"Steve Patterson\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#\\\/schema\\\/person\\\/338424c7775908e1c0a190d02a6564f2\"},\"headline\":\"Place an Image in a Shape with Photoshop CC 2020\",\"datePublished\":\"2020-02-26T20:29:04+00:00\",\"dateModified\":\"2022-11-02T13:50:34+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/how-to-place-an-image-in-a-shape-with-photoshop-cc-2020\\\/\"},\"wordCount\":2357,\"image\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/how-to-place-an-image-in-a-shape-with-photoshop-cc-2020\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2020\\\/02\\\/place-image-in-shape-photoshop-f.jpg\",\"articleSection\":[\"CC\",\"Photoshop Photo Effects\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/how-to-place-an-image-in-a-shape-with-photoshop-cc-2020\\\/\",\"url\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/how-to-place-an-image-in-a-shape-with-photoshop-cc-2020\\\/\",\"name\":\"Place an Image in a Shape with Photoshop CC 2020\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/how-to-place-an-image-in-a-shape-with-photoshop-cc-2020\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/how-to-place-an-image-in-a-shape-with-photoshop-cc-2020\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2020\\\/02\\\/place-image-in-shape-photoshop-f.jpg\",\"datePublished\":\"2020-02-26T20:29:04+00:00\",\"dateModified\":\"2022-11-02T13:50:34+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#\\\/schema\\\/person\\\/338424c7775908e1c0a190d02a6564f2\"},\"description\":\"This tutorial shows you how to place an image inside a shape, and how to move the shape to a new background, in the latest version of Photoshop.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/how-to-place-an-image-in-a-shape-with-photoshop-cc-2020\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/how-to-place-an-image-in-a-shape-with-photoshop-cc-2020\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/how-to-place-an-image-in-a-shape-with-photoshop-cc-2020\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2020\\\/02\\\/place-image-in-shape-photoshop-f.jpg\",\"contentUrl\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2020\\\/02\\\/place-image-in-shape-photoshop-f.jpg\",\"width\":250,\"height\":250,\"caption\":\"How to place an image inside a shape in Photoshop\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/how-to-place-an-image-in-a-shape-with-photoshop-cc-2020\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Photo Effects\",\"item\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Place an Image in a Shape\"}]},{\"@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":"Place an Image in a Shape with Photoshop CC 2020","description":"This tutorial shows you how to place an image inside a shape, and how to move the shape to a new background, in the latest version of Photoshop.","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\/photo-effects\/how-to-place-an-image-in-a-shape-with-photoshop-cc-2020\/","og_locale":"en_US","og_type":"article","og_title":"Place an Image inside a Shape with Photoshop CC 2020","og_description":"Learn the easy way to fill a shape with an image, and how to move the shape to a new background, in the latest version of Photoshop!","og_url":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/how-to-place-an-image-in-a-shape-with-photoshop-cc-2020\/","og_site_name":"Photoshop Essentials","article_publisher":"https:\/\/www.facebook.com\/photoess","article_published_time":"2020-02-26T20:29:04+00:00","article_modified_time":"2022-11-02T13:50:34+00:00","og_image":[{"width":1200,"height":630,"url":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2020\/02\/place-image-in-shape-photoshop-s.jpg","type":"image\/jpeg"}],"author":"Steve Patterson","twitter_misc":{"Written by":"Steve Patterson","Est. reading time":"20 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/how-to-place-an-image-in-a-shape-with-photoshop-cc-2020\/#article","isPartOf":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/how-to-place-an-image-in-a-shape-with-photoshop-cc-2020\/"},"author":{"name":"Steve Patterson","@id":"https:\/\/www.photoshopessentials.com\/newsite\/#\/schema\/person\/338424c7775908e1c0a190d02a6564f2"},"headline":"Place an Image in a Shape with Photoshop CC 2020","datePublished":"2020-02-26T20:29:04+00:00","dateModified":"2022-11-02T13:50:34+00:00","mainEntityOfPage":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/how-to-place-an-image-in-a-shape-with-photoshop-cc-2020\/"},"wordCount":2357,"image":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/how-to-place-an-image-in-a-shape-with-photoshop-cc-2020\/#primaryimage"},"thumbnailUrl":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2020\/02\/place-image-in-shape-photoshop-f.jpg","articleSection":["CC","Photoshop Photo Effects"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/how-to-place-an-image-in-a-shape-with-photoshop-cc-2020\/","url":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/how-to-place-an-image-in-a-shape-with-photoshop-cc-2020\/","name":"Place an Image in a Shape with Photoshop CC 2020","isPartOf":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/how-to-place-an-image-in-a-shape-with-photoshop-cc-2020\/#primaryimage"},"image":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/how-to-place-an-image-in-a-shape-with-photoshop-cc-2020\/#primaryimage"},"thumbnailUrl":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2020\/02\/place-image-in-shape-photoshop-f.jpg","datePublished":"2020-02-26T20:29:04+00:00","dateModified":"2022-11-02T13:50:34+00:00","author":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/#\/schema\/person\/338424c7775908e1c0a190d02a6564f2"},"description":"This tutorial shows you how to place an image inside a shape, and how to move the shape to a new background, in the latest version of Photoshop.","breadcrumb":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/how-to-place-an-image-in-a-shape-with-photoshop-cc-2020\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/how-to-place-an-image-in-a-shape-with-photoshop-cc-2020\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/how-to-place-an-image-in-a-shape-with-photoshop-cc-2020\/#primaryimage","url":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2020\/02\/place-image-in-shape-photoshop-f.jpg","contentUrl":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2020\/02\/place-image-in-shape-photoshop-f.jpg","width":250,"height":250,"caption":"How to place an image inside a shape in Photoshop"},{"@type":"BreadcrumbList","@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/how-to-place-an-image-in-a-shape-with-photoshop-cc-2020\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.photoshopessentials.com\/newsite\/"},{"@type":"ListItem","position":2,"name":"Photo Effects","item":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/"},{"@type":"ListItem","position":3,"name":"Place an Image in a Shape"}]},{"@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\/29810","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=29810"}],"version-history":[{"count":31,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/posts\/29810\/revisions"}],"predecessor-version":[{"id":33558,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/posts\/29810\/revisions\/33558"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/media\/29813"}],"wp:attachment":[{"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/media?parent=29810"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/categories?post=29810"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/tags?post=29810"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}