Adobe Photoshop Tutorials - Photo Effects

Adobe Photoshop Tutorial: Using A Photo As Its Own Background

Learn Photoshop with Adobe Photoshop Tutorials at Photoshop Essentials.com

Step 3: Sample A Color From The Image To Use For The Background

Let's create our background. First, click on the middle layer in the Layers palette to select it:

Selecting the middle layer in the Layers palette in Photoshop.

Adobe Photoshop tutorial: Click on the middle layer in Photoshop's Layers palette to select it.

We need to sample a color from the image which we're going to use to colorize the background. To do that, grab the Eyedropper Tool from the Tools palette, or press I on your keyboard to quickly select it:

Selecting Photoshop's Eyedropper Tool from the Tools palette.

Adobe Photoshop tutorial: Select the Eyedropper Tool.

Then, with the Eyedropper Tool selected, click on an area inside your image which contains the color you want to use for your background. I'm going to sample a color from the woman's cheek, which should work nicely:

Sampling a color from the image with Photoshop's Eyedropper Tool.

Adobe Photoshop tutorial: Click inside the image with the Eyedropper Tool to sample a color.

You'll see the color appear as your Foreground color in the Tools palette:

The Foreground color swatch in Photoshop's Tools palette now showing the sampled color.

Adobe Photoshop tutorial: The sampled color now appears in the Foreground color swatch in the Tools palette.

Step 4: Colorize The Background Using A Hue/Saturation Adjustment Layer

Now that we have our sampled color, let's use it to colorize the background. Click on the New Adjustment Layer icon at the bottom of the Layers palette:

Clicking the New Adjustment Layer icon at the bottom of the Layers palette in Photoshop.

Adobe Photoshop tutorial: Click on the "New Adjustment Layer" icon.

Then select Hue/Saturation from the list:

Selecting Hue/Saturation from the list of adjustment layers.

Adobe Photoshop tutorial: Select "Hue/Saturation" from the list of Adjustment Layers.

This brings up Photoshop's "Hue/Saturation" dialog box. There's no need to fumble around with any sliders here trying to pick a color because we've already chosen the color we want to use, so all we need to do is select the Colorize option in the bottom right corner of the dialog box:

Checking the Colorize option.

Adobe Photoshop tutorial: Click inside the checkbox to the left of the "Colorize" option to select it.

As soon as you select that option, Photoshop goes ahead and colorizes the image using the sampled color:

Photoshop colorizes the image using the sampled color.

Adobe Photoshop tutorial: The image now colorized using the color sampled from it.

I'm going to boost the saturation of the color by dragging the Saturation slider to the right until the saturation value is at 50. Then, to give the background a washed-out appearance, I'm going to drag the Lightness slider to the right to a value of around 75:

Increasing the saturation and lightness values in the Hue/Saturation dialog box.

Adobe Photoshop tutorial: Increase the "Saturation" to 50 and the "Lightness" to 75.

Click OK when you're done to exit out of the dialog box. Here's my image after being colorized and lightened:

The image after being colorized and lightened.

Adobe Photoshop tutorial: The background is now colorized and appears washed out.

Latest Photoshop Photo Effects Tutorials

Want a better way to learn? Download this tutorial as an easy to read, ready to print PDF eBook!

Go to page: 1 | 2 | 3 | 4