How to use Adobe Firefly with Photoshop

So you keep hearing about Adobe Firefly, but what exactly is it? And how do you use it? Let’s take a quick look at how you can easily incorporate Adobe Firefly into your Photoshop workflow.

If you like video tutorials, don’t miss this new video from the Envato Tuts+ YouTube channel:

What Is Adobe Firefly AI?

Adobe Firefly is Adobe’s version of AI. It includes all of Adobe’s AI generative tools used throughout the Adobe Suite, including photo editing and video editing.

Adobe Firefly was trained on images from Adobe Stock, making it one of the more ethically trained AI-powered image generators. Here’s a more detailed article about it:

How to Get Adobe Firefly

As of now, you can use Adobe Firefly in the beta version of Photoshop.

The beta version of Photoshop is available to anyone with a Photoshop subscription plan and can be downloaded in the Creative Cloud desktop app. The beta apps are found in the left column, under Categories, marked Beta Apps.

1. How to Use Adobe Firefly AI to Extend Images 

Step 1

With your image opened in Photoshop, use the Crop tool to extend your canvas. I’ll be extending an abstract illustration first, and then we can look at landscapes and people. 

crop the image to your new desired lengthcrop the image to your new desired lengthcrop the image to your new desired length
Abstract Colorful 3D Background

Step 2

Hold Control/Command and click your image’s layer in the Layers panel. This will select the layer. 

Next, go to Select > Inverse to invert the selection. This will select the empty parts of the canvas.  

You can extend an image in any direction. As long as the empty area of the canvas is selected, it will be filled.

Step 3

Hit the Generative Fill button, keep the prompt box empty, and hit Generate. 

When we generate without a prompt, Photoshop will use the existing pixels as a reference and attempt to fill in the empty space. 

Hit the Generative Fill button, keep the prompt box empty, and hit Generate Hit the Generative Fill button, keep the prompt box empty, and hit Generate Hit the Generative Fill button, keep the prompt box empty, and hit Generate

Step 4

You’ll be given three variations to choose from in the Window > Properties panel. Or you can generate more using the Generate button, also found in the Properties panel. 

Generative Layers will save all generated image variations until Rasterized. However, they will make PSD/PSB files very large.

choose one of the three variations from the properties panels or generate more choose one of the three variations from the properties panels or generate more choose one of the three variations from the properties panels or generate more

Step 5 

Adobe Firefly in Photoshop excels at expanding abstract backgrounds and textures, but it also does amazingly well with landscapes. You can view the before of the below example on Envato Elements.

You can use Firefly with human subjects as well, turning close portraits into full body shots, though the results will vary.  

use generative fill to extend landscapes and skies use generative fill to extend landscapes and skies use generative fill to extend landscapes and skies
Walking alone in the Highlands

2. How to Use Adobe Firefly to Add Details 

Step 1

To add specific details to an image, use one of the selection tools to select the area where you want to add the detail. I like to use the Lasso tool or Rectangular Marquee tool, but any selection tool will work.

I tend to get better results when I select directly on the layer as opposed to creating a new layer. 

select the area you want the detail to be generated select the area you want the detail to be generated select the area you want the detail to be generated
Beautiful Seascape

Step 2

Select the Generative Fill button, and type in what you want to add. Here I typed “dog.” Hit Generate once you’ve typed in your prompt. 

hit the generative fill button, type your prompt and hit Generate hit the generative fill button, type your prompt and hit Generate hit the generative fill button, type your prompt and hit Generate

Step 3 

Just like when extending an image, you’ll be given three variations to choose from in the Window > Properties panel. Or you can generate more using the Generate button located above the Variations. 

choose one of the three variations in the properties panel or generate more  choose one of the three variations in the properties panel or generate more  choose one of the three variations in the properties panel or generate more

Step 4

You can create as many Generative Layers as you need. Below, I added a lighthouse and extended the sky. Each added detail is on its own layer.

You can view the before image on Envato Elements.

generate as many details as you need generate as many details as you need generate as many details as you need

That’s It! 

That’s how to use Adobe Firefly AI! The ability to extend landscapes, backgrounds, and textures is incredibly powerful and is my favorite use of the Photoshop generative tools. However, as with all Photoshop tools, experimenting is key. Discover how Adobe Firefly works best with your workflow and your existing techniques. 

Want to learn a few more tricks? Check out more Photoshop tutorials: 

Leave a comment

Your email address will not be published.