{"id":34631,"date":"2023-05-31T20:45:12","date_gmt":"2023-06-01T00:45:12","guid":{"rendered":"https:\/\/www.photoshopessentials.com\/?p=34631"},"modified":"2024-06-10T11:05:57","modified_gmt":"2024-06-10T15:05:57","slug":"extend-images-with-generative-fill","status":"publish","type":"post","link":"https:\/\/www.photoshopessentials.com\/newsite\/photo-editing\/extend-images-with-generative-fill\/","title":{"rendered":"Generative Fill in Photoshop: How to Extend an Image"},"content":{"rendered":"<div class=\"summary\">\n<p>Learn how to use Generative Fill in Photoshop to magically extend your image, transforming a portrait shot into an amazing landscape photo using the unbelievable power of generative AI. The future of image editing is here!<\/p>\n<\/div>\n<div class=\"featured-image\" style=\"padding-bottom:12px;\"> <img decoding=\"async\" src=\"\/newsite\/wp-content\/uploads\/2023\/06\/extend-image-generative-fill-853px.jpg\" alt=\"How to use Generative Fill in Photoshop to extend an image\" width=\"853\" height=\"448\" \/><\/div>\n<p class=\"pdf-download-link\">Download PDF: <a href=\"\/?s2member_file_download=pdf\/photo-retouch\/Extend_Images_With_Generative_Fill_In_Photoshop.pdf&s2member_skip_confirmation\" title=\"Download PDF\">Extend Images With Generative Fill<\/a><\/p>\n<div id=\"author\">Written by Steve Patterson.<\/div>\n<p>Generative AI in Photoshop is here thanks to a mind-blowing new feature called <strong>Generative Fill<\/strong>. And with it comes a whole new way of using Photoshop. Things that would have taken forever for even the most highly skilled Photoshop user can now be done by anyone in just a few minutes. Generative Fill turns Photoshop into a playground for your imagination, and the world of image editing is now open to everyone.<\/p>\n<p>In this tutorial, I\u2019ll show you how to use Generative Fill, powered by Adobe\u2019s generative AI named Firefly, to magically extend an image and turn a portrait shot into a landscape photo right before your eyes.<\/p>\n<p>As we\u2019ll see, Photoshop fills the extended area with original AI-generated content that matches the lighting, the shadows, the perspective and even the depth of field of the original photo. You need to see it to believe it.<\/p>\n<h3>Which version of Photoshop do I need to use Generative Fill?<\/h3>\n<p>As of <a href=\"https:\/\/adobe.prf.hn\/click\/camref:1100lrdjJ\/destination:https%3A%2F%2Fwww.adobe.com%2Fproducts%2Fphotoshop.html\" title=\"Get Photoshop from Adobe\" target=\"_blank\" rel=\"noopener\">Photoshop 2024<\/a>, Generative Fill is out of beta and now available in the official Photoshop release.<\/p>\n<p>If you have an active Creative Cloud subscription, 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<h2 class=\"sub\">How to extend an image with Generative Fill<\/h2>\n<p>Here\u2019s how to use Generative Fill in Photoshop to extend an image. I\u2019ll start by showing you how to extend one side of an image, and then once we\u2019ve covered the basics, we\u2019ll look at how to extend both sides at the same time.<\/p>\n<p>I\u2019ll also show you how to clean up minor problems with the AI-generated content using Photoshop\u2019s new Remove Tool which is another AI-powered feature.<\/p>\n<p>You can follow along with your own image. I\u2019ll use <a href=\"https:\/\/adobe.prf.hn\/click\/camref:1100lrdjJ\/destination:https%3A%2F%2Fstock.adobe.com%2Fimages%2Felegant-woman-in-long-pink-summer-dress-with-floral-print-walking-at-city-street-outdoor-full-length-portrait-pretty-female-model%2F370726557\" title=\"View image on Adobe Stock\" target=\"_blank\" rel=\"noopener\">this image<\/a> from Adobe Stock.<\/p>\n<img decoding=\"async\" src=\"\/newsite\/wp-content\/uploads\/2023\/06\/first-image.jpg\" alt=\"The first photo.\" width=\"803\" height=\"455\" \/>\n<div class=\"image-desc\">The first image.<\/div>\n<p><strong>See Also:<\/strong><\/p>\n<ul class=\"f1\">\n<li><a href=\"\/photo-effects\/how-to-generate-ai-images-in-photoshop-using-adobe-firefly\/\" title=\"How to use Generate Image in Photoshop\">New! How to generate AI images in Photoshop (beta)<\/a><\/li>\n<li><a href=\"\/photo-editing\/extend-images-faster-with-generative-expand-in-photoshop\/\" title=\"Learn more\">Expand images faster with AI Generative Expand<\/a><\/li>\n<li><a href=\"\/photo-editing\/generative-fill-in-photoshop-remove-people-and-objects-from-photos\/\" title=\"Learn more\">Remove people from photos with Generative Fill<\/a><\/li>\n<\/ul>\n<h3>Step 1: Select the Crop Tool<\/h3>\n<p>First we need to extend the canvas, so select the <a href=\"\/basics\/how-to-crop-images-photoshop-cc\/\" title=\"Learn more about the Crop Tool in Photoshop\">Crop Tool<\/a> from the toolbar.<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/2023\/extend-image-generative-fill\/select-crop-tool-in-photoshop.png\" alt=\"Selecting the Crop Tool in Photoshop\" width=\"367\" height=\"248\" \/>\n<div class=\"image-desc\">Selecting the Crop Tool.<\/div>\n<p>In the Options Bar, make sure the <strong>aspect ratio<\/strong> is set to <strong>Ratio<\/strong> and that the <strong>Width<\/strong> and <strong>Height<\/strong> boxes next to it are both empty.<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/2023\/extend-image-generative-fill\/crop-tool-aspect-ratio.png\" alt=\"The aspect ratio options for the Crop Tool.\" width=\"602\" height=\"188\" \/>\n<div class=\"image-desc\">The Crop Tool\u2019s aspect ratio options.<\/div>\n<h3>Video: How to extend an image with Generative Fill<\/h3>\n<div class=\"video3\" style=\"padding-bottom:32px;\">\n<div class=\"video-container\">\n    <iframe width=\"560\" height=\"315\" src=\"https:\/\/www.youtube-nocookie.com\/embed\/S-03awqbtqs?fs=0\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen><\/iframe>\n  <\/div>\n<\/div>\n<h3>Step 2: Extend the left or right side of the canvas<\/h3>\n<p>Click on the crop border\u2019s left or right side handle and drag it out to extend the canvas.<\/p>\n<p>With my image, I want to add more space on the left (the direction the woman is facing). So I\u2019ll drag the left side crop handle outward.<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/2023\/extend-image-generative-fill\/drag-crop-border-side-handle.jpg\" alt=\"Dragging the left crop handle away from the image.\" width=\"800\" height=\"506\" \/>\n<div class=\"image-desc\">Dragging the left crop handle away from the image.<\/div>\n<p>Release your mouse button and Photoshop fills the extra canvas with your Background color, which by default is white.<\/p>\n<p>Press <strong>Enter<\/strong> (<strong>Return<\/strong> on a Mac) on your keyboard to accept it.<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/2023\/extend-image-generative-fill\/extra-canvas-filled-with-white.jpg\" alt=\"The added canvas is filled with white.\" width=\"800\" height=\"506\" \/>\n<div class=\"image-desc\">The added canvas is filled with white.<\/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 3: Select the Rectangular Marquee Tool<\/h3>\n<p>Next we need to select the area we just added. So grab the <a href=\"\/basics\/photoshop-selection-basics-the-rectangular-and-elliptical-marquee-tools\/\" title=\"Learn more about the Rectangular Marquee Tool in Photoshop\">Rectangular Marquee Tool<\/a> from the toolbar.<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/2023\/extend-image-generative-fill\/select-rectangular-marquee-tool-photoshop.png\" alt=\"Selecting the Rectangular Marquee Tool.\" width=\"291\" height=\"197\" \/>\n<div class=\"image-desc\">Selecting the Rectangular Marquee Tool.<\/div>\n<h3>Step 4: Drag a selection around the extended canvas<\/h3>\n<p>Then drag a selection outline around the new part of the canvas.<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/2023\/extend-image-generative-fill\/drawing-selection-around-extra-canvas.jpg\" alt=\"Drawing a selection outline around the new canvas area.\" width=\"800\" height=\"506\" \/>\n<div class=\"image-desc\">Drawing a selection outline around the new canvas area.<\/div>\n<p>Make sure your selection outline overlaps a bit of the image as well so the AI-generated content can blend seamlessly with the original detail.<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/2023\/extend-image-generative-fill\/selection-overlaps-image.jpg\" alt=\"The selection outline should overlap the side of the image.\" width=\"795\" height=\"534\" \/>\n<div class=\"image-desc\">The selection outline should overlap the side of the image.<\/div>\n<h3>Step 5: Click Generative Fill in the Contextual Task Bar<\/h3>\n<p>Directly below your selection outline is Photoshop\u2019s new <strong>Contextual Task Bar<\/strong>.<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/2023\/extend-image-generative-fill\/contextual-task-bar.png\" alt=\"The new Contextual Task Bar.\" width=\"569\" height=\"182\" \/>\n<div class=\"image-desc\">The new Contextual Task Bar.<\/div>\n<p>If you don\u2019t see it, go up to the <strong>Window<\/strong> menu in the Menu Bar and make sure that <strong>Contextual Task Bar<\/strong> has a check mark next to it.<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/2023\/extend-image-generative-fill\/window-menu-contextual-task-bar.png\" alt=\"The Contextual Task Bar can be turned on from the Window menu.\" width=\"397\" height=\"194\" \/>\n<div class=\"image-desc\">The Contextual Task Bar can be turned on from the Window menu.<\/div>\n<p>Then in the Contextual Task Bar, click the <strong>Generative Fill<\/strong> button.<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/2023\/extend-image-generative-fill\/click-generative-fill.png\" alt=\"Clicking Generative Fill in the Task Bar.\" width=\"569\" height=\"182\" \/>\n<div class=\"image-desc\">Clicking Generative Fill in the Task Bar.<\/div>\n<h3>Step 6: Click Generate<\/h3>\n<p>A <strong>prompt box<\/strong> appears where you can enter text to describe what you want to fill the selected area with.<\/p>\n<p>But when you just want to extend the edge of your image, leave the prompt box empty so Photoshop knows to fill the area with content that matches the original photo.<\/p>\n<p>Then click the <strong>Generate<\/strong> button.<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/2023\/extend-image-generative-fill\/click-generate.png\" alt=\"Leave the prompt box empty and click Generate.\" width=\"569\" height=\"182\" \/>\n<div class=\"image-desc\">Leave the prompt box empty and click Generate.<\/div>\n<p>Photoshop sends the file over the internet to Adobe\u2019s AI servers where the magic happens, and a <strong>progress bar<\/strong> appears showing how much longer you\u2019ll need to wait.<\/p>\n<p>In my experience, generating the AI content usually takes around 10-15 seconds which is a small price to pay for what you\u2019re about to see.<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/2023\/extend-image-generative-fill\/progress-bar.jpg\" alt=\"The progress bar.\" width=\"488\" height=\"196\" \/>\n<div class=\"image-desc\">The progress bar.<\/div>\n<h3>The area is filled with AI-generated content<\/h3>\n<p>When it\u2019s done, the extended canvas is instantly filled with new and original AI-generated content. And in my 20 years of using Photoshop, I\u2019ve never seen anything like this.<\/p>\n<p>With my image, Generative Fill extended the side of the building to perfectly match the perspective and depth of field of the original photo. It also extended the woman\u2019s shadow, as well as the light shining on the ground in front of her, to maintain the same light source and direction. <\/p>\n<p>Generative Fill even added subtle reflections in the dark pane of glass in front of her.<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/2023\/extend-image-generative-fill\/image-edge-extended-generative-fill.jpg\" alt=\"The initial Generative Fill result.\" width=\"802\" height=\"671\" \/>\n<div class=\"image-desc\">The initial Generative Fill result.<\/div>\n<p><a href=\"\/photo-effects\/generative-fill-in-photoshop-how-to-add-water-reflections-to-an-image\/\" title=\"How to use Generative Fill to add water reflections to images\">Do More with Generative Fill: Add Amazing Water Reflections in Seconds!<\/a><\/p>\n<h3>Photoshop\u2019s new Generative layer<\/h3>\n<p>In the Layers panel, a new kind of layer called a <strong>Generative layer<\/strong> appears above the image. Notice the new Generative layer icon in the lower right of the thumbnail.<\/p>\n<p>Also notice that the Generative layer includes a <a href=\"\/basics\/understanding-photoshop-layer-masks\/\" title=\"Learn more about layer masks in Photoshop\">layer mask<\/a> so that the AI-generated content appears only within the area we selected.<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/2023\/extend-image-generative-fill\/new-generative-layer.png\" alt=\"A Generative layer is added above the image.\" width=\"295\" height=\"256\" \/>\n<div class=\"image-desc\">A Generative layer is added above the image.<\/div>\n<style type=\"text\/css\">\n.ads-middle { display: inline-block; width:300px; margin:6px 0px 24px 0px; padding-top: 16px; padding-bottom: 16px; }\n@media (max-width: 515px) { .ads-middle { margin:20px 0; } }\n@media (max-width: 480px) { .ads-middle { margin:20px 0; } }\n<\/style><script async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-6601556224092982\"\n     crossorigin=\"anonymous\"><\/script>\n<!-- photo effects 300x250 middle responsive -->\n<ins class=\"adsbygoogle ads-middle\"\n     style=\"display:block\"\n     data-ad-client=\"ca-pub-6601556224092982\"\n     data-ad-slot=\"4216941496\"\n     data-ad-format=\"rectangle\"\n     data-full-width-responsive=\"true\"><\/ins>\n<script>\n     (adsbygoogle = window.adsbygoogle || []).push({});\n<\/script>\n<h3>Step 7: Choose from three variations<\/h3>\n<p>In the <a href=\"\/basics\/using-the-enhanced-properties-panel-in-photoshop\/\" title=\"Learn more about the Properties panel in Photoshop\">Properties panel<\/a>, you\u2019ll find three variations of the AI-generated content to choose from. Click the thumbnails to switch between them and choose the one you like best.<\/p>\n<p>I\u2019ll try the second of the three variations.<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/2023\/extend-image-generative-fill\/properties-panel-second-variation.jpg\" alt=\"The three variations in the Properties panel.\" width=\"295\" height=\"365\" \/>\n<div class=\"image-desc\">The three variations in the Properties panel.<\/div>\n<p>This gives me a different result. This second one is okay, but I think the column on the far left is too dark. I like the first result better.<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/2023\/extend-image-generative-fill\/second-generative-fill-variation.jpg\" alt=\"The second variation.\" width=\"802\" height=\"671\" \/>\n<div class=\"image-desc\">The second variation. Not quite as good as the first.<\/div>\n<p>You can also cycle between variations using the <strong>left and right arrows<\/strong> in the Contextual Task Bar. <\/p>\n<p>I\u2019ll click the right-pointing arrow to switch to the third variation.<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/2023\/extend-image-generative-fill\/contextual-task-bar-arrows.png\" alt=\"Using the arrows to cycle through the results.\" width=\"566\" height=\"116\" \/>\n<div class=\"image-desc\">Using the arrows to cycle through the results.<\/div>\n<p>But this third one is my least favorite of the three. The side of the building looks like it needs a wash. I still like the original result the best.<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/2023\/extend-image-generative-fill\/third-generative-fill-variation.jpg\" alt=\"The third variation.\" width=\"802\" height=\"671\" \/>\n<div class=\"image-desc\">The third variation.<\/div>\n<h3>Step 8: Click Generate again for three more results (optional)<\/h3>\n<p>If you don\u2019t like any of the initial three results, click <strong>Generate<\/strong> again in the Properties panel to generate three more.<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/2023\/extend-image-generative-fill\/click-generate-properties-panel.png\" alt=\"Generating three more variations.\" width=\"295\" height=\"336\" \/>\n<div class=\"image-desc\">Generating three more variations.<\/div>\n<p>You\u2019ll see another progress bar, and then three new variations will appear above the previous ones. You can generate as many results as you like without losing the ones you had. <\/p>\n<p>Then click on each new variation to try it out.<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/2023\/extend-image-generative-fill\/three-new-variations.png\" alt=\"Three new variations to try.\" width=\"295\" height=\"211\" \/>\n<div class=\"image-desc\">Three new variations to try.<\/div>\n<p>With generative AI, you never really know what you\u2019re going to get.<\/p>\n<p>Some results will look weird, like this fourth one. It doesn\u2019t match the rest of the building at all. But that\u2019s okay, we\u2019ll just try another one.<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/2023\/extend-image-generative-fill\/fourth-generative-fill-variation.jpg\" alt=\"Not quite the content  I was hoping for.\" width=\"802\" height=\"671\" \/>\n<div class=\"image-desc\">Not quite the content  I was hoping for.<\/div>\n<p>This fifth result is much better. The only thing I don\u2019t like is the distracting blue reflection in the bottom of the glass. Otherwise, good effort.<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/2023\/extend-image-generative-fill\/fifth-generative-fill-variation.jpg\" alt=\"Almost perfect, but that blue reflection ruins in.\" width=\"802\" height=\"671\" \/>\n<div class=\"image-desc\">Almost perfect, but that blue reflection ruins in.<\/div>\n<p>I\u2019ll click Generate one more time in the Properties panel to see if I can get something even better.<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/2023\/extend-image-generative-fill\/click-generate-again.jpg\" alt=\"Generating three more variations.\" width=\"295\" height=\"347\" \/>\n<div class=\"image-desc\">Generating three more variations.<\/div>\n<p>This gives me three more variations, so I\u2019ll try the first of the three.<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/2023\/extend-image-generative-fill\/click-seventh-ai-result.png\" alt=\"Trying the 7th variation.\" width=\"295\" height=\"290\" \/>\n<div class=\"image-desc\">Trying lucky number 7.<\/div>\n<p>And this time we have a winner! This result looks the best.<\/p>\n<p>There's a couple of distractions though, so I\u2019ll show you how to quickly remove them using the Remove Tool next.<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/2023\/extend-image-generative-fill\/best-generative-fill-result.jpg\" alt=\"The best of the Generative Fill results.\" width=\"802\" height=\"671\" \/>\n<div class=\"image-desc\">The best of the Generative Fill results.<\/div>\n<p class=\"members-ad-top\"><a href=\"\/print-ready-pdfs\/\">Download all of our Photoshop tutorials as PDFs!<\/a><\/p>\n<h2 class=\"sub\">Use Photoshop\u2019s Remove Tool to clean up problems<\/h2>\n<p>If the AI-generated content looks great overall but you notice a few distractions, you don\u2019t need to keep clicking Generate hoping for a perfect result. Instead, use Photoshop\u2019s <strong>Remove Tool<\/strong>, another new AI-powered feature, to easily clean them up. Here\u2019s how it works.<\/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<h3>Step 1: Add a new layer above the Generative layer<\/h3>\n<p>Since we can\u2019t edit the Generative layer directly, we need to clean up the distractions on a separate layer. So click the <strong>Add New Layer<\/strong> icon at the bottom of the Layers panel.<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/2023\/extend-image-generative-fill\/add-new-layer.png\" alt=\"Clicking the Add New Layer icon.\" width=\"295\" height=\"318\" \/>\n<div class=\"image-desc\">Clicking the Add New Layer icon.<\/div>\n<p>A new blank layer appears above the Generative layer.<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/2023\/extend-image-generative-fill\/new-layer-added.png\" alt=\"The new layer is added.\" width=\"295\" height=\"218\" \/>\n<div class=\"image-desc\">The new layer is added.<\/div>\n<h3>Step 2: Select the Remove Tool<\/h3>\n<p>The Remove Tool is found in the toolbar nested in with the Spot Healing Brush and Photoshop\u2019s other healing tools. <\/p>\n<p>Click and hold on whichever healing tool is visible and select the <strong>Remove Tool<\/strong> from the fly-out menu.<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/2023\/extend-image-generative-fill\/select-remove-tool-photoshop.png\" alt=\"Selecting the Remove Tool.\" width=\"279\" height=\"195\" \/>\n<div class=\"image-desc\">Selecting the Remove Tool.<\/div>\n<h3>Step 3: Select <q>Sample all layers<\/q> and <q>Remove after each stroke<\/q><\/h3>\n<p>In the Options Bar, make sure <strong>Sample all layers<\/strong> and <strong>Remove after each stroke<\/strong> are both checked.<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/2023\/extend-image-generative-fill\/sample-all-layers.png\" alt=\"The Remove Tool options in the Options Bar.\" width=\"619\" height=\"135\" \/>\n<div class=\"image-desc\">The Remove Tool options in the Options Bar.<\/div>\n<h3>Step 4: Paint over distractions to remove them<\/h3>\n<p>Use the<strong> left and right bracket keys<\/strong> on your keyboard to resize the Remove Tool\u2019s brush. Then simply paint over any distracting elements to remove them.<\/p>\n<p>For example, Generative Fill added a small artifact at the bottom of the glass. So I\u2019ll paint over it with the Remove Tool. Photoshop highlights the spot where we painted in magenta.<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/2023\/extend-image-generative-fill\/remove-distraction-remove-tool.jpg\" alt=\"Painting over an artifact with the Remove Tool.\" width=\"797\" height=\"366\" \/>\n<div class=\"image-desc\">Painting over an artifact with the Remove Tool.<\/div>\n<p>Release your mouse button to remove the distraction, and it\u2019s gone. The Remove Tool replaces it with AI-generated content.<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/2023\/extend-image-generative-fill\/distraction-1-gone.jpg\" alt=\"The artifact is replaced with new content.\" width=\"797\" height=\"366\" \/>\n<div class=\"image-desc\">The artifact is replaced with new content.<\/div>\n<p>I\u2019ll also paint over a distracting brown spot on the ground.<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/2023\/extend-image-generative-fill\/paint-over-distraction-2-remove-tool.jpg\" alt=\"Cleaning up a distracting area on the ground.\" width=\"797\" height=\"366\" \/>\n<div class=\"image-desc\">Cleaning up a distracting area on the ground.<\/div>\n<p>And again the Remove Tool replaces it with new content.<\/p>\n<p>Photoshop\u2019s Remove Tool is the perfect companion to Generative Fill and you can learn much more about it in my separate <a href=\"\/photo-editing\/remove-objects-in-photoshop-with-the-new-ai-remove-tool\/\" title=\"Learn more about the Remove Tool in Photoshop\">Remove Tool tutorial<\/a>.<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/2023\/extend-image-generative-fill\/second-distraction-removed.jpg\" alt=\"The spot disappears after painting with the Remove Tool in Photoshop.\" width=\"797\" height=\"366\" \/>\n<div class=\"image-desc\">The spot disappears.<\/div>\n<h2 class=\"sub\">Summary: Using Generative Fill to extend an image<\/h2>\n<p>And that, believe it or not, is how easy it is to extend an image using Generative Fill in Photoshop.<\/p>\n<ul class=\"f1\">\n<li>Extend the canvas using the Crop Tool.<\/li>\n<li>Drag a selection around the area with the Rectangular Marquee Tool.<\/li>\n<li>Click Generative Fill, then Generate.<\/li>\n<li>Let Adobe\u2019s generative AI do all the work.<\/li>\n<li>Pick the variation you like. Click Generate again if needed.<\/li>\n<li>Clean up any distractions with the Remove Tool, and you\u2019re done.<\/li>\n<\/ul>\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 extend both sides of an image<\/h2>\n<p>But what if you want to use Photoshop\u2019s Generative Fill to extend both sides of an image at the same time? There\u2019s a couple of ways to do it. The first way is faster but the second gives you more flexibility. Let\u2019s start with the faster way.<\/p>\n<p>I\u2019ll switch to my <a href=\"https:\/\/adobe.prf.hn\/click\/camref:1100lrdjJ\/destination:https%3A%2F%2Fstock.adobe.com%2Fimages%2Fwalking-through-colorful-landscape-in-mt-rainier-national-park%2F342971017\" title=\"View image on Adobe Stock\" target=\"_blank\" rel=\"noopener\">second image<\/a> from Adobe Stock.<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/2023\/extend-image-generative-fill\/second-image.jpg\" alt=\"The second image.\" width=\"803\" height=\"455\" \/>\n<div class=\"image-desc\">The second image.<\/div>\n<h3>Extending both sides of the canvas at once<\/h3>\n<p>Start by selecting the Crop Tool in the toolbar just like we did before.<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/2023\/extend-image-generative-fill\/select-crop-tool-second-image.png\" alt=\"Selecting the Crop Tool.\" width=\"297\" height=\"194\" \/>\n<div class=\"image-desc\">Selecting the Crop Tool.<\/div>\n<p>Then to extend both sides of the canvas at once, hold the <strong>Alt<\/strong> key (the <strong>Option<\/strong> key on a Mac) on your keyboard and drag out one side of the crop border.<\/p>\n<p>The other side extends outward at the same time, adding an equal amount of space on both sides.<\/p>\n<p>Press <strong>Enter<\/strong> (<strong>Return<\/strong> on a Mac) to accept it.<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/2023\/extend-image-generative-fill\/extend-both-sides-of-canvas.jpg\" alt=\"Holding Alt \/ Option to extend both sides of the canvas together.\" width=\"800\" height=\"506\" \/>\n<div class=\"image-desc\">Holding Alt \/ Option to extend both sides of the canvas together.<\/div>\n<h3>Selecting each side of the canvas<\/h3>\n<p>Grab the <strong>Rectangular Marquee Tool<\/strong> from the toolbar, again like we did before.<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/2023\/extend-image-generative-fill\/select-rectangular-marquee-tool-second-image.png\" alt=\"Selecting the Rectangular Marquee Tool.\" width=\"214\" height=\"144\" \/>\n<div class=\"image-desc\">Selecting the Rectangular Marquee Tool.<\/div>\n<p>Then drag out a selection outline around the canvas on the left of the image. Make sure to include some of the image itself in the selection.<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/2023\/extend-image-generative-fill\/select-canvas-left-side.jpg\" alt=\"Selecting the left canvas area.\" width=\"800\" height=\"506\" \/>\n<div class=\"image-desc\">Selecting the left canvas area.<\/div>\n<p>Then to add the right side of the canvas to the selection, hold <strong>Shift<\/strong> on your keyboard and drag a selection outline around it. Again make sure to include some of the image in the selection. A little is all you need.<\/p>\n<p>Both sides are now selected.<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/2023\/extend-image-generative-fill\/select-canvas-right-side.jpg\" alt=\"Holding Shift to add the right side.\" width=\"801\" height=\"506\" \/>\n<div class=\"image-desc\">Holding Shift to add the right side.<\/div>\n<h3>Generating content for both sides at the same time<\/h3>\n<p>At this point, the steps are the same as what we learned earlier.<\/p>\n<ul class=\"f1\">\n<li>In the Contextual Task Bar, click the <strong>Generative Fill<\/strong> button.<\/li>\n<li>Leave the prompt box empty and click the <strong>Generate button<\/strong>.<\/li>\n<\/ul>\n<p>When the progress bar disappears, Photoshop fills both sides with new AI-generated content.<\/p>\n<p>And wow, look at that result. Not only does the new content match the original photo perfectly, but Generative Fill even kept the shallow depth of field so that the background and the immediate foreground are nicely blurred.<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/2023\/extend-image-generative-fill\/both-sides-of-image-filled-generative-ai.jpg\" alt=\"The result after extending both sides of the image at once.\" width=\"804\" height=\"506\" \/>\n<div class=\"image-desc\">The result after extending both sides of the image at once.<\/div>\n<p>In the Layers panel, we see the new Generative layer above the original photo.<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/2023\/extend-image-generative-fill\/second-image-generative-layer.png\" alt=\"The Generative layer that holds the AI content.\" width=\"295\" height=\"233\" \/>\n<div class=\"image-desc\">The Generative layer that holds the AI content.<\/div>\n<p>And in the Properties panel, we have three variations to choose from. Or you can click Generate to create three more. But I like the first result the best.<\/p>\n<p>And that\u2019s the fastest way to extend both sides of your image using Generative Fill in Photoshop.<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/2023\/extend-image-generative-fill\/second-image-ai-variations.png\" alt=\"The Generative layer that holds the AI content.\" width=\"295\" height=\"343\" \/>\n<div class=\"image-desc\">The three variations in the Properties panel.<\/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\">Using a separate Generative layer for each side<\/h2>\n<p>But instead of using a single Generative layer for both sides, it\u2019s better to generate the content for each side separately. That way, if you like the result on one side but not the other, you can keep the side you like and try again on the side you don\u2019t. <\/p>\n<p>Also, you can use prompts (which we\u2019ll do in a moment) to create unique content for each side. Let me quickly show you what I mean.<\/p>\n<p>For this <a href=\"https:\/\/adobe.prf.hn\/click\/camref:1100lrdjJ\/destination:https%3A%2F%2Fstock.adobe.com%2Fimages%2Frear-view-silhouettes-lovely-couple-in-love-enjoying-honeymoon-summer-on-tropical-sandy-beach-at-sunset-background-from-behind-happy-couple-holding-hands-family-travel-vacation-concept-copy-space%2F573889523\" title=\"View image on Adobe Stock\" target=\"_blank\" rel=\"noopener\">third and final image<\/a>, I\u2019ve gone ahead and extended the canvas on both sides using the Crop Tool.<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/2023\/extend-image-generative-fill\/third-image.jpg\" alt=\"The third image with the canvas already extended.\" width=\"807\" height=\"458\" \/>\n<div class=\"image-desc\">The third image with the canvas already extended.<\/div>\n<p>So I\u2019ll use the Rectangular Marquee Tool to draw a selection outline around the left side.<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/2023\/extend-image-generative-fill\/third-image-select-left-side.jpg\" alt=\"Selecting the left side of the canvas.\" width=\"799\" height=\"508\" \/>\n<div class=\"image-desc\">Selecting the left side of the canvas.<\/div>\n<p>Then instead of adding the right side to the selection like I did with the previous image, I\u2019ll click <strong>Generative Fill<\/strong> in the Contextual Task Bar, and then <strong>Generate<\/strong>. <\/p>\n<p>Photoshop fills the left side with AI-generated content which looks great.<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/2023\/extend-image-generative-fill\/third-image-ai-generated-left-side.jpg\" alt=\"The left side of the canvas is filled with new content.\" width=\"804\" height=\"511\" \/>\n<div class=\"image-desc\">The left side of the canvas is filled with new content.<\/div>\n<p>So now I\u2019ll draw a selection around the right side of the canvas.<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/2023\/extend-image-generative-fill\/third-image-select-right-side.jpg\" alt=\"Selecting the right side.\" width=\"799\" height=\"508\" \/>\n<div class=\"image-desc\">Selecting the right side.<\/div>\n<p>Then I\u2019ll click <strong>Generative Fill<\/strong> in the Task Bar, and then <strong>Generate<\/strong> to fill the right side with new content.<\/p>\n<p>What an amazing result. No one would guess that this is not the original photo.<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/2023\/extend-image-generative-fill\/third-image-ai-generated-right-side.jpg\" alt=\"Both sides are now filled with new content.\" width=\"799\" height=\"508\" \/>\n<div class=\"image-desc\">Both sides are now filled with new content.<\/div>\n<h3>Changing the content on each side separately<\/h3>\n<p>In the Layers panel, notice that I now have not one but two Generative layers. The top layer is the one I just added that holds the AI-generated content for the right side of the image, and the layer below it is for the left side. <\/p>\n<p>This means I can now go back and change the content for each side independently.<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/2023\/extend-image-generative-fill\/two-generative-layers.png\" alt=\"Each side of the image has its own Generative layer.\" width=\"295\" height=\"186\" \/>\n<div class=\"image-desc\">Each side of the image has its own Generative layer.<\/div>\n<p>For example, I\u2019ll select the Generative layer for the left side of the image.<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/2023\/extend-image-generative-fill\/select-generative-layer-left-side.png\" alt=\"Selecting the left side\u2019s Generative layer.\" width=\"295\" height=\"183\" \/>\n<div class=\"image-desc\">Selecting the left side\u2019s Generative layer.<\/div>\n<h3>Using prompts to generate specific content<\/h3>\n<p>Then in the Properties panel, I <em>could<\/em> simply click Generate again to get three more variations that will match the original photo. <\/p>\n<p>Or I can enter a description of something specific into the prompt box.<\/p>\n<p>I\u2019ll enter <q>storm clouds<\/q> as my prompt, and then I\u2019ll click Generate.<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/2023\/extend-image-generative-fill\/prompt-storm-clouds.png\" alt=\"Short and simple prompts tend to work best with Generative Fill.\" width=\"295\" height=\"248\" \/>\n<div class=\"image-desc\">Short and simple prompts tend to work best with Generative Fill.<\/div>\n<p>And just like that, Photoshop adds an approaching storm on the left side of the image, while the right side remains unchanged.<\/p>\n<p>Notice how  even the angle of the sunlight hitting the clouds matches with the original photo.<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/2023\/extend-image-generative-fill\/storm-clouds-added-left.jpg\" alt=\"The result after generating new content for the left side.\" width=\"803\" height=\"507\" \/>\n<div class=\"image-desc\">The result after generating new content for the left side.<\/div>\n<p>Then I\u2019ll select the Generative layer for the right side of the image.<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/2023\/extend-image-generative-fill\/select-generative-layer-right-side.png\" alt=\"Selecting the right side\u2019s Generative layer.\" width=\"295\" height=\"181\" \/>\n<div class=\"image-desc\">Selecting the right side\u2019s Generative layer.<\/div>\n<p>And in the Properties panel, I\u2019ll enter a different prompt for the right side. I\u2019ll try for something mysterious, like <q>island shrouded in fog<\/q>. Then I\u2019ll click Generate.<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/2023\/extend-image-generative-fill\/prompt-island-shrouded-in-fog.png\" alt=\"Entering a different prompt for the right side.\" width=\"295\" height=\"245\" \/>\n<div class=\"image-desc\">Entering a different prompt for the right side.<\/div>\n<p>This time I had to click Generate a few times before getting a result I liked, but Generative Fill did finally give me exactly what I was looking for.<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-editing\/2023\/extend-image-generative-fill\/right-side-regenerated.jpg\" alt=\"The final result after extending each side with Generative Fill.\" width=\"803\" height=\"507\" \/>\n<div class=\"image-desc\">The final result after extending each side with Generative Fill.<\/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 how to extend an image using Generative Fill, powered by Adobe\u2019s generative AI and now available in Photoshop 2024. Welcome to the future.<\/p>\n<p><strong>Related tutorials:<\/strong><\/p>\n<ul class=\"f1\">\n<li><a href=\"\/photo-effects\/how-to-turn-photos-to-paintings-with-generative-fill-in-photoshop\/\" title=\"How to turn photos to paintings with Generative Fill in Photoshop\">Turn photos to paintings with Generative Fill<\/a><\/li>\n<li><a href=\"\/photo-effects\/how-to-generate-ai-images-in-photoshop-using-adobe-firefly\/\" title=\"How to use Generate Image in Photoshop\">New! How to generate AI images in Photoshop (beta)<\/a><\/li>\n<li><a href=\"\/photo-editing\/generative-fill-in-photoshop-remove-people-and-objects-from-photos\/\" title=\"Learn more\">Generative Fill: Remove People and Objects from Photos<\/a><\/li>\n<li><a href=\"\/photo-effects\/generative-fill-in-photoshop-how-to-add-water-reflections-to-an-image\/\" title=\"How to add water reflections to an image with Generative Fill\">Generative Fill: Add Amazing Water Reflections<\/a><\/li>\n<li><a href=\"\/photo-editing\/upscale-photos-to-4x-with-super-resolution-in-adobe-camera-raw\/\" title=\"Upscale photos to 4X with Super Resolution\">Upscale photos to 4X with Super Resolution in Camera Raw<\/a><\/li>\n<li><a href=\"\/photo-editing\/remove-objects-in-photoshop-with-the-new-ai-remove-tool\/\" title=\"Learn more\">Remove people and objects with the Remove Tool<\/a><\/li>\n<\/ul>\n<p>Don't forget, all of my Photoshop tutorials are now 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<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><\/p>\n","protected":false},"excerpt":{"rendered":"<p>The future of image editing is here! Magically transform portrait shots into amazing landscape photos using Generative Fill in Photoshop!<\/p>\n","protected":false},"author":1,"featured_media":34632,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4],"tags":[],"class_list":["post-34631","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-photo-editing"],"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>Generative Fill in Photoshop: How to Extend an Image<\/title>\n<meta name=\"description\" content=\"The future of image editing is here! Magically transform portrait shots into amazing landscape photos using Generative Fill in 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-editing\/extend-images-with-generative-fill\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Generative Fill in Photoshop: How to Extend an Image\" \/>\n<meta property=\"og:description\" content=\"The future of image editing is here! Magically transform portrait shots into amazing landscape photos using Generative Fill in Photoshop!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.photoshopessentials.com\/newsite\/photo-editing\/extend-images-with-generative-fill\/\" \/>\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=\"2023-06-01T00:45:12+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-06-10T15:05:57+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2023\/05\/extend-image-generative-fill-1200px.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=\"25 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-editing\\\/extend-images-with-generative-fill\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-editing\\\/extend-images-with-generative-fill\\\/\"},\"author\":{\"name\":\"Steve Patterson\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#\\\/schema\\\/person\\\/338424c7775908e1c0a190d02a6564f2\"},\"headline\":\"Generative Fill in Photoshop: How to Extend an Image\",\"datePublished\":\"2023-06-01T00:45:12+00:00\",\"dateModified\":\"2024-06-10T15:05:57+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-editing\\\/extend-images-with-generative-fill\\\/\"},\"wordCount\":3031,\"image\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-editing\\\/extend-images-with-generative-fill\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2023\\\/05\\\/extend-image-generative-fill-250px.jpg\",\"articleSection\":[\"Photo Editing and Retouching\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-editing\\\/extend-images-with-generative-fill\\\/\",\"url\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-editing\\\/extend-images-with-generative-fill\\\/\",\"name\":\"Generative Fill in Photoshop: How to Extend an Image\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-editing\\\/extend-images-with-generative-fill\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-editing\\\/extend-images-with-generative-fill\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2023\\\/05\\\/extend-image-generative-fill-250px.jpg\",\"datePublished\":\"2023-06-01T00:45:12+00:00\",\"dateModified\":\"2024-06-10T15:05:57+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#\\\/schema\\\/person\\\/338424c7775908e1c0a190d02a6564f2\"},\"description\":\"The future of image editing is here! Magically transform portrait shots into amazing landscape photos using Generative Fill in Photoshop!\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-editing\\\/extend-images-with-generative-fill\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-editing\\\/extend-images-with-generative-fill\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-editing\\\/extend-images-with-generative-fill\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2023\\\/05\\\/extend-image-generative-fill-250px.jpg\",\"contentUrl\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2023\\\/05\\\/extend-image-generative-fill-250px.jpg\",\"width\":250,\"height\":250,\"caption\":\"How to use Generative Fill in Photoshop to extend an image\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-editing\\\/extend-images-with-generative-fill\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Photo Retouch\",\"item\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-editing\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Extend Images with Generative Fill\"}]},{\"@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":"Generative Fill in Photoshop: How to Extend an Image","description":"The future of image editing is here! Magically transform portrait shots into amazing landscape photos using Generative Fill in 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-editing\/extend-images-with-generative-fill\/","og_locale":"en_US","og_type":"article","og_title":"Generative Fill in Photoshop: How to Extend an Image","og_description":"The future of image editing is here! Magically transform portrait shots into amazing landscape photos using Generative Fill in Photoshop!","og_url":"https:\/\/www.photoshopessentials.com\/newsite\/photo-editing\/extend-images-with-generative-fill\/","og_site_name":"Photoshop Essentials","article_publisher":"https:\/\/www.facebook.com\/photoess","article_published_time":"2023-06-01T00:45:12+00:00","article_modified_time":"2024-06-10T15:05:57+00:00","og_image":[{"width":1200,"height":630,"url":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2023\/05\/extend-image-generative-fill-1200px.jpg","type":"image\/jpeg"}],"author":"Steve Patterson","twitter_misc":{"Written by":"Steve Patterson","Est. reading time":"25 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-editing\/extend-images-with-generative-fill\/#article","isPartOf":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-editing\/extend-images-with-generative-fill\/"},"author":{"name":"Steve Patterson","@id":"https:\/\/www.photoshopessentials.com\/newsite\/#\/schema\/person\/338424c7775908e1c0a190d02a6564f2"},"headline":"Generative Fill in Photoshop: How to Extend an Image","datePublished":"2023-06-01T00:45:12+00:00","dateModified":"2024-06-10T15:05:57+00:00","mainEntityOfPage":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-editing\/extend-images-with-generative-fill\/"},"wordCount":3031,"image":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-editing\/extend-images-with-generative-fill\/#primaryimage"},"thumbnailUrl":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2023\/05\/extend-image-generative-fill-250px.jpg","articleSection":["Photo Editing and Retouching"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-editing\/extend-images-with-generative-fill\/","url":"https:\/\/www.photoshopessentials.com\/newsite\/photo-editing\/extend-images-with-generative-fill\/","name":"Generative Fill in Photoshop: How to Extend an Image","isPartOf":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-editing\/extend-images-with-generative-fill\/#primaryimage"},"image":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-editing\/extend-images-with-generative-fill\/#primaryimage"},"thumbnailUrl":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2023\/05\/extend-image-generative-fill-250px.jpg","datePublished":"2023-06-01T00:45:12+00:00","dateModified":"2024-06-10T15:05:57+00:00","author":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/#\/schema\/person\/338424c7775908e1c0a190d02a6564f2"},"description":"The future of image editing is here! Magically transform portrait shots into amazing landscape photos using Generative Fill in Photoshop!","breadcrumb":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-editing\/extend-images-with-generative-fill\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.photoshopessentials.com\/newsite\/photo-editing\/extend-images-with-generative-fill\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-editing\/extend-images-with-generative-fill\/#primaryimage","url":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2023\/05\/extend-image-generative-fill-250px.jpg","contentUrl":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2023\/05\/extend-image-generative-fill-250px.jpg","width":250,"height":250,"caption":"How to use Generative Fill in Photoshop to extend an image"},{"@type":"BreadcrumbList","@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-editing\/extend-images-with-generative-fill\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.photoshopessentials.com\/newsite\/"},{"@type":"ListItem","position":2,"name":"Photo Retouch","item":"https:\/\/www.photoshopessentials.com\/newsite\/photo-editing\/"},{"@type":"ListItem","position":3,"name":"Extend Images with Generative Fill"}]},{"@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\/34631","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=34631"}],"version-history":[{"count":41,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/posts\/34631\/revisions"}],"predecessor-version":[{"id":35416,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/posts\/34631\/revisions\/35416"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/media\/34632"}],"wp:attachment":[{"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/media?parent=34631"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/categories?post=34631"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/tags?post=34631"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}