Adobe Photoshop Tutorials - Photo Effects

Create A Portrait Studio Background In Photoshop

Learn Photoshop with Photo Effects Tutorials at Photoshop Essentials.com

Written by Steve Patterson. In this Photoshop Effects tutorial, we'll learn how to quickly and easily create a simple photo studio background in Photoshop which can then be used to make any portrait-style photo look as if it was taken in an actual photo studio, even if it was really taken in your office, your kitchen, your neighbor's backyard, or basically any place other than a photo studio. As with most Photoshop effects, this background works best when used with the right type of photo, so since we're trying to make it appear as if the photo was taken in a portrait studio, it helps if the person in the photo is dressed nicely, hair in place, and sitting in one of those completely unnatural portrait studio poses.

One other thing to keep in mind before we begin... If you're planning on taking a photo to use with this background, try to have the person (or people) sit in front of a plain white background if possible when you take the shot, since that will make it much easier to select them in the original photo when you go to move them in front of this new background we're about to create.

Here's the image I'll be using for this tutorial:

Adobe Photoshop tutorial image.
The original image.

Obviously, this photo wasn't taken inside a studio, but here's how it will look when we're done:

Adobe Photoshop tutorial image.
The final result.

Let's get started!

Step 1: Create A New Photoshop Document Set To 72 Pixels/Inch

To begin, we need to create a new Photoshop document, so go up to the File menu at the top of the screen and choose New, or use the keyboard shortcut Ctrl+N (Win) / Command+N (Mac). Either way brings up Photoshop's New Document dialog box. Let's use a standard size of 8x10 inches for our new document, so I'll select that from the list of Preset sizes. I also want to make sure that I enter 72 pixels/inch for my Resolution value:

Adobe Photoshop tutorial Photoshop effects image.
Create a new Photoshop document set to 8x10 inches at 72 pixels/inch.

Now, if you know anything about image resolution and print quality, you're probably wondering why I've set my resolution to only 72 pixels/inch, which is far lower than the professional print quality resolution of 300 pixels/inch, and you're most likely thinking that if we go to print this image at only 72 pixels/inch, it's going to look rather horrible, and you'd be right. There's no way we can print our image at such a low resolution and expect it to look good. Don't worry though, we won't be leaving it like this.

The reason we're starting off at only 72 pixels/inch is because we're going to be using Photoshop's Clouds filter to help us create our background, and the Clouds filter is resolution-dependent and only works well at low resolutions. If we tried to use the Clouds filter at 300 pixels/inch, we'd get a whole bunch of really small clouds instead of a few large ones, and we want the larger ones for this effect. I'll show you what I mean in just a moment. For now though, go ahead and create your new document by clicking OK in the top right corner of the dialog box.

Step 2: Fill The New Document With Black

We need our background to be black, so press the letter D on your keyboard to reset your Foreground and Background colors if needed, which sets black as your Foreground color (white becomes your Background color), and then use the keyboard shortcut Alt+Backspace (Win) / Option+Delete (Mac) to fill the document with black:

Adobe Photoshop tutorial Photoshop effects image.
Fill the new document with black.

Step 3: Create A New Blank Layer

If we look in our Layers palette, we can see that we currently have only one layer, the Background layer. We need to add a new blank layer to the document, so click on the New Layer icon at the bottom of the Layers palette (it's the icon directly to the left of the trash bin):

Adobe Photoshop tutorial Photoshop effects image.
Add a new layer by clicking on the "New Layer" icon.

Photoshop adds a new blank layer to the document, places it above the original Background layer, and names it "Layer 1":

Adobe Photoshop tutorial Photoshop effects image.
The new blank layer added to the Photoshop document.

Step 4: Apply The "Clouds" Filter To The New Layer

With the new layer selected in the Layers palette (the currently selected layer is highlighted in blue), go up to the Filter menu at the top of the screen, choose Render, and then choose Clouds. I don't think you'll find too many people who'll claim that Photoshop's Clouds filter gives you anything remotely close to realistic-looking clouds, but still, your document should now look something like this:

Adobe Photoshop tutorial Photoshop effects image.
Go to Filter > Render > Clouds to apply Photoshop's "Clouds" filter to the new layer.

The Clouds filter gives you something different each time you apply it, so if you want to experiment with it a little to see different variations of the effect, simply press Ctrl+F (Win) / Command+F several times to re-apply the filter and you'll see a different cloud pattern each time.

Before we continue, just to show you what I meant earlier about how the Clouds filter would give us a different result if we tried running in at 300 pixels/inch instead of 72 pixels/inch, here's what we'd get with it at 300 pixels/inch:

Adobe Photoshop tutorial Photoshop effects image.
The effect of applying the Clouds filter at 300 pixels/inch instead of 72 pixels/inch.

That's a few too many clouds for what we need here, which is why we're running it at a low resolution value.

Step 5: Lower The Opacity Of The Clouds Layer To 40%

We've added our clouds but they're too intense at the moment. We need them to be much more subtle, so go to the Opacity option in the top right corner of the Layers palette and lower the layer's opacity down to 40%:

Adobe Photoshop tutorial Photoshop effects image.
Lower the opacity of the clouds layer to 40% to reduce their intensity and give us a more subtle shading effect.

Step 6: Merge The Layers

We need to merge our two layers together at this point, and we can do that with the keyboard shortcut Ctrl+E (Win) / Command+E (Mac). If we look again in our Layers palette, we can see that two layers have been merged into one:

Adobe Photoshop tutorial Photoshop effects image.
Press "Ctrl+E" (Win) / "Command+E" (Mac) to merge both layers onto a single layer.

Step 7: Apply The "Spatter" Brush Filter

Let's make the background look a bit more interesting by adding a little texture to it. Going up to the Filter menu once again, this time choose Brush Strokes, and then choose Spatter. When the dialog box appears, enter 10 for the Spray Radius and 5 for the Smoothness, then click OK to apply the filter to the image:

Adobe Photoshop tutorial Photoshop effects image.
Add some texture to the background by applying the Spatter brush filter.

This gives the background a bit of a "painted" look to it:

Adobe Photoshop tutorial Photoshop effects image.
The clouds now have a "painted" look to them.

Step 8: Fade The Filter Effect's Opacity To 50%

Before you click anywhere else in Photoshop, go up to the Edit menu at the top of the screen and choose Fade Spatter. The "Fade" option is only available as the very next thing you do after applying a filter, so if you click somewhere else first and then try and select the Fade option, it will be grayed out and unavailable. When the Fade dialog box appears, lower the opacity value of the filter effect to 50% to reduce the intensity of the effect:

Adobe Photoshop tutorial Photoshop effects image.
Go to Edit > Fade Spatter immediately after applying the filter and lower the effect's opacity to 50%.

Now there's a better way to learn! Download our tutorials as print-ready PDFs!

Go to page: 1 | 2