{"id":152,"date":"2012-10-01T14:55:22","date_gmt":"2012-10-01T14:55:22","guid":{"rendered":"http:\/\/www.photoshopessentials.com\/photoshopessentials_wp\/?p=152"},"modified":"2019-04-13T13:19:06","modified_gmt":"2019-04-13T17:19:06","slug":"studio-background","status":"publish","type":"post","link":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/studio-background\/","title":{"rendered":"Create A Portrait Studio Background With Photoshop"},"content":{"rendered":"<style type=\"text\/css\">\n.adslot-2 { display: inline-block; width:300px; float:right; margin: 6px 0px 12px 30px; }\n@media (max-width: 767px) { .adslot-2 { display: none; } }\n<\/style><script async src=\"\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js\"><\/script>\n<!-- 300x250 photo effects top responsive -->\n<ins class=\"adsbygoogle adslot-2\"\n     data-ad-client=\"ca-pub-6601556224092982\"\n     data-ad-slot=\"2740208297\"\n     data-ad-format=\"rectangle\"><\/ins>\n<script>\n(adsbygoogle = window.adsbygoogle || []).push({});\n<\/script>\n<div id=\"author\">Written by Steve Patterson.<\/div>\n<p>In this <strong>Photoshop Effects tutorial<\/strong>, 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.<\/p>\n<p>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.<\/p>\n<p>Here's the image I'll be using for this tutorial:<\/p>\n<img decoding=\"async\" data-no-lazy=\"1\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/studio-background\/original.jpg\" alt=\"Adobe Photoshop tutorial image.\" \/>\n<div class=\"image-desc\">The original image.<\/div>\n<p>Obviously, this photo wasn't taken inside a studio, but here's how it will look when we're done:<\/p>\n<img decoding=\"async\" data-no-lazy=\"1\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/studio-background\/final-result.jpg\" alt=\"Adobe Photoshop tutorial image.\" width=\"368\" height=\"458\" \/>\n<div class=\"image-desc\">The final result.<\/div>\n<style type=\"text\/css\">\n.ads-middle { display: inline-block; width:300px; margin:6px 0px 24px 0px; padding-top: 16px; padding-bottom: 16px; }\n@media (max-width: 515px) { .ads-middle { margin:20px 0; } }\n@media (max-width: 480px) { .ads-middle { margin:20px 0; } }\n<\/style><script async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-6601556224092982\"\n     crossorigin=\"anonymous\"><\/script>\n<!-- photo effects 300x250 middle responsive -->\n<ins class=\"adsbygoogle ads-middle\"\n     style=\"display:block\"\n     data-ad-client=\"ca-pub-6601556224092982\"\n     data-ad-slot=\"4216941496\"\n     data-ad-format=\"rectangle\"\n     data-full-width-responsive=\"true\"><\/ins>\n<script>\n     (adsbygoogle = window.adsbygoogle || []).push({});\n<\/script>\n<p>This tutorial is from our <a href=\"\/photo-effects\/\" title=\"Learn Photoshop effects\">Photo Effects<\/a> series. Let's get started!<\/p>\n<aside><p class=\"members-ad-top\"><a href=\"\/print-ready-pdfs\/\">Download all of our Photoshop tutorials as PDFs!<\/a><\/p><\/aside>\n<h4><span>Step 1:<\/span> Create A New Photoshop Document Set To 72 Pixels\/Inch<\/h4>\n<p>To begin, we need to create a new Photoshop document, so go up to the <span class=\"em\">File<\/span> menu at the top of the screen and choose <span class=\"em\">New<\/span>, or use the keyboard shortcut <span class=\"em\">Ctrl+N<\/span> (Win) \/ <span class=\"em\">Command+N<\/span> (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 <span class=\"em\">Preset<\/span> sizes. I also want to make sure that I enter <span class=\"em\">72 pixels\/inch<\/span> for my <span class=\"em\">Resolution<\/span> value:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/studio-background\/new-photoshop-document.gif\" alt=\"Adobe Photoshop tutorial Photoshop effects image.\" \/>\n<div class=\"image-desc\">Create a new Photoshop document set to 8x10 inches at 72 pixels\/inch.<\/div>\n<p>Now, if you know anything about <a href=\"\/essentials\/image-quality.php\"><strong>image resolution and print quality<\/strong><\/a>, 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.<\/p>\n<p>The reason we're starting off at only 72 pixels\/inch is because we're going to be using Photoshop's <span class=\"em\">Clouds<\/span> 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.<\/p>\n<h4><span>Step 2:<\/span> Fill The New Document With Black<\/h4>\n<p>We need our background to be black, so press the letter <span class=\"em\">D<\/span> 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 <span class=\"em\">Alt+Backspace<\/span> (Win) \/ <span class=\"em\">Option+Delete<\/span> (Mac) to fill the document with black:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/studio-background\/photoshop-document.gif\" alt=\"Adobe Photoshop tutorial Photoshop effects image.\" \/>\n<div class=\"image-desc\">Fill the new document with black.<\/div>\n<h4><span>Step 3:<\/span> Create A New Blank Layer<\/h4>\n<p>If we look in our Layers palette, we can see that we currently have only one layer, the <em>Background<\/em> layer. We need to add a new blank layer to the document, so click on the <span class=\"em\">New Layer<\/span> icon at the bottom of the Layers palette (it's the icon directly to the left of the trash bin):<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/studio-background\/new-layer-icon.gif\" alt=\"Adobe Photoshop tutorial Photoshop effects image.\" \/>\n<div class=\"image-desc\">Add a new layer by clicking on the \"New Layer\" icon.<\/div>\n<p>Photoshop adds a new blank layer to the document, places it above the original <em>Background<\/em> layer, and names it \"Layer 1\":<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/studio-background\/new-layer.gif\" alt=\"Adobe Photoshop tutorial Photoshop effects image.\" \/>\n<div class=\"image-desc\">The new blank layer added to the Photoshop document.<\/div>\n<h4><span>Step 4:<\/span> Apply The \"Clouds\" Filter To The New Layer<\/h4>\n<p>With the new layer selected in the Layers palette (the currently selected layer is highlighted in blue), go up to the <span class=\"em\">Filter<\/span> menu at the top of the screen, choose <span class=\"em\">Render<\/span>, and then choose <span class=\"em\">Clouds<\/span>. 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:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/studio-background\/filter-render-clouds.jpg\" alt=\"Adobe Photoshop tutorial Photoshop effects image.\" width=\"327\" height=\"419\" \/>\n<div class=\"image-desc\">Go to Filter &gt; Render &gt; Clouds to apply Photoshop's \"Clouds\" filter to the new layer.<\/div>\n<p>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 <span class=\"em\">Ctrl+F<\/span> (Win) \/ <span class=\"em\">Command+F<\/span> several times to re-apply the filter and you'll see a different cloud pattern each time.<\/p>\n<p>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:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/studio-background\/clouds-300pixels-inch.jpg\" alt=\"Adobe Photoshop tutorial Photoshop effects image.\" width=\"327\" height=\"419\" \/>\n<div class=\"image-desc\">The effect of applying the Clouds filter at 300 pixels\/inch instead of 72 pixels\/inch.<\/div>\n<p>That's a few too many clouds for what we need here, which is why we're running it at a low resolution value.<\/p>\n<h4><span>Step 5:<\/span> Lower The Opacity Of The Clouds Layer To 40%<\/h4>\n<p>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 <span class=\"em\">Opacity<\/span> option in the top right corner of the Layers palette and lower the layer's opacity down to <span class=\"em\">40%<\/span>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/studio-background\/layer-opacity.gif\" alt=\"Adobe Photoshop tutorial Photoshop effects image.\" width=\"260\" height=\"283\" \/>\n<div class=\"image-desc\">Lower the opacity of the clouds layer to 40% to reduce their intensity and give us a more subtle shading effect.<\/div>\n<h4><span>Step 6:<\/span> Merge The Layers<\/h4>\n<p>We need to merge our two layers together at this point, and we can do that with the keyboard shortcut <span class=\"em\">Ctrl+E<\/span> (Win) \/ <span class=\"em\">Command+E<\/span> (Mac). If we look again in our Layers palette, we can see that two layers have been merged into one:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/studio-background\/photoshop-layers-palette.gif\" alt=\"Adobe Photoshop tutorial Photoshop effects image.\" width=\"260\" height=\"196\" \/>\n<div class=\"image-desc\">Press \"Ctrl+E\" (Win) \/ \"Command+E\" (Mac) to merge both layers onto a single layer.<\/div>\n<h4><span>Step 7:<\/span> Apply The \"Spatter\" Brush Filter<\/h4>\n<p>Let's make the background look a bit more interesting by adding a little texture to it. Going up to the <span class=\"em\">Filter<\/span> menu once again, this time choose <span class=\"em\">Brush Strokes<\/span>, and then choose <span class=\"em\">Spatter<\/span>. When the dialog box appears, enter <span class=\"em\">10<\/span> for the <span class=\"em\">Spray Radius<\/span> and <span class=\"em\">5<\/span> for the <span class=\"em\">Smoothness<\/span>, then click OK to apply the filter to the image:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/studio-background\/spatter-brush-options.gif\" alt=\"Adobe Photoshop tutorial Photoshop effects image.\" \/>\n<div class=\"image-desc\">Add some texture to the background by applying the Spatter brush filter.<\/div>\n<p>This gives the background a bit of a \"painted\" look to it:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/studio-background\/image-spatter.jpg\" alt=\"Adobe Photoshop tutorial Photoshop effects image.\" \/>\n<div class=\"image-desc\">The clouds now have a \"painted\" look to them.<\/div>\n<h4><span>Step 8:<\/span> Fade The Filter Effect's Opacity To 50%<\/h4>\n<p>Before you click anywhere else in Photoshop, go up to the <span class=\"em\">Edit<\/span> menu at the top of the screen and choose <span class=\"em\">Fade Spatter<\/span>. 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 <span class=\"em\">50%<\/span> to reduce the intensity of the effect:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/studio-background\/fade-spatter.gif\" alt=\"Adobe Photoshop tutorial Photoshop effects image.\" \/>\n<div class=\"image-desc\">Go to Edit &gt; Fade Spatter immediately after applying the filter and lower the effect's opacity to 50%.<\/div>\n<h4><span>Step 9:<\/span> Apply The \"Sprayed Stokes\" Filter<\/h4>\n<p>Let's add just a bit more texture to the background by once again going back up to the <span class=\"em\">Filter<\/span> menu, again choosing <span class=\"em\">Brush Strokes<\/span>, and this time choosing <span class=\"em\">Sprayed Strokes<\/span>. When the dialog box appears, enter <span class=\"em\">12<\/span> for the <span class=\"em\">Stroke Length<\/span>, <span class=\"em\">7<\/span> for the <span class=\"em\">Spray Radius<\/span> and <span class=\"em\">Right Diagonal<\/span> for the <span class=\"em\">Stroke Direction<\/span> option, then click OK to apply the filter:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/studio-background\/sprayed-strokes-options.gif\" alt=\"Adobe Photoshop tutorial Photoshop effects image.\" \/>\n<div class=\"image-desc\">Apply the Sprayed Strokes filter to the background.<\/div>\n<p>This adds even more to the \"painted\" look of the background, although it's a little hard to see in the screenshot below but it should be easier to see in your own document:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/studio-background\/image-sprayed-strokes.jpg\" alt=\"Adobe Photoshop tutorial Photoshop effects image.\" \/>\n<div class=\"image-desc\">The background after applying the Sprayed Strokes filter.<\/div>\n<h4><span>Step 10:<\/span> Fade The Filter Effect's Opacity To 50%<\/h4>\n<p>Once again, let's fade the opacity of our filter effect by going up to the <span class=\"em\">Edit<\/span> menu and choosing <span class=\"em\">Fade Sprayed Strokes<\/span>. When the dialog box appears, lower the opacity value to 50% just as we did with the Spatter brush filter a moment ago, then click OK:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/studio-background\/fade-sprayed-strokes.gif\" alt=\"Adobe Photoshop tutorial Photoshop effects image.\" \/>\n<div class=\"image-desc\">Go to Edit &gt; Fade Sprayed Strokes and lower the opacity to 50%.<\/div>\n<h4><span>Step 11:<\/span> Increase The Image Resolution To 300 Pixels\/Inch<\/h4>\n<p>Now that we've finished with the Clouds filter, we can increase the resolution to what it should be if we want professional print quality. Of course, increasing the resolution of an image in Photoshop is usually something we want to avoid as much as possible since all you're doing is making the image larger without adding any more detail to it (as powerful as Photoshop is, it still has no way of knowing what the image would have looked like in higher resolution), and you end up with an image that went from crisp and sharp to soft and dull. However, since all we're doing here is creating a background, and backgrounds are often blurred out anyway to bring more attention to the main subject in the foreground, we can get away with it.<\/p>\n<p>To increase the resolution, go up to the <span class=\"em\">Image<\/span> menu at the top of the screen and choose <span class=\"em\">Image Size<\/span>. When the Image Size dialog box appears, enter a value of <span class=\"em\">300 pixels per inch<\/span> (which is the standard for professional quality printing) for the <span class=\"em\">Resolution<\/span> option. Also, make sure the <span class=\"em\">Resample Image<\/span> option is checked at the bottom of the dialog box, and if you're using Photoshop CS2 or higher, set the <span class=\"em\">Interpolation Method<\/span> (it's the drop-down list to the right of where it says \"Resample Image\") to <span class=\"em\">Bicubic Smoother<\/span>, which is generally what we use when making images larger. If you're using an older version of Photoshop, set it to <span class=\"em\">Bicubic<\/span>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/studio-background\/photoshop-image-size.gif\" alt=\"Adobe Photoshop tutorial Photoshop effects image.\" width=\"423\" height=\"344\" \/>\n<div class=\"image-desc\">Change the Resolution value of the Photoshop document to 300 pixels\/inch, make sure the \"Resample Image\" option is checked, and set the Interpolation option to \"Bicubic Smoother\" (Photoshop CS2 and higher) or \"Bicubic\" (Photoshop CS and lower).<\/div>\n<p>The only difference you'll notice after increasing the resolution is that the image will now appear much larger on your screen if you zoom in to 100%.<\/p>\n<h4><span>Step 12:<\/span> Add A \"Hue\/Saturation\" Adjustment Layer<\/h4>\n<p>At this point, our background is pretty much complete, but let's give ourselves a bit more control over it by adding a \"Hue\/Saturation\" adjustment layer, which is going to give us the ability to not only lighten the background if we think it's looking a little too dark but also change its color. To do that, simply click on the <span class=\"em\">New Adjustment Layer<\/span> icon at the bottom of the Layers palette (it's the icon that looks like a circle split diagonally between black and white):<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/studio-background\/new-adjustment-layer.gif\" alt=\"Adobe Photoshop tutorial Photoshop effects image.\" \/>\n<div class=\"image-desc\">Click on the \"New Adjustment Layer\" icon.<\/div>\n<p>Then choose <span class=\"em\">Hue\/Saturation<\/span> from the list of adjustment layers that appears:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/studio-background\/hue-saturation.gif\" alt=\"Adobe Photoshop tutorial Photoshop effects image.\" \/>\n<div class=\"image-desc\">Choose \"Hue\/Saturation\" from the list.<\/div>\n<p>When the Hue\/Saturation dialog box appears, if you think your background looks a little too dark, simply drag the <span class=\"em\">Lightness<\/span> slider to the right to lighten the background. If you want to add some color to your background, first select the <span class=\"em\">Colorize<\/span> option in the bottom right corner of the dialog box, then drag the <span class=\"em\">Hue<\/span> slider left or right to select a color. You can adjust the intensity of the color by dragging the <span class=\"em\">Saturation<\/span> slider in the middle of the dialog box. Here I've used the Hue\/Saturation adjustment layer to add blue to the background, just as an example:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/studio-background\/background-color.jpg\" alt=\"Adobe Photoshop tutorial Photoshop effects image.\" \/>\n<div class=\"image-desc\">The background after colorizing it with blue.<\/div>\n<p>If you don't need or want to lighten or add any color to your background at this point, simply click OK to exit out of the dialog box, and if you look in your Layers palette, you'll see the Hue\/Saturation adjustment layer sitting there above the <em>Background<\/em> layer. At any point down the road, if you decide to lighten the background or change its color, all you need to do is double-click directly on the adjustment layer's thumbnail in the Layers palette, which will bring up the Hue\/Saturation dialog box and you can make your changes:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/studio-background\/layer-thumbnail.gif\" alt=\"Adobe Photoshop tutorial Photoshop effects image.\" width=\"260\" height=\"283\" \/>\n<div class=\"image-desc\">Double-click on the Hue\/Saturation adjustment layer's thumbnail in the Layers palette at any time to bring up its dialog box to lighten or colorize the background.<\/div>\n<h4><span>Step 13:<\/span> Save The Photoshop Document<\/h4>\n<p>We've completed our work on the background, so let's save our Photoshop document so we can use it whenever we need it instead of recreating it each time. To do that, use the keyboard shortcut <span class=\"em\">Ctrl+S<\/span> (Win) \/ <span class=\"em\">Command+S<\/span> (Mac). Normally this is the keyboard shortcut for the \"Save\" option, but if this is the first time you're saving the document, Photoshop will bring up the <span class=\"em\">Save As<\/span> dialog box instead, since it needs to know where to save it, what to call it and what format to save it in. Make sure you save the document as a <span class=\"em\">Photoshop .PSD<\/span> file. Name the document something that makes sense to you (\"Studio-Background.PSD\" works nicely) and then save it to your computer's hard drive in a location where you can easily access it again.<\/p>\n<h4><span>Step 14:<\/span> Drag The Person From Their Original Photo Into The Background Document<\/h4>\n<p>At this point, all we need is someone to place in front of our newly created background, so open the photo that contains the person and use the selection tool of your choice (Lasso Tool, <a href=\"\/basics\/pen-tool-selections\/\">Pen Tool<\/a>, Extract filter, etc.) to select them. Here I've used the Extract filter (which we'll cover in another tutorial) to remove the woman  from her background in the original photo. I've also cropped away part of the bottom of the image since I won't be needing it:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/studio-background\/woman-extract.jpg\" alt=\"Adobe Photoshop tutorial Photoshop effects image.\" \/>\n<div class=\"image-desc\">Use the selection tool of your choice to select the person in their original photo.<\/div>\n<p>Then, with her selected, all I need to do is press the letter <span class=\"em\">V<\/span> on my keyboard to quickly select the <span class=\"em\">Move Tool<\/span> and drag her into the Background document. Make sure you have the Hue\/Saturation adjustment layer selected first in the Background document so that the person appears on a new layer above it, otherwise the adjustment layer will lighten and\/or colorize not only the background but the person as well:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/studio-background\/person-top-layer.gif\" alt=\"Adobe Photoshop tutorial Photoshop effects image.\" \/>\n<div class=\"image-desc\">Use the Move Tool to drag the person from their original document into the Background document. Make sure the Hue\/Saturation adjustment layer is selected first in the Background document so the person appears on a new layer at the top of the Layers palette.<\/div>\n<p>Still with the Move Tool selected, drag the person into position in front of the background:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/studio-background\/result-1.jpg\" alt=\"Adobe Photoshop tutorial Photoshop effects image.\" \/>\n<div class=\"image-desc\">Drag the person into place in front of the background with the Move Tool.<\/div>\n<p>If I want to add a little color to the background at this point, all I need to is double-click on the Hue\/Saturation layer's thumbnail in the Layers palette and when the dialog box appears, I'll select the Colorize option in the bottom right corner, then drag the Hue slider to about 27, which gives me a nice warm color that works well with her skin tone. I'll also lower the Saturation to about 15 so the color is more subtle:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/studio-background\/hue-saturation-options.jpg\" alt=\"Adobe Photoshop tutorial Photoshop effects image.\" \/>\n<div class=\"image-desc\">Adding some color to the background with the Hue\/Saturation adjustment layer.<\/div>\n<style type=\"text\/css\">\n.ads-bottom { width:300px; padding-top:16px;padding-bottom:16px; }\n<\/style><div align=\"center\"><script async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-6601556224092982\"\n     crossorigin=\"anonymous\"><\/script>\n<!-- 300x250 page bottom responsive -->\n<ins class=\"adsbygoogle ads-bottom\"\n     style=\"display:block\"\n     data-ad-client=\"ca-pub-6601556224092982\"\n     data-ad-slot=\"2879809098\"\n     data-ad-format=\"rectangle\"\n\t data-full-width-responsive=\"true\"><\/ins>\n<script>\n(adsbygoogle = window.adsbygoogle || []).push({});\n<\/script><\/div>\n<p>And here we have the final result:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/studio-background\/final-result.jpg\" alt=\"Adobe Photoshop tutorial Photoshop effects image.\" \/>\n<div class=\"image-desc\">The final result.<\/div>\n<p>And there we have it! We've now created a simple portrait studio-style background in Photoshop that we've saved and can re-use, as well as lighten and\/or colorize, whenever we need it! Visit our <a href=\"\/photo-effects\/\">Photo Effects<\/a> section for more Photoshop effects tutorials!<\/p>\n<div class=\"members-ad\"><a href=\"\/print-ready-pdfs\/\">Get all of our Photoshop tutorials as PDFs!<\/a> Download them today!<\/div>\n\n","protected":false},"excerpt":{"rendered":"<p>Learn how to quickly and easily create a simple background in Photoshop that can then be used to make any portrait style photo look as if it was taken in an actual photo studio!<\/p>\n","protected":false},"author":1,"featured_media":15449,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5],"tags":[],"class_list":["post-152","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-photo-effects"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.4 (Yoast SEO v27.4) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Create A Portrait Studio Background - Photoshop Tutorial<\/title>\n<meta name=\"description\" content=\"Learn how to create a simple background in Photoshop that can be used to make any portrait style photo look as if it was taken in an actual photo studio!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/studio-background\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Create A Portrait Studio Background With Photoshop\" \/>\n<meta property=\"og:description\" content=\"Learn how to create a simple background in Photoshop that can be used to make any portrait style photo look as if it was taken in an actual photo studio!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/studio-background\/\" \/>\n<meta property=\"og:site_name\" content=\"Photoshop Essentials\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/photoess\" \/>\n<meta property=\"article:published_time\" content=\"2012-10-01T14:55:22+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2019-04-13T17:19:06+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2012\/10\/photoshop-studio-background-effect-f.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"250\" \/>\n\t<meta property=\"og:image:height\" content=\"250\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Steve Patterson\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Steve Patterson\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"13 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/studio-background\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/studio-background\\\/\"},\"author\":{\"name\":\"Steve Patterson\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#\\\/schema\\\/person\\\/338424c7775908e1c0a190d02a6564f2\"},\"headline\":\"Create A Portrait Studio Background With Photoshop\",\"datePublished\":\"2012-10-01T14:55:22+00:00\",\"dateModified\":\"2019-04-13T17:19:06+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/studio-background\\\/\"},\"wordCount\":2687,\"commentCount\":0,\"image\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/studio-background\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2012\\\/10\\\/photoshop-studio-background-effect-f.jpg\",\"articleSection\":[\"Photoshop Photo Effects\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/studio-background\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/studio-background\\\/\",\"url\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/studio-background\\\/\",\"name\":\"Create A Portrait Studio Background - Photoshop Tutorial\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/studio-background\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/studio-background\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2012\\\/10\\\/photoshop-studio-background-effect-f.jpg\",\"datePublished\":\"2012-10-01T14:55:22+00:00\",\"dateModified\":\"2019-04-13T17:19:06+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#\\\/schema\\\/person\\\/338424c7775908e1c0a190d02a6564f2\"},\"description\":\"Learn how to create a simple background in Photoshop that can be used to make any portrait style photo look as if it was taken in an actual photo studio!\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/studio-background\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/studio-background\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/studio-background\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2012\\\/10\\\/photoshop-studio-background-effect-f.jpg\",\"contentUrl\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2012\\\/10\\\/photoshop-studio-background-effect-f.jpg\",\"width\":250,\"height\":250,\"caption\":\"Create A Portrait Studio Background With Photoshop\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/studio-background\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Photo Effects\",\"item\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Portrait Studio Background\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#website\",\"url\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/\",\"name\":\"Photoshop Essentials\",\"description\":\"Where everyone can learn Photoshop!\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#\\\/schema\\\/person\\\/338424c7775908e1c0a190d02a6564f2\",\"name\":\"Steve Patterson\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/c05e0a155b18857f3546fca45eecd1d28c2e7d51953f67b40ea76ac49c3cfcc0?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/c05e0a155b18857f3546fca45eecd1d28c2e7d51953f67b40ea76ac49c3cfcc0?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/c05e0a155b18857f3546fca45eecd1d28c2e7d51953f67b40ea76ac49c3cfcc0?s=96&d=mm&r=g\",\"caption\":\"Steve Patterson\"},\"sameAs\":[\"http:\\\/\\\/www.photoshopessentials.com\\\/\"]}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Create A Portrait Studio Background - Photoshop Tutorial","description":"Learn how to create a simple background in Photoshop that can be used to make any portrait style photo look as if it was taken in an actual photo studio!","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/studio-background\/","og_locale":"en_US","og_type":"article","og_title":"Create A Portrait Studio Background With Photoshop","og_description":"Learn how to create a simple background in Photoshop that can be used to make any portrait style photo look as if it was taken in an actual photo studio!","og_url":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/studio-background\/","og_site_name":"Photoshop Essentials","article_publisher":"https:\/\/www.facebook.com\/photoess","article_published_time":"2012-10-01T14:55:22+00:00","article_modified_time":"2019-04-13T17:19:06+00:00","og_image":[{"width":250,"height":250,"url":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2012\/10\/photoshop-studio-background-effect-f.jpg","type":"image\/jpeg"}],"author":"Steve Patterson","twitter_misc":{"Written by":"Steve Patterson","Est. reading time":"13 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/studio-background\/#article","isPartOf":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/studio-background\/"},"author":{"name":"Steve Patterson","@id":"https:\/\/www.photoshopessentials.com\/newsite\/#\/schema\/person\/338424c7775908e1c0a190d02a6564f2"},"headline":"Create A Portrait Studio Background With Photoshop","datePublished":"2012-10-01T14:55:22+00:00","dateModified":"2019-04-13T17:19:06+00:00","mainEntityOfPage":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/studio-background\/"},"wordCount":2687,"commentCount":0,"image":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/studio-background\/#primaryimage"},"thumbnailUrl":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2012\/10\/photoshop-studio-background-effect-f.jpg","articleSection":["Photoshop Photo Effects"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/studio-background\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/studio-background\/","url":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/studio-background\/","name":"Create A Portrait Studio Background - Photoshop Tutorial","isPartOf":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/studio-background\/#primaryimage"},"image":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/studio-background\/#primaryimage"},"thumbnailUrl":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2012\/10\/photoshop-studio-background-effect-f.jpg","datePublished":"2012-10-01T14:55:22+00:00","dateModified":"2019-04-13T17:19:06+00:00","author":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/#\/schema\/person\/338424c7775908e1c0a190d02a6564f2"},"description":"Learn how to create a simple background in Photoshop that can be used to make any portrait style photo look as if it was taken in an actual photo studio!","breadcrumb":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/studio-background\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/studio-background\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/studio-background\/#primaryimage","url":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2012\/10\/photoshop-studio-background-effect-f.jpg","contentUrl":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2012\/10\/photoshop-studio-background-effect-f.jpg","width":250,"height":250,"caption":"Create A Portrait Studio Background With Photoshop"},{"@type":"BreadcrumbList","@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/studio-background\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.photoshopessentials.com\/newsite\/"},{"@type":"ListItem","position":2,"name":"Photo Effects","item":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/"},{"@type":"ListItem","position":3,"name":"Portrait Studio Background"}]},{"@type":"WebSite","@id":"https:\/\/www.photoshopessentials.com\/newsite\/#website","url":"https:\/\/www.photoshopessentials.com\/newsite\/","name":"Photoshop Essentials","description":"Where everyone can learn Photoshop!","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.photoshopessentials.com\/newsite\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.photoshopessentials.com\/newsite\/#\/schema\/person\/338424c7775908e1c0a190d02a6564f2","name":"Steve Patterson","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/c05e0a155b18857f3546fca45eecd1d28c2e7d51953f67b40ea76ac49c3cfcc0?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/c05e0a155b18857f3546fca45eecd1d28c2e7d51953f67b40ea76ac49c3cfcc0?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/c05e0a155b18857f3546fca45eecd1d28c2e7d51953f67b40ea76ac49c3cfcc0?s=96&d=mm&r=g","caption":"Steve Patterson"},"sameAs":["http:\/\/www.photoshopessentials.com\/"]}]}},"_links":{"self":[{"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/posts\/152","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/comments?post=152"}],"version-history":[{"count":24,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/posts\/152\/revisions"}],"predecessor-version":[{"id":27489,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/posts\/152\/revisions\/27489"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/media\/15449"}],"wp:attachment":[{"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/media?parent=152"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/categories?post=152"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/tags?post=152"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}