Extending the background of an image with an easy plain background

8 minutes
Share the link to this page
Copied
  Completed
Download the PSD that is used in this lecture

Transcript

Hello, this is Rob here from Rob coven.com. And I'm going to give you an introduction today about extending an image. And there's many reasons why you'd want to do this. One of the most common reasons is if you want to put type or text over an image, and you want to put it down there, but it's interfering with the classes you want to put out here, but it's just a little bit too close to the glasses. So the best thing to do is just extend the image. So when you want to do this, always, the first thing you must do is to make sure you have at least a copy of the background layer or that the background layer isn't locked in the way it is here.

And there's several ways you can do that. First of all, you can click on ctrl j to copy that layer. And now you have two layers exactly the same, but the top layer isn't locked. So with the Move Tool selected, you can move it around anywhere. Secondly, you could double click the background layer and click OK, that has changed the background layer two, layer zero, which you can move with the Move Tool selected. There's several other ways of doing this, but we're going to double click and then press return again, like we just did just now.

And now I'm going to do Command J. So I actually have a copy of them. I'm gonna turn the visibility off. And the second thing you do after unlocking the background image is to create extra space on your image that you want to extend the image into. And to do this, you do image canvas size or Command options C or Ctrl, Alt C. And it doesn't matter if you have pixels, centimeters or inches selected here. But the point is you're extending the canvas, you're not extending the image.

And you'll see what I mean after I've gone through this step. But first, you see this box here. And what does this mean? Well, this shows you where you can extend the image too. So at the moment, you're extending the image left and right and up and down. But because this image of Google Glass goes into the right hand side here, we can't extend it off to the right, because we'll have to build the right hand arm of the Google Glass and that would be too difficult.

So we put that gray box here, and that means it will only extend out bottom top and left and not to the right, so we can increase the width now, and it's 1200 and 80. I'll put it up to 600. And the height, height is nearly 700. So I'll put it up to 1000. And when we go okay, you'll see that the end has extended top and bottom and to the left. If I just go back and show you what happened if I didn't move that box alone, that puts the image in the middle of the box, which we didn't want.

So here is the image. This gray and white checkered background is the sign from Adobe Photoshop, that that area of the image is transparent. And so we're going to fill that with the background. And the way we fill it with the background is by taking a sample of that very light blue in the background, and then filling the background with that color. So in order to take a sample of the color, we start with the Eyedropper Tool and click anywhere on the background. And this has made the foreground color in the toolbar, that particular blue.

So if I click on it, you'll see that blue and where it's selected in the color picker. You'll also get the various readings of the art GB that's red, green, blue, CMI K, that's cyan, magenta, yellow, black and the hexadecimal reference, which is a reference of a color that a web browser will understand. And in order to fill the rest of the image with this color, we can go Edit, Fill, but before I do that, I'm going to get the Layers palette up, and I'm going to make a new layer. And I can do that by going Command Shift, option n, or Ctrl, Alt Shift, and I can click a new layer there in the layer palette, or I can go here in the drop down menu of the layer palette and select New Layer. I can also do it up here, Layer, New Layer. So there are many ways of doing the same thing.

So I can fill this layer now with the color so I can go Edit, Fill, and I'll select the foreground color, as that's the color we wanted to fill with. So okay, that and of course, it's made Google Glass disappear. And that's because the fill layer is above the google glasses. And we'll drag it down to make sure that we can see the Google Glass. Now this isn't perfect because we can see where the edges of the original photo were. And that's because there are subtle changes in the background color of this image.

So how do we make sure that this background color merges smoothly in all parts of the image? Well, one thing we could do is get the brush tool. And because the foreground color is set to our color in the background, we can then go over the edges and blur it in of course we'd need a bigger brush and the edges of the brush would need to be totally blurred. So we put the hardness down to 1000 and the size of the brush. We can make very big and we can reduce or increase the size of the brush by pressing the open and close square bracket. on the keyboard.

So first of all, we need to step on to the glasses layer, not the background as this color wouldn't show up. And then we'd want to go all around the edge of the Google Glass like that. And that merges in the color quite nicely. However, this isn't a very professional way of doing things because you might want to revisit it and change it again. But we've done that on that layer with the glass. So if I make the bottom layer invisible, you can see that now there's a blur around this original Google Glass image.

So I'm going to command Zed that and put it back to the original image and show you another way of doing it. And this is very similar, but it has the added advantage of leaving this layer untouched so that you can go back to it and that is with a layer mask and in order to add a layer mask, we'll be coming back to this later on. do more videos about this later. But all you have to do is click on this add layer mask, which does nothing but add invisible layer mask over the layer. And then if you paint black over the white layer mask that obscures certain parts of the image, and we can do that with the exact same brush we have selected with the exact same size and level of softness. And you'll notice that the foreground and background has now changed to black and whites, the default settings, and that's because we had the layer mask selected.

If we went back onto the actual layer, the foreground and background colors will change to the ones we had previously. But on the layer mask, they default to black and white. And that's because with the black, you can just paint in the black on the layer mask which obscures that part of the layer so you can go in with much greater detail. And another great advantage of this is if you make a mistake, you can then turn the black to white and paint back what you've raised and I'll show you the layer palette now. And as you can see the layer mask has the edges of the original image painted out in black, which is allows the nice seamless background that we have now extended on to the original picture. Okay, I hope you enjoyed that.

This is Rob from Rob carbon calm goodbye.

Sign Up

Share

Share with friends, get 20% off
Invite your friends to LearnDesk learning marketplace. For each purchase they make, you get 20% off (upto $10) on your next purchase.