From the course: Photoshop 2024 Essential Training

Creating elements using Generative Fill and Firefly - Photoshop Tutorial

From the course: Photoshop 2024 Essential Training

Start my 1-month free trial

Creating elements using Generative Fill and Firefly

“

- [Narrator] Photoshop's generative fill and Firefly technologies are incredibly powerful when editing images and when creating new elements. I'm going to start with this image and I want to extend the photo on the left hand side. I'd be tempted to select the crop tool and drag over beyond the canvas size and then fill that with generative expand. But this is a high res file, and at the time that I'm recording this, the generative expand and generative fill technologies are creating those fills with images that are 1024 pixels across. So it would have to re-sample this up, and it would get very soft on the left hand side. So instead, I'm going to fill this with transparency because I have delete cropped pixels disabled, and now I'm going to change to the marquee tool by tapping the M key and I'm going to use the heads up display and when I get around 1,000 pixels, I'm going to go ahead and stop my selection. Then I'll use generative fill to just generate this area. Then I'll move down to the next tile and fill that area and so on so that I can get higher res content in my original image. If I zoom into 100%, it's going to be hard to see because it's just sky, so let's go ahead and move to this next area. I'm not sure if I want Photoshop to expand this ice or not, but let's just select this area. I'll use generative fill and let's see what it will generate. I'm not sure that is my favorite there. Let's move to the next one, I kind of like that one better. No, and I don't like that one, but let's try generating again. I'll just click generate. All right, we're getting closer here. I don't like that one. Ah, that's what I was looking for right there. So let's go ahead and just delete those other two and then I'm going to generate this bottom area here and have it fill in those ripples. So by doing this piece by piece, I'm going to get a higher quality fill for each one of those areas. All right, let's zoom out to fit on screen and just select from those last variations and choose the one we like the most. Excellent, so very quickly we've gone from here to here and we've kept the quality of the image. All right, next I'll return to bridge. I'm going to select these two images and I want them to open in a single document, so I'll choose Photoshop and then load files into Photoshop layers. That's going to open both of those layers and we can see that they're in the same document. I'll use the move tool and just scoot over this one until it snaps to the right hand side and then use image, reveal all so that Photoshop will build out the canvas. Now, in order to stitch these together as if they are a seamless panorama, I'll tap the M key to select the marquee tool, drag out a marquee and use generative fill. Again, I'm not entering a prompt here because I want the photographs to be the prompt for the fill. All right, so I like the foreground in this first variation. Not so much the second. And how about the third? Oh, I love the third, I love that it goes off into the ocean, so that's the one I'll choose. Then I'm just going to grab the lasso tool and see if we can't get a little bit better clouds there using generative fill. I'll click generate. So this is the type of thing that would've taken quite a bit of time previously in Photoshop to stitch together these two very dissimilar images into a single photograph. I like those clouds, how about those? I think I'll stick with that last one and delete the others. All right, so if I wanted to save these layers, I could save this as a PSD or a TIF file. Next I want to open a new document, so I'll choose file and then new, and I'll open the default Photoshop size. Now, in order to generate or fabricate completely new content with the generative fill option, we need to make a selection, so I'll choose select all. And then I'll use the contextual task bar in order to type in calm ocean with fog and mist in the background and then generate it. We can look at our three different variations and I'm going to go with the first one. Then I want to add a skyline back here in the fog. So I'll tap the L key to get the lasso tool and I'm just going to draw a little cityscape here. These are little buildings, 'cause that's going to tell generative fill where it can put the city. So this time I'm going to type in city skyline. In fog. We'll go ahead and generate that, and I should get a nice skyline back there. Now, every time Photoshop generates this, it's going to give us different results. I'm going to stick with the third one here, but of course your results are going to different. All right, I'll tap the M key because I want to put a little boat here in the foreground. I actually want it to be an origami boat. So I'm going to type in yellow origami boat. In calm ocean. On foggy day with reflection. And have Photoshop generate this. So, so far Photoshop has done an excellent job with generative fill, especially when it's working with photographs and it's using those photographs as a prompt. So let's look at our three variations. I'm going to choose this second variation, and while I like the results and I could certainly generate more, I want to show you Adobe Firefly because it's the Firefly technology that is creating all of these generative fills. So I'm going to go to a browser and I'm going to go to firefly.adobe.com, and it might look different when you look at this website because they're making changes to it all the time. But I'm going to use the text to image option, and that is going to use Firefly in order to create an AI image. So I'm just going to paste in that same prompt that I just used and see what Firefly creates 'cause Firefly has a lot of additional options over here on the right hand side that we can use to create our images. Out of these, I like the one in the upper right. If I wanted to see similar, I could choose to show similar. And I'll just point out you can also change things like color and tone as well as lighting and even some composition options, which are really cool. I wanted this to look like a photograph, so that's what I put as far as the content type. But there's a number of different options, and I'm sure these options will be changing in time. So I'm going to download this image right here by clicking on the download button and Photoshop will automatically tag it with the AI generated content credentials. Okay, I'll return to Photoshop, use command + O in order to open this document and that'll open it in its own window. Then I'm going to use the object selection tool, not the object finder, but the rectangle because I want to grab not only the boat, but also the reflection. Then we can add a mask to that, and then I'll use the keyboard shortcut command + shift + T that we created before to tile all these images, and then drag and drop the image into the cityscape and use command + shift + R to return to image. Let's hide the boat that was created in Photoshop, and then I'm going to zoom out and use edit, transform, scale, in order to scale this down and position it here in the water. Now I think that the reflection is to strong. So after applying that, I'll tap B to select the brush tool, make sure that the mask is targeted. Tap five to get 50% and just paint over the reflection to dim it back a little. Maybe I'll do that a few times, so it's just not as obvious. Excellent, so as you can see, Photoshop's generative fill and Firefly technologies are incredibly powerful. Not only when editing images, but also when creating new elements.

Contents