{"id":35655,"date":"2025-02-20T13:42:26","date_gmt":"2025-02-20T18:42:26","guid":{"rendered":"https:\/\/www.photoshopessentials.com\/?p=35655"},"modified":"2025-02-20T13:45:50","modified_gmt":"2025-02-20T18:45:50","slug":"place-an-image-in-a-shape-with-the-frame-tool-in-photoshop-2025","status":"publish","type":"post","link":"https:\/\/www.photoshopessentials.com\/newsite\/basics\/place-an-image-in-a-shape-with-the-frame-tool-in-photoshop-2025\/","title":{"rendered":"Place an Image in a Shape with the Frame Tool in Photoshop 2025"},"content":{"rendered":"<div class=\"summary\">\n<p>Photoshop's Frame Tool is the easiest way to place an image in a shape. And new in Photoshop 2025, the Frame Tool can use any of Photoshop's custom shapes! Learn how with this step-by-step tutorial.<\/p>\n<\/div>\n<div class=\"featured-image\" style=\"padding-bottom:12px;\"> <img decoding=\"async\" src=\"\/newsite\/wp-content\/uploads\/2025\/02\/photoshop-2025-frame-tool-tutorial-853.jpg\" alt=\"How to place an image in a shape using the Frame Tool in Photoshop 2025 tutorial\" width=\"853\" height=\"480\" \/><\/div>\n<p class=\"pdf-download-link\">Download the PDF: <a href=\"\/?s2member_file_download=pdf\/photoshop-basics\/2025-Place_An_Image_In_A_Shape_With_The_Frame_Tool.pdf&s2member_skip_confirmation\" title=\"Download PDF\">2025 - Place an Image in a Shape with the Frame Tool<\/a><\/p>\n<div id=\"author\">Written by Steve Patterson.<\/div>\n<p>Photoshop\u2019s <strong>Frame Tool<\/strong> was designed to be the easiest way to place an image into a shape. But until recently, the Frame Tool was limited to just rectangular or elliptical shapes.<\/p>\n<p>Now in <strong>Photoshop 2025<\/strong>, the Frame Tool has been upgraded to include custom shapes, which means you can use any of the custom shapes included with Photoshop, or any custom shape you created yourself, and place your image into it using the Frame Tool.<\/p>\n<p>I should mention that the Frame Tool is not Photoshop\u2019s best way, or the most flexible way, to place an image into a shape. But it is the easiest way, especially if you are a Photoshop beginner. So here\u2019s how it works.<\/p>\n<h3>Which Photoshop version do I need?<\/h3>\n<p>You'll need <a href=\"https:\/\/adobe.prf.hn\/click\/camref:1100lrdjJ\/destination:https%3A%2F%2Fwww.adobe.com%2Fproducts%2Fphotoshop.html\" target=\"_blank\" title=\"Learn more on the Adobe website\" rel=\"noopener\">Photoshop 2025<\/a> to use the Frame Tool with custom shapes. Use the Creative Cloud Desktop app to make sure that your copy of Photoshop is up to date.<\/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<p class=\"members-ad-top\"><a href=\"\/print-ready-pdfs\/\">Download all of our Photoshop tutorials as PDFs!<\/a><\/p>\n<p>For this tutorial, I\u2019ve gone ahead and created a new Photoshop document with a white background.<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.us-east-1.amazonaws.com\/basics\/2025\/frame-tool\/blank-photoshop-document.jpg\" alt=\"Starting with a blank Photoshop document.\" width=\"809\" height=\"459\" \/>\n<div class=\"image-desc\">Starting with a blank Photoshop document.<\/div>\n<h2 class=\"sub\">How to use Photoshop's Frame Tool<\/h2>\n<p>Here are the basic steps for placing an image in a shape using Photoshop's Frame Tool, regardless of which shape you're using. We'll look specifically at custom shapes once we've covered the basics.<\/p>\n<h3>Step 1: Select the Frame Tool<\/h3>\n<p>Start by selecting the <strong>Frame Tool<\/strong> from the <a href=\"\/basics\/photoshop-tools-toolbar-overview\/\" title=\"Learn more\">toolbar<\/a>. <\/p>\n<p>By default it\u2019s located directly below the <a href=\"\/basics\/how-to-crop-images-photoshop-cc\/\" title=\"Learn more\">Crop Tool<\/a>.<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.us-east-1.amazonaws.com\/basics\/2025\/frame-tool\/select-frame-tool.png\" alt=\"Selecting the Frame Tool in Photoshop\" width=\"49\" height=\"143\" \/>\n<div class=\"image-desc\">Selecting the Frame Tool.<\/div>\n<h3>Step 2: Choose a frame shape<\/h3>\n<p>In the Options Bar, choose a shape for your frame. As of Photoshop 2025, we can choose a rectangular shape, an elliptical shape, a triangle shape (new) or a custom shape (new).<\/p>\n<p>To learn the basics of how the Frame Tool works, let\u2019s keep things simple and choose the <strong>rectangular shape<\/strong>. But everything we cover here applies to the other shapes as well, including custom shapes. I\u2019ll show you where to find all of Photoshop\u2019s custom shapes later on.<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.us-east-1.amazonaws.com\/basics\/2025\/frame-tool\/frame-shape-options.png\" alt=\"Choosing the rectangle shape for the frame.\" width=\"302\" height=\"111\" \/>\n<div class=\"image-desc\">Choosing the rectangle shape for the frame.<\/div>\n<h3>Step 3: Drag out a frame<\/h3>\n<p>With the Frame Tool and your frame shape selected, click inside the document and drag out a frame.<\/p>\n<p>As you drag, you\u2019ll see only a rectangular bounding box for the frame, regardless of which frame shape you selected.<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.us-east-1.amazonaws.com\/basics\/2025\/frame-tool\/drag-out-frame.png\" alt=\"Dragging out the frame with the Frame Tool\" width=\"809\" height=\"461\" \/>\n<div class=\"image-desc\">Dragging out the frame.<\/div>\n<p>Release your mouse to complete the shape. <\/p>\n<p>Since we chose the rectangle shape, we get a rectangular frame.<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.us-east-1.amazonaws.com\/basics\/2025\/frame-tool\/frame-drawn.png\" alt=\"The frame drawn with the Frame Tool in Photoshop\" width=\"809\" height=\"461\" \/>\n<div class=\"image-desc\">The frame appears.<\/div>\n<p>In the <a href=\"\/basics\/layers\/layers-panel\/\" title=\"Learn more\">Layers panel<\/a>, we have a new <strong>frame layer<\/strong>, which includes a <strong>frame<\/strong> thumbnail on the left and a thumbnail showing the <strong>contents<\/strong> of the frame to its right. <\/p>\n<p>Notice that the frame itself is selected (the frame thumbnail has a white border around it). And currently the frame has no contents so we\u2019re seeing the white background.<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.us-east-1.amazonaws.com\/basics\/2025\/frame-tool\/new-frame-layer.png\" alt=\"The new frame layer in the Layers panel in Photoshop.\" width=\"295\" height=\"258\" \/>\n<div class=\"image-desc\">The new frame layer.<\/div>\n<style type=\"text\/css\">\n.ads-middle { display: inline-block; width:300px; margin:6px 0px 24px 0px; padding-top: 16px; padding-bottom: 16px; }\n@media (max-width: 515px) { .ads-middle { margin:20px 0; } }\n@media (max-width: 480px) { .ads-middle { margin:20px 0; } }\n<\/style><script async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-6601556224092982\"\n     crossorigin=\"anonymous\"><\/script>\n<!-- photo effects 300x250 middle responsive -->\n<ins class=\"adsbygoogle ads-middle\"\n     style=\"display:block\"\n     data-ad-client=\"ca-pub-6601556224092982\"\n     data-ad-slot=\"4216941496\"\n     data-ad-format=\"rectangle\"\n     data-full-width-responsive=\"true\"><\/ins>\n<script>\n     (adsbygoogle = window.adsbygoogle || []).push({});\n<\/script>\n<h3>Step 4: Resize or reposition the frame if needed<\/h3>\n<p>To resize the frame, click and drag any of the <strong>transform handles<\/strong> (the little squares).<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.us-east-1.amazonaws.com\/basics\/2025\/frame-tool\/resize-frame.png\" alt=\"Dragging the handles to resize the frame.\" width=\"809\" height=\"461\" \/>\n<div class=\"image-desc\">Dragging the handles to resize the frame.<\/div>\n<p>And to reposition the frame on the canvas, click and drag on the frame itself.<\/p>\n<p>Here I\u2019m centering the frame.<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.us-east-1.amazonaws.com\/basics\/2025\/frame-tool\/reposition-frame.png\" alt=\"Repositioning the frame.\" width=\"809\" height=\"461\" \/>\n<div class=\"image-desc\">Repositioning the frame.<\/div>\n<h3>Step 5: Place your image into the frame<\/h3>\n<p>Now that we have a frame, how do we place an image inside it?<\/p>\n<p>For that we use the <strong>Contextual Task Bar<\/strong> which should appear directly below the frame. If you\u2019re not seeing the Task Bar, select it from the <strong>Window<\/strong> menu in the Menu Bar.<\/p>\n<h3>Placing an AI generated image into the frame<\/h3>\n<p>Adobe is <a href=\"\/photo-editing\/using-generative-ai-with-the-remove-tool-in-photoshop\/\" title=\"Learn more\">all about AI these days<\/a>, and if you don\u2019t have an image to place into the frame, you can click <strong>Generate image<\/strong> in the Task Bar to create an image using <a href=\"\/photo-effects\/using-structure-reference-and-style-reference-in-adobe-firefly\/\" title=\"Learn more\">Adobe Firefly<\/a>.<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.us-east-1.amazonaws.com\/basics\/2025\/frame-tool\/click-generate-image.png\" alt=\"Clicking the Generate image button.\" width=\"809\" height=\"133\" \/>\n<div class=\"image-desc\">Clicking the Generate image button.<\/div>\n<p>The Generate Image dialog box opens where you can enter a prompt, choose whether you want an artistic (Art) or photorealistic (Photo) image, add effects, and choose an image to use as a style reference.<\/p>\n<p>Since this is not a tutorial on <a href=\"\/photo-effects\/how-to-generate-ai-images-in-photoshop-using-adobe-firefly\/\" title=\"Learn more\">how to generate images in Photoshop<\/a> (I have a separate tutorial for that), I\u2019ll quickly choose one of the <q>prompt inspiration<\/q> thumbnails on the right to load its prompt and settings. <\/p>\n<p>Then I\u2019ll click <strong>Generate<\/strong>.<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.us-east-1.amazonaws.com\/basics\/2025\/frame-tool\/generate-image-dialog.jpg\" alt=\"The Generate Image dialog box.\" width=\"701\" height=\"534\" \/>\n<div class=\"image-desc\">The Generate Image dialog box.<\/div>\n<p>After a few seconds, Photoshop fills the frame with an AI generated image.<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.us-east-1.amazonaws.com\/basics\/2025\/frame-tool\/ai-image-in-frame.jpg\" alt=\"The AI image in the frame.\" width=\"809\" height=\"461\" \/>\n<div class=\"image-desc\">The AI image in the frame.<\/div>\n<p>In most cases though, you\u2019ll have your own image that you want to place into the frame. <\/p>\n<p>So I\u2019ll undo that to remove the AI image and return to the blank frame.<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.us-east-1.amazonaws.com\/basics\/2025\/frame-tool\/return-to-blank-frame.png\" alt=\"Back to the empty frame.\" width=\"809\" height=\"461\" \/>\n<div class=\"image-desc\">Back to the empty frame.<\/div>\n<style type=\"text\/css\">\n.ads-middle { display: inline-block; width:300px; margin:6px 0px 24px 0px; padding-top: 16px; padding-bottom: 16px; }\n@media (max-width: 515px) { .ads-middle { margin:20px 0; } }\n@media (max-width: 480px) { .ads-middle { margin:20px 0; } }\n<\/style><script async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-6601556224092982\"\n     crossorigin=\"anonymous\"><\/script>\n<!-- photo effects 300x250 middle responsive -->\n<ins class=\"adsbygoogle ads-middle\"\n     style=\"display:block\"\n     data-ad-client=\"ca-pub-6601556224092982\"\n     data-ad-slot=\"4216941496\"\n     data-ad-format=\"rectangle\"\n     data-full-width-responsive=\"true\"><\/ins>\n<script>\n     (adsbygoogle = window.adsbygoogle || []).push({});\n<\/script>\n<h3>Placing your own image into the frame<\/h3>\n<p>To place your own image into the frame, click <strong>Import image<\/strong> in the task bar.<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.us-east-1.amazonaws.com\/basics\/2025\/frame-tool\/click-import-image.png\" alt=\"Clicking the Import image button.\" width=\"809\" height=\"133\" \/>\n<div class=\"image-desc\">Clicking the Import image button.<\/div>\n<p>Navigate to the image on your computer, click on it to select it and click the <strong>Place<\/strong> button.<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.us-east-1.amazonaws.com\/basics\/2025\/frame-tool\/select-image.jpg\" alt=\"Selecting the image to place into the frame.\" width=\"700\" height=\"349\" \/>\n<div class=\"image-desc\">Selecting the image to place into the frame.<\/div>\n<p>Photoshop places the image into the frame and resizes the image to fit within the frame proportionally.<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.us-east-1.amazonaws.com\/basics\/2025\/frame-tool\/image-placed-into-frame.jpg\" alt=\"Photoshop places the image into the frame.\" width=\"809\" height=\"461\" \/>\n<div class=\"image-desc\">Photoshop places the image into the frame.<\/div>\n<p class=\"members-ad-top\"><a href=\"\/print-ready-pdfs\/\">Download all of our Photoshop tutorials as PDFs!<\/a><\/p>\n<h3>Step 6: Resize and reposition the image in the frame<\/h3>\n<p>In the Layers panel, the image now appears inside the <strong>contents thumbnail<\/strong> of the frame layer. Notice that  the contents thumbnail is now selected (it has a white border around it), which means that we can now reposition the image within the frame.<\/p>\n<p>Also notice the <a href=\"\/basics\/how-to-edit-and-replace-smart-object-contents-in-photoshop\/\" title=\"Learn more\">smart object<\/a> icon in the lower right of the content thumbnail. Photoshop automatically converts the image into a smart object when placing it into the frame. That means we can resize the image inside the frame as many times as needed <a href=\"\/basics\/scale-resize-images-smart-objects-photoshop\/\" title=\"Learn more\">without losing quality<\/a>, and it makes it easy to replace the image with a different one, as we\u2019ll see in a moment.<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.us-east-1.amazonaws.com\/basics\/2025\/frame-tool\/frame-layer-contents-thumbnail.png\" alt=\"The image in the contents thumbnail of the frame layer.\" width=\"295\" height=\"163\" \/>\n<div class=\"image-desc\">The image in the contents thumbnail of the frame layer.<\/div>\n<p>But before I do anything with the image, I\u2019ll click on the <strong>frame thumbnail<\/strong> to select it.<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.us-east-1.amazonaws.com\/basics\/2025\/frame-tool\/select-frame-thumbnail.png\" alt=\"Selecting the frame thumbnail.\" width=\"295\" height=\"166\" \/>\n<div class=\"image-desc\">Selecting the frame thumbnail.<\/div>\n<p>With the frame thumbnail selected, the transform handles reappear around the frame so we can resize it independently of the image.<\/p>\n<p>Here I\u2019m making the frame smaller.<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.us-east-1.amazonaws.com\/basics\/2025\/frame-tool\/resize-frame-not-image.jpg\" alt=\"Resizing the frame but not the image inside it.\" width=\"809\" height=\"461\" \/>\n<div class=\"image-desc\">Resizing the frame but not the image inside it.<\/div>\n<p>Then I\u2019ll click on the <strong>contents thumbnail<\/strong> to select it so I can make adjustments to the image inside the frame.<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.us-east-1.amazonaws.com\/basics\/2025\/frame-tool\/frame-layer-contents-thumbnail.png\" alt=\"Selecting the contents thumbnail.\" width=\"295\" height=\"163\" \/>\n<div class=\"image-desc\">Selecting the contents thumbnail.<\/div>\n<p>I can then click and drag the image around inside the frame to reposition it, without moving the frame.<\/p>\n<p>Here I\u2019m dragging the image to the right.<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.us-east-1.amazonaws.com\/basics\/2025\/frame-tool\/reposition-image-in-frame.jpg\" alt=\"Repositioning the image but not the frame.\" width=\"809\" height=\"461\" \/>\n<div class=\"image-desc\">Repositioning the image but not the frame.<\/div>\n<p>What if we need to resize the image inside the frame? <\/p>\n<p>In the Contextual Task Bar, click the <strong>Transform image<\/strong> icon. If you\u2019re not seeing it, make sure you have the contents thumbnail selected on the frame layer, not the frame thumbnail. The task bar displays different options depending on which one is selected.<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.us-east-1.amazonaws.com\/basics\/2025\/frame-tool\/transform-image-icon.png\" alt=\"Clicking the Transform image icon.\" width=\"467\" height=\"74\" \/>\n<div class=\"image-desc\">Clicking the Transform image icon.<\/div>\n<p>Clicking the Transform image icon places the <a href=\"\/basics\/transform-and-warp-images-with-free-transform-in-photoshop-cc-2019\/\" title=\"Learn more\">Free Transform<\/a> box and handles around the image. You can then drag the handles to resize the image inside the frame. <\/p>\n<p>To resize the image proportionally, first go up to the Options Bar and make sure the link icon between the Width and Height fields is selected.<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.us-east-1.amazonaws.com\/basics\/2025\/frame-tool\/width-height-link-icon.png\" alt=\"Linking the Width and Height together.\" width=\"319\" height=\"102\" \/>\n<div class=\"image-desc\">Linking the Width and Height together.<\/div>\n<p>This will lock the aspect ratio of the image as you drag the handles to resize it. <\/p>\n<p>To resize the image from its center, hold the <strong>Alt<\/strong> key on your keyboard (Windows) or the <strong>Option<\/strong> key (Mac) as you drag any of the handles.<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.us-east-1.amazonaws.com\/basics\/2025\/frame-tool\/resize-image-free-transform.jpg\" alt=\"Resizing the image inside the frame.\" width=\"809\" height=\"461\" \/>\n<div class=\"image-desc\">Resizing the image inside the frame.<\/div>\n<p>And with Free Transform still active, you can click and drag on the image itself to reposition it within the frame.<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.us-east-1.amazonaws.com\/basics\/2025\/frame-tool\/reposition-image-free-transform.jpg\" alt=\"Moving the image inside the frame with Free Transform.\" width=\"809\" height=\"414\" \/>\n<div class=\"image-desc\">Moving the image inside the frame with Free Transform.<\/div>\n<p>Click <strong>Done<\/strong> in the task bar to accept it and close Free Transform.<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.us-east-1.amazonaws.com\/basics\/2025\/frame-tool\/click-done.png\" alt=\"Clicking the Done button.\" width=\"329\" height=\"81\" \/>\n<div class=\"image-desc\">Clicking the Done button.<\/div>\n<p>If, after resizing the image, you change your mind and want to fit the image within the frame again, click the <strong>frame thumbnail<\/strong> in the Layers panel to make the frame active.<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.us-east-1.amazonaws.com\/basics\/2025\/frame-tool\/reselect-frame-thumbnail.png\" alt=\"Selecting the frame.\" width=\"295\" height=\"165\" \/>\n<div class=\"image-desc\">Selecting the frame.<\/div>\n<p>Then in the task bar, click the <strong>Fill Options<\/strong> icon.<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.us-east-1.amazonaws.com\/basics\/2025\/frame-tool\/fill-options-icon.png\" alt=\"The Fill Options icon.\" width=\"475\" height=\"81\" \/>\n<div class=\"image-desc\">The Fill Options icon.<\/div>\n<p>Here you have three choices. <strong>Fill frame proportionally<\/strong> will reset the image size to fit it proportionally within the frame. <strong>Fit frame to content<\/strong> will resize the frame to fit the entire image inside it. And <strong>Center content in frame<\/strong> will keep the frame at its current size and center the image.<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.us-east-1.amazonaws.com\/basics\/2025\/frame-tool\/fill-options-choices.png\" alt=\"The fill options.\" width=\"277\" height=\"127\" \/>\n<div class=\"image-desc\">The fill options.<\/div>\n<p>I\u2019ll choose <strong>Fill Frame Proportionall<\/strong>y so Photoshop resizes the image to fit within the frame.<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.us-east-1.amazonaws.com\/basics\/2025\/frame-tool\/fill-frame-proportionally-result.jpg\" alt=\"The fill options.\" width=\"809\" height=\"461\" \/>\n<div class=\"image-desc\">The image now fits within the frame,<\/div>\n<style type=\"text\/css\">\n.ads-middle { display: inline-block; width:300px; margin:6px 0px 24px 0px; padding-top: 16px; padding-bottom: 16px; }\n@media (max-width: 515px) { .ads-middle { margin:20px 0; } }\n@media (max-width: 480px) { .ads-middle { margin:20px 0; } }\n<\/style><script async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-6601556224092982\"\n     crossorigin=\"anonymous\"><\/script>\n<!-- photo effects 300x250 middle responsive -->\n<ins class=\"adsbygoogle ads-middle\"\n     style=\"display:block\"\n     data-ad-client=\"ca-pub-6601556224092982\"\n     data-ad-slot=\"4216941496\"\n     data-ad-format=\"rectangle\"\n     data-full-width-responsive=\"true\"><\/ins>\n<script>\n     (adsbygoogle = window.adsbygoogle || []).push({});\n<\/script>\n<h3>How to replace the image inside the frame<\/h3>\n<p>Swapping the current image in the frame with a different image is easy. <\/p>\n<p>First, make sure the <strong>frame thumbnail<\/strong> is selected in the Layers panel.<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.us-east-1.amazonaws.com\/basics\/2025\/frame-tool\/select-frame-thumbnail.png\" alt=\"Selecting the frame.\" width=\"295\" height=\"166\" \/>\n<div class=\"image-desc\">Selecting the frame.<\/div>\n<p>Then in the task bar, click the <strong>Replace image<\/strong> button. <\/p>\n<p>You\u2019ll see two options,<strong> Generate image<\/strong> and <strong>Import image<\/strong>. I\u2019ll click Import image.<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.us-east-1.amazonaws.com\/basics\/2025\/frame-tool\/replace-image-import-image.png\" alt=\"Clicking Replace image and then Import image.\" width=\"466\" height=\"108\" \/>\n<div class=\"image-desc\">Clicking Replace image and then Import image.<\/div>\n<p>Navigate to the new image on your computer, click on it to select it and click <strong>Place<\/strong>.<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.us-east-1.amazonaws.com\/basics\/2025\/frame-tool\/choose-replacement-image.jpg\" alt=\"Selecting the replacement image and choosing Place.\" width=\"700\" height=\"349\" \/>\n<div class=\"image-desc\">Selecting the replacement image and choosing Place.<\/div>\n<p>And just like that, Photoshop swaps the old image for the new one and fits it proportionally within the frame.<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.us-east-1.amazonaws.com\/basics\/2025\/frame-tool\/image-in-frame-replaced.jpg\" alt=\"The original image is instantly replaced with the new image,\" width=\"809\" height=\"461\" \/>\n<div class=\"image-desc\">The original image is instantly replaced with the new image.<\/div>\n<h3>Adding a stroke around the frame<\/h3>\n<p>One of the limitations of Photoshop\u2019s Frame Tool is that it does not give us many options for adding effects. In fact, the only effect we can add is a <strong>stroke<\/strong> around the frame.<\/p>\n<p>To add a stroke, make sure the <strong>frame thumbnail<\/strong> is selected in the Layers panel.<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.us-east-1.amazonaws.com\/basics\/2025\/frame-tool\/select-frame-thumbnail-again.png\" alt=\"Selecting the frame thumbnail.\" width=\"295\" height=\"163\" \/>\n<div class=\"image-desc\">Selecting the frame thumbnail.<\/div>\n<p>Then in the task bar, click the <strong>stroke color swatch<\/strong>.<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.us-east-1.amazonaws.com\/basics\/2025\/frame-tool\/stroke-color-swatch.png\" alt=\"The stroke color swatch in the Task Bar.\" width=\"468\" height=\"75\" \/>\n<div class=\"image-desc\">The stroke color swatch in the Task Bar.<\/div>\n<p>Choose one of the preset stroke colors, or click the <strong>Custom Color<\/strong> icon in the upper right to open the <strong>Color Picker<\/strong> to choose your own color.<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.us-east-1.amazonaws.com\/basics\/2025\/frame-tool\/click-custom-color-icon.png\" alt=\"Clicking the Custom Color icon.\" width=\"308\" height=\"179\" \/>\n<div class=\"image-desc\">Clicking the Custom Color icon.<\/div>\n<p>I like to choose a stroke color directly from the image. To do that, hover your mouse cursor over the image. The cursor will change to an eyedropper icon. Then click on a color to sample it.<\/p>\n<p>Here I\u2019m sampling a color from the woman\u2019s jacket (lower right of the image).<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.us-east-1.amazonaws.com\/basics\/2025\/frame-tool\/select-custom-stroke-color.jpg\" alt=\"Sampling a stroke color from the image.\" width=\"809\" height=\"459\" \/>\n<div class=\"image-desc\">Sampling a stroke color from the image.<\/div>\n<p>Click OK to close the Color Picker. Then press Enter (Windows) or Return (Mac) to close the stroke color dialog.<\/p>\n<p>Back in the task bar, set the <strong>stroke width<\/strong>. To make the stroke easy to see, I\u2019ll go with a size of 20 pixels.<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.us-east-1.amazonaws.com\/basics\/2025\/frame-tool\/stroke-size.jpg\" alt=\"Setting the stroke width.\" width=\"809\" height=\"461\" \/>\n<div class=\"image-desc\">Setting the stroke width.<\/div>\n<p>Then still in the task bar, click on the <strong>Stroke Alignment<\/strong> option (set to Center by default) and choose whether you want the stroke to appear <strong>inside<\/strong> the frame outline, <strong>centered<\/strong> on the outline or <strong>outside<\/strong> the outline.<\/p>\n<p>I\u2019ll choose Outside.<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.us-east-1.amazonaws.com\/basics\/2025\/frame-tool\/stroke-alignment-options.png\" alt=\"The stroke alignment options in the Task Bar.\" width=\"462\" height=\"125\" \/>\n<div class=\"image-desc\">The stroke alignment options in the Task Bar.<\/div>\n<p>To hide the outline around the frame, select a different layer in the Layers panel.<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.us-east-1.amazonaws.com\/basics\/2025\/frame-tool\/select-background-layer.png\" alt=\"Selecting the Background layer.\" width=\"295\" height=\"169\" \/>\n<div class=\"image-desc\">Selecting the Background layer.<\/div>\n<p>And here\u2019s my rectangular frame with the image inside it and the stroke around it.<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.us-east-1.amazonaws.com\/basics\/2025\/frame-tool\/frame-image-stroke.jpg\" alt=\"The frame with the stroke added.\" width=\"809\" height=\"461\" \/>\n<div class=\"image-desc\">The frame with the stroke added.<\/div>\n<p>And that\u2019s the basics of how to use Photoshop\u2019s Frame Tool to place an image into a shape. <\/p>\n<p>So now let\u2019s look specifically at using custom shapes, which is a new feature of the Frame Tool in Photoshop 2025.<\/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<h2 class=\"sub\">How to load all of Photoshop\u2019s custom shapes<\/h2>\n<p>As of <a href=\"https:\/\/adobe.prf.hn\/click\/camref:1100lrdjJ\/destination:https%3A%2F%2Fwww.adobe.com%2Fproducts%2Fphotoshop.html\" target=\"_blank\" title=\"Learn more on the Adobe website\" rel=\"noopener\">Photoshop 2025<\/a>, the Frame Tool can now place an image into any of Photoshop\u2019s custom shapes. That includes the <a href=\"\/basics\/how-to-draw-custom-shapes-in-photoshop\/\" title=\"Learn more\">custom shapes that ship with Photoshop<\/a>, along with any shapes you downloaded off the web, and any custom shapes you created yourself.<\/p>\n<p>Photoshop has lots of built-in custom shapes to choose from, but only a few of them are loaded by default. To access the rest, we need to load them ourselves. Here\u2019s how.<\/p>\n<h3>Step 1: Open the Shapes panel<\/h3>\n<p>Photoshop\u2019s custom shapes are loaded from the <strong>Shapes panel<\/strong>. But the Shapes panel is not open by default.<\/p>\n<p>To open it, go up to the <strong>Window<\/strong> menu and choose <strong>Shapes<\/strong>.<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.us-east-1.amazonaws.com\/basics\/2025\/frame-tool\/open-shapes-panel.png\" alt=\"Opening the Shapes panel from the Window menu.\" width=\"269\" height=\"127\" \/>\n<div class=\"image-desc\">Opening the Shapes panel from the Window menu.<\/div>\n<p>The Shapes panel opens with four groups of shapes (Wild Animals, Leaf Trees, Boats and Flowers). <\/p>\n<p>You can twirl any of the groups open to view the shapes inside it. But there are lots more shapes available than what we see here.<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.us-east-1.amazonaws.com\/basics\/2025\/frame-tool\/shapes-panel.png\" alt=\"Photoshop\u2019s default shapes.\" width=\"243\" height=\"280\" \/>\n<div class=\"image-desc\">Photoshop\u2019s default shapes.<\/div>\n<h3>Step 2: Load the Legacy Shapes and more<\/h3>\n<p>Click the Shapes panel <strong>menu icon<\/strong> in the upper right corner.<\/p>\n<p>Then choose <strong>Legacy Shapes and More<\/strong>.<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.us-east-1.amazonaws.com\/basics\/2025\/frame-tool\/load-legacy-shapes-and-more.png\" alt=\"Loading Photoshop\u2019s hidden shapes.\" width=\"444\" height=\"381\" \/>\n<div class=\"image-desc\">Loading Photoshop\u2019s hidden shapes.<\/div>\n<p>A new <strong>Legacy Shapes and More<\/strong> group appears.<\/p>\n<p>Twirl it open to find two more groups, <strong>2019 Shapes<\/strong> and <strong>All Legacy Default Shapes<\/strong>. <\/p>\n<p>You can then twirl these groups open to access all of the shapes that were missing from the Shapes panel.<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.us-east-1.amazonaws.com\/basics\/2025\/frame-tool\/legacy-shapes-added.png\" alt=\"All of Photoshop\u2019s custom shapes are now loaded.\" width=\"243\" height=\"167\" \/>\n<div class=\"image-desc\">All of Photoshop\u2019s custom shapes are now loaded.<\/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 use a custom shape with the Frame Tool<\/h2>\n<p>Now that we have loaded all of Photoshop\u2019s custom shapes, we can choose any of them to use with the Frame Tool.<\/p>\n<p>With the Frame Tool active, click the <strong>Custom Shape<\/strong> icon in the Options Bar.<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.us-east-1.amazonaws.com\/basics\/2025\/frame-tool\/frame-tool-custom-shape-icon.png\" alt=\"Choosing the custom shape for the Frame Tool.\" width=\"302\" height=\"112\" \/>\n<div class=\"image-desc\">Choosing the custom shape for the Frame Tool.<\/div>\n<p>Then click the <strong>shape thumbnail<\/strong> to choose a shape.<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.us-east-1.amazonaws.com\/basics\/2025\/frame-tool\/click-shape-thumbnail.png\" alt=\"Clicking the shape thumbnail in the Options Bar.\" width=\"388\" height=\"110\" \/>\n<div class=\"image-desc\">Clicking the shape thumbnail in the Options Bar.<\/div>\n<p>Twirl open the groups and choose the shape you want for your frame.<\/p>\n<p>I\u2019ll go to the <strong>Legacy Shapes and More<\/strong> group, then the <strong>All Legacy Default Shapes<\/strong> group, and I\u2019ll twirl open the <strong>Legacy Default Shapes<\/strong> folder so I can choose a <strong>heart<\/strong> shape.<\/p>\n<p>I\u2019ll double-click on the heart shape to both select it and close the shape picker.<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.us-east-1.amazonaws.com\/basics\/2025\/frame-tool\/choose-heart-shape.png\" alt=\"Selecting a heart shape.\" width=\"503\" height=\"278\" \/>\n<div class=\"image-desc\">Selecting a heart shape.<\/div>\n<p>At this point, all of the steps for placing an image into the frame are exactly the same as what we covered earlier with the rectangular shape.<\/p>\n<p>I\u2019ll drag out my heart shape on the canvas, resize it with the transform handles and reposition it in the center.<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.us-east-1.amazonaws.com\/basics\/2025\/frame-tool\/draw-heart-shape.png\" alt=\"The heart frame added to the document.\" width=\"809\" height=\"461\" \/>\n<div class=\"image-desc\">The heart frame added to the document.<\/div>\n<p>Then I\u2019ll click the <strong>Import image<\/strong> button in the Task Bar.<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.us-east-1.amazonaws.com\/basics\/2025\/frame-tool\/import-image-button.png\" alt=\"Clicking the Import image button.\" width=\"584\" height=\"71\" \/>\n<div class=\"image-desc\">Clicking the Import image button.<\/div>\n<p>I\u2019ll choose the image I want to use and click <strong>Place<\/strong>.<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.us-east-1.amazonaws.com\/basics\/2025\/frame-tool\/select-third-image.jpg\" alt=\"Selecting the image to place into the frame.\" width=\"700\" height=\"349\" \/>\n<div class=\"image-desc\">Selecting the image to place into the frame.<\/div>\n<p>Photoshop places the image into the frame.<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.us-east-1.amazonaws.com\/basics\/2025\/frame-tool\/image-in-heart-frame.jpg\" alt=\"The image inside the custom shape.\" width=\"809\" height=\"461\" \/>\n<div class=\"image-desc\">The image inside the custom shape.<\/div>\n<p>Finally, I\u2019ll drag the image over to the right to reposition the woman inside the frame.<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.us-east-1.amazonaws.com\/basics\/2025\/frame-tool\/reposition-woman-in-heart-frame.jpg\" alt=\"Moving my subject inside the frame.\" width=\"809\" height=\"461\" \/>\n<div class=\"image-desc\">Moving my subject inside the frame.<\/div>\n<h3>How to move the frame and the shape together<\/h3>\n<p>We\u2019ve seen that we can move and resize the image inside the frame. But how do we move the image and the frame together?<\/p>\n<p>To reposition both the frame and the image on the canvas, hold the <strong>Shift<\/strong> key on your keyboard and click on whichever thumbnail on the frame layer is not currently selected. This will select both the frame and the image together. <\/p>\n<p>In my case, the content thumbnail is selected so with my Shift key held down, I\u2019ll click on the frame thumbnail to select them both.<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.us-east-1.amazonaws.com\/basics\/2025\/frame-tool\/selecting-the-frame-and-the-image.jpg\" alt=\"Shift-click on the inactive thumbnail to select both\" width=\"295\" height=\"195\" \/>\n<div class=\"image-desc\">Shift-click on the inactive thumbnail to select both<\/div>\n<p>Then simply drag them into position. Here I\u2019m dragging both the frame and the image over to the right.<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.us-east-1.amazonaws.com\/basics\/2025\/frame-tool\/reposition-image-and-frame.jpg\" alt=\"Moving the frame and the image together.\" width=\"809\" height=\"461\" \/>\n<div class=\"image-desc\">Moving the frame and the image together.<\/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<p>And there we have it! That\u2019s the basics of how to place an image into a shape using the upgraded Frame Tool in Photoshop 2025.<\/p>\n<p><strong>Related tutorials:<\/strong><\/p>\n<ul class=\"f1\">\n<li><a href=\"\/photo-editing\/using-generative-ai-with-the-remove-tool-in-photoshop-beta\/\" title=\"Learn more\">New in Photoshop 2025: Using the Remove Tool with Generative AI<\/a><\/li>\n<li><a href=\"\/photo-editing\/remove-distracting-people-from-photos-in-photoshop-2025\/\" title=\"Learn more\">New in Photoshop 2025: Remove Distracting People From Photos<\/a><\/li>\n<li><a href=\"\/photo-editing\/remove-wires-and-cables-from-photos-instantly-in-photoshop-2025\/\" title=\"Learn more\">New in Photoshop 2025: Remove Wires and Cables From Photos<\/a><\/li>\n<\/ul>\n<div align=\"center\" style=\"padding-top:16px; padding-bottom:16px;\">\n<script type=\"text\/javascript\" src=\"https:\/\/adobe-creative.prf.hn\/creative\/camref:1100lrdjJ\/creativeref:1011l90368\"><\/script>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>The Frame Tool is Photoshop&#8217;s easiest way to place an image in a shape, especially now that it can use custom shapes in Photoshop 2025!<\/p>\n","protected":false},"author":1,"featured_media":35661,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[],"class_list":["post-35655","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>Place an Image in a Shape with the Frame Tool in Photoshop 2025<\/title>\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\/place-an-image-in-a-shape-with-the-frame-tool-in-photoshop-2025\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Place an Image in a Shape with the Frame Tool in Photoshop 2025\" \/>\n<meta property=\"og:description\" content=\"Learn the easiest way to place an image in a shape, including custom shapes, using the upgraded Frame Tool in Photoshop 2025.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.photoshopessentials.com\/newsite\/basics\/place-an-image-in-a-shape-with-the-frame-tool-in-photoshop-2025\/\" \/>\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=\"2025-02-20T18:42:26+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-02-20T18:45:50+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2025\/02\/photoshop-2025-frame-tool-tutorial-1200.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"675\" \/>\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=\"24 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\\\/place-an-image-in-a-shape-with-the-frame-tool-in-photoshop-2025\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/basics\\\/place-an-image-in-a-shape-with-the-frame-tool-in-photoshop-2025\\\/\"},\"author\":{\"name\":\"Steve Patterson\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#\\\/schema\\\/person\\\/338424c7775908e1c0a190d02a6564f2\"},\"headline\":\"Place an Image in a Shape with the Frame Tool in Photoshop 2025\",\"datePublished\":\"2025-02-20T18:42:26+00:00\",\"dateModified\":\"2025-02-20T18:45:50+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/basics\\\/place-an-image-in-a-shape-with-the-frame-tool-in-photoshop-2025\\\/\"},\"wordCount\":2701,\"image\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/basics\\\/place-an-image-in-a-shape-with-the-frame-tool-in-photoshop-2025\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2025\\\/02\\\/photoshop-2025-frame-tool-tutorial-250.jpg\",\"articleSection\":[\"Photoshop Basics\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/basics\\\/place-an-image-in-a-shape-with-the-frame-tool-in-photoshop-2025\\\/\",\"url\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/basics\\\/place-an-image-in-a-shape-with-the-frame-tool-in-photoshop-2025\\\/\",\"name\":\"Place an Image in a Shape with the Frame Tool in Photoshop 2025\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/basics\\\/place-an-image-in-a-shape-with-the-frame-tool-in-photoshop-2025\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/basics\\\/place-an-image-in-a-shape-with-the-frame-tool-in-photoshop-2025\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2025\\\/02\\\/photoshop-2025-frame-tool-tutorial-250.jpg\",\"datePublished\":\"2025-02-20T18:42:26+00:00\",\"dateModified\":\"2025-02-20T18:45:50+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#\\\/schema\\\/person\\\/338424c7775908e1c0a190d02a6564f2\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/basics\\\/place-an-image-in-a-shape-with-the-frame-tool-in-photoshop-2025\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/basics\\\/place-an-image-in-a-shape-with-the-frame-tool-in-photoshop-2025\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/basics\\\/place-an-image-in-a-shape-with-the-frame-tool-in-photoshop-2025\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2025\\\/02\\\/photoshop-2025-frame-tool-tutorial-250.jpg\",\"contentUrl\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2025\\\/02\\\/photoshop-2025-frame-tool-tutorial-250.jpg\",\"width\":250,\"height\":250,\"caption\":\"How to place an image in a shape using the Frame Tool in Photoshop 2025\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/basics\\\/place-an-image-in-a-shape-with-the-frame-tool-in-photoshop-2025\\\/#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\":\"Place an Image in a Shape with the Frame Tool in Photoshop 2025\"}]},{\"@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 the Frame Tool in Photoshop 2025","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\/place-an-image-in-a-shape-with-the-frame-tool-in-photoshop-2025\/","og_locale":"en_US","og_type":"article","og_title":"Place an Image in a Shape with the Frame Tool in Photoshop 2025","og_description":"Learn the easiest way to place an image in a shape, including custom shapes, using the upgraded Frame Tool in Photoshop 2025.","og_url":"https:\/\/www.photoshopessentials.com\/newsite\/basics\/place-an-image-in-a-shape-with-the-frame-tool-in-photoshop-2025\/","og_site_name":"Photoshop Essentials","article_publisher":"https:\/\/www.facebook.com\/photoess","article_published_time":"2025-02-20T18:42:26+00:00","article_modified_time":"2025-02-20T18:45:50+00:00","og_image":[{"width":1200,"height":675,"url":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2025\/02\/photoshop-2025-frame-tool-tutorial-1200.jpg","type":"image\/jpeg"}],"author":"Steve Patterson","twitter_misc":{"Written by":"Steve Patterson","Est. reading time":"24 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.photoshopessentials.com\/newsite\/basics\/place-an-image-in-a-shape-with-the-frame-tool-in-photoshop-2025\/#article","isPartOf":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/basics\/place-an-image-in-a-shape-with-the-frame-tool-in-photoshop-2025\/"},"author":{"name":"Steve Patterson","@id":"https:\/\/www.photoshopessentials.com\/newsite\/#\/schema\/person\/338424c7775908e1c0a190d02a6564f2"},"headline":"Place an Image in a Shape with the Frame Tool in Photoshop 2025","datePublished":"2025-02-20T18:42:26+00:00","dateModified":"2025-02-20T18:45:50+00:00","mainEntityOfPage":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/basics\/place-an-image-in-a-shape-with-the-frame-tool-in-photoshop-2025\/"},"wordCount":2701,"image":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/basics\/place-an-image-in-a-shape-with-the-frame-tool-in-photoshop-2025\/#primaryimage"},"thumbnailUrl":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2025\/02\/photoshop-2025-frame-tool-tutorial-250.jpg","articleSection":["Photoshop Basics"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.photoshopessentials.com\/newsite\/basics\/place-an-image-in-a-shape-with-the-frame-tool-in-photoshop-2025\/","url":"https:\/\/www.photoshopessentials.com\/newsite\/basics\/place-an-image-in-a-shape-with-the-frame-tool-in-photoshop-2025\/","name":"Place an Image in a Shape with the Frame Tool in Photoshop 2025","isPartOf":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/basics\/place-an-image-in-a-shape-with-the-frame-tool-in-photoshop-2025\/#primaryimage"},"image":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/basics\/place-an-image-in-a-shape-with-the-frame-tool-in-photoshop-2025\/#primaryimage"},"thumbnailUrl":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2025\/02\/photoshop-2025-frame-tool-tutorial-250.jpg","datePublished":"2025-02-20T18:42:26+00:00","dateModified":"2025-02-20T18:45:50+00:00","author":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/#\/schema\/person\/338424c7775908e1c0a190d02a6564f2"},"breadcrumb":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/basics\/place-an-image-in-a-shape-with-the-frame-tool-in-photoshop-2025\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.photoshopessentials.com\/newsite\/basics\/place-an-image-in-a-shape-with-the-frame-tool-in-photoshop-2025\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.photoshopessentials.com\/newsite\/basics\/place-an-image-in-a-shape-with-the-frame-tool-in-photoshop-2025\/#primaryimage","url":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2025\/02\/photoshop-2025-frame-tool-tutorial-250.jpg","contentUrl":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2025\/02\/photoshop-2025-frame-tool-tutorial-250.jpg","width":250,"height":250,"caption":"How to place an image in a shape using the Frame Tool in Photoshop 2025"},{"@type":"BreadcrumbList","@id":"https:\/\/www.photoshopessentials.com\/newsite\/basics\/place-an-image-in-a-shape-with-the-frame-tool-in-photoshop-2025\/#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":"Place an Image in a Shape with the Frame Tool in Photoshop 2025"}]},{"@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\/35655","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=35655"}],"version-history":[{"count":15,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/posts\/35655\/revisions"}],"predecessor-version":[{"id":35674,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/posts\/35655\/revisions\/35674"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/media\/35661"}],"wp:attachment":[{"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/media?parent=35655"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/categories?post=35655"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/tags?post=35655"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}