How To Change Background Colour In Photoshop

How To Change Background Colour In Photoshop

This tutorial is how to change the background of an image using Adobe Photoshop. It clearly explains the steps needed to alter the background of any image you have.

I'm now going to show you how to change the color of the background using Adobe Photoshop. Okay, so this is the image I'm going to be working on with at the moment. It's a pair of trainers on an empty tube carriage. Now, here is a couple I've made earlier. So, in this one here, I've just turned the background into a black and white image, by keeping the color of the blue trainers there. And in this example here, kept the color of the shoes the same and then tried to put this matrix type green filter effect over the top. To return back to my original image, okay, in this tutorial, you're going to be needing to use the hand tool which you can get quite easy by holding down the space bar on your keyboard which brings up a little hand, by clicking on the image, you can then move your image around the screen. It's a quite useful little tool. The next thing you will need is your zoom in and zoom out, which you can find the shortcut for on your keyboard using apple, or control if you're using a PC, and pressing the plus or minus on your keyboard. So, just zooming in on the trainers just makes it easier to work within the image. Now, what we're going to do is we're going to make a mask of the shoes and we're going to mask them out so we can keep them on a brand new layer, so we can then make changes to the bottom layer. So in order to make the mask, the quickest and easiest way to make the mask is to press Q on your keyboard which is enter quick mask mode. As you can see here in the history tabs, you can see we entered the quick mask mode. And now, using the brush tool which is B as a shortcut on your keyboard, or can be found on the left side of your palette, you can now go through and change the brush settings with a hardness of around about 30%, let's try 25 for this one. By adjusting the hardness, you can get a nicer sort of blend the image around the edges of the corners, or sides of the image you wish to keep in the same color. So, hit enter. So, now, what we're going to do is we're just going to paint over our image. Now, the red is just a guideline so you can see what you've actually painted. Again, you might need to go in and out and adjust the size of the brush. So, you can get to the edge slightly easier than you would with a larger brush. So I'm just going to go around now and paint out over the top of the image which you keep. You're only making a mask here so this red isn't going to stay on the image. For the benefit of the tutorial, I'm going to do it quickly as possible. But you guys can obviously spend a lot more time being a little bit more careful and precise by selecting it properly. So, just painting around the edge, so I'm just going to reduce the brush size there, so I can go around the shoelace, and on this one, alright, there we go, so I'm just going to zoom out so you can see. So, now, you've got what looks like a red mess on your screen. You can spend hours doing that, I'm not going to. Otherwise, you'll just get bored just watching me do it. So, now, were going to exit quick mask mode, and this is going to create a selection around the area of which we've painted. So, to do that like how we entered it, we can exit by pressing Q. Now as you can see, we've got a selection around the area, which we painted, but what it's done is it's highlighted the area around the outside, so as you can see, it's got the image here. The very edge of the image, now, we want what's on the inside of that image. So I'm just going to zoom in. In order to invert the selection, the shortcut for that on your keyboard is holding down apple or control if you're a PC, shift, then pressing the letter I on your keyboard. Now as you can see, the selection has changed, it has inverted itself. We now just have our train of selectives. So, now, we are going to make a copy of the trainers with the selection, shortcut for that is apple, or control if you're using a PC, and the letter J, and now you can see in my layers palette here, I've now but two layers, so if I now remove the background layer which was our original layer. By clicking on the eye, we now have an okay cut-out of the shoes. Like I said, you guys should spend a lot longer than I have because it will just look a lot better trust me. So, we are going to put the background back. Okay, so we're going to zoom out here. The main tools we now are going to be concerning ourselves with to change the background layer can be found in image, adjustments, color balance, to change the colors, hue/saturation, the two main ones to use. But first of all, you must check that you got the right layer selected, which I haven't. So, if you go come back down to your layers part here because you don't want to change the color of the trainers, the eye off here or your selection, you want to make sure you got the background layer selected just by clicking on it like that. So, you go back to image, adjustments, now, for this, I'm going to try and do a matrix type green effect, so go to color balance. Now, it's just a case of playing around with these levels here, moving the options up and down to create a way of color you need. Again, if you use the highlights, you're going to change the depth of the color and the shadows, you can change the depth of the color as well. Again, if you just mess around, play around, I'm sure you'll find something that looks a lot better than what I have. That you save it very quickly, just hit okay. Now, if you want to change the sort of the contrast of that, easiest way to do that is with levels, pitch levels. So with the right layer selected, if you hit apple or control for PC, an L on your keyboard is going to bring up this menu here. And again, experimenting around with the different levels here, you can change the color. Change the contrast within the image. And that's how you change the background color using Adobe Photoshop CS4.