- Arts and Design»
- Graphic Art & Design»
- Design Software
How to Change a Photo's Background Color in Photoshop CS5
I have been working on a brochure that required a fair amount of photography. Lately, I feel that just placing a photo in the layout and wrapping the text around it is getting stale. Stock photos, mostly bought from iStockPhoto.com, are usually of an acceptable quality to use for these projects, and are priced right.
I decided to go with a simple effect to make these photos more interesting, and to add more color into this brochure. The photos all had a central subject – the doctors or nurse – with a cluttered background.
I wanted to introduce a few colors off of our company color palette. To do that to the photos, I changed the background to black and white and made the subject full color, and added a slight white glow effect to make it stand out more.
Note: The photos used were purchased from iStockphoto.com.
Here is how to do this effect using Photoshop CS 5.
Open the photo and duplicate it into a new layer.
Turn the bottom layer into a black and white image by using the Desaturate command. The Desaturate command on the PC is: Image (on top menu bar)/Adjustments/Desaturate or do a Shift+Control+U.
Add the color you would like the back ground to be as a new layer between the two photos.
Go back to the top layer – color photo – and use the lasso tool to draw around the main subject. I use the lasso tool to get almost to the edge of the subject, as shown here, then go back and fine tune this with the eraser. I leave the color layer on, as it shows my progress. Take your time in this process. I use a Wacom Intuous tablet to do all of my work, as it makes this process more natural.
Here is the photo with the main subject cut out from the background, using the lasso tool, polygon tool for straight edges, and eraser.
Move the color layer down, and move the black and white version up. Use the soft light selection on this layer. You can see that it blends the black and white image into the color. All of these layer effects can drastically alter the background image effect. Each brings a different effect to the table. Experiment with these! Note that I added a white layer to the bottom. This allows me to see the changes in transparency easily. If I do not do that, I will see the Photoshop default checkerboard pattern. Use the opacity control on the layer to lessen the amount of background you want to show.
There are variations of this. You can reverse this process to get a different effect. That is, make the color layer the soft light and put it between the two images. You can adjust these layers to achieve various levels of intensity in color. Note how much different the background looks when reversing the order of layers.
To finish the effect I go to my main color image and choose from the top menu bar Layer/Layer Style and select Outer Glow to add an outer glow. You can experiment with different levels. Be aware that when you add this effect, it will show any of the background that you may have missed. Go back and check. Even a small group of pixels will be affected by the glow effect.
You can change the background color easily, if you change your mind and don’t like your first choice, as I have done.
This particular piece went on a brochure, printed on a 4 color offset press. Make sure you save the final to CMYK if you go to print.
Once you have separated the main image out, you can also change the background image. The choices are endless!