{"id":10907,"date":"2017-01-03T09:46:16","date_gmt":"2017-01-03T14:46:16","guid":{"rendered":"http:\/\/www.photoshopessentials.com\/?p=10907"},"modified":"2022-11-02T10:36:06","modified_gmt":"2022-11-02T14:36:06","slug":"using-photo-background-photoshop","status":"publish","type":"post","link":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/using-photo-background-photoshop\/","title":{"rendered":"Using A Photo As Its Own Background With Photoshop"},"content":{"rendered":"<section class=\"summary-novideo\">\n<p>Learn how to easily turn any photo into its own decorative background or border with Photoshop! This effect is great for wedding or engagement photos and takes very little time from start to finish.<\/p>\n<\/section>\n<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<section>\n<div id=\"author\">Written by Steve Patterson.<\/div>\n<p>To create the effect, we'll use two separate copies of the photo; one for the main image and one for the background. We'll colorize the background using a color sampled directly from the image, then we'll flip it and fade it into more of a watermark-style effect.<\/p>\n<p>We'll then take our main photo, scale it down in size, give it a nice border and shadow, and finally, reposition it into the perfect spot in front of the background. <\/p>\n<p>I'll be using <a href=\"https:\/\/prf.hn\/l\/dlXjD2w\" title=\"Get Photoshop CC\" target=\"_blank\" rel=\"noopener noreferrer\">Photoshop CC<\/a> here but this tutorial is also fully compatible with Photoshop CS6. If you're using an earlier version of Photoshop, you'll want to follow along with our original <a href=\"\/photo-effects\/photo-as-background\/\">Using A Photo As Its Own Background<\/a> tutorial.<\/p>\n<p>Here's the image I'll be using (<a href=\"https:\/\/prf.hn\/l\/XvPm0OQ\" title=\"View image on Adobe Stock\" target=\"_blank\" rel=\"noopener noreferrer\">wedding photo<\/a> from Adobe Stock):<\/p>\n<img decoding=\"async\" data-no-lazy=\"1\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/photo-as-background\/original.jpg\" alt=\"Image 90087215 licensed from Adobe Stock.\" width=\"642\" height=\"428\" \/>\n<div class=\"image-desc\">The original photo. Credit: Adobe Stock.<\/div>\n<p>And here's what the final effect will look like:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/photo-as-background\/photoshop-photo-as-background-effect.jpg\" alt=\"Using a photo as its own background in Photoshop. \" width=\"642\" height=\"428\" \/>\n<div class=\"image-desc\">The final result.<\/div>\n<\/section>\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<aside>\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>\n<aside><p class=\"members-ad-top\"><a href=\"\/print-ready-pdfs\/\">Download all of our Photoshop tutorials as PDFs!<\/a><\/p><\/aside>\n<section>\n<h2 class=\"sub\">Turn A Photo Into Its Own Background<\/h2>\n<h3>Step 1: Duplicate The Background Layer<\/h3>\n<p>With the image newly-opened in Photoshop, if we look in the <a href=\"\/basics\/layers\/layers-panel\/\">Layers panel<\/a>, we see the photo sitting on the <a href=\"\/basics\/background-layer-photoshop-cc\/\">Background layer<\/a>, currently the only layer in the document:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/photo-as-background\/photoshop-cc-layers-panel-background-layer.png\" alt=\"The Layers panel showing the photo on the Background layer. \" width=\"277\" height=\"279\" \/>\n<div class=\"image-desc\">The Layers panel showing the photo on the Background layer.<\/div>\n<p>The first thing we need to do is make a couple of copies of the photo. We'll use the first copy for the background and the second copy for the main image. <\/p>\n<p>To make the first copy, go up to the <strong>Layer<\/strong> menu in the Menu Bar along the top of the screen, choose <strong>New<\/strong>, then choose <strong>Layer Via Copy<\/strong>. Or, a faster way is to  press the keyboard shortcut, <strong>Ctrl+J<\/strong> (Win) \/ <strong>Command+J<\/strong> (Mac):<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/photo-as-background\/photoshop-new-layer-via-copy.png\" alt=\"Selecting the New Layer Via Copy command in Photoshop.\" \/>\n<div class=\"image-desc\">Going to Layer &gt; New &gt; Layer via Copy.<\/div>\n<p>Photoshop makes a copy of the Background layer, names the copy \"Layer 1\" and places it above the original:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/photo-as-background\/photoshop-new-layer-1.png\" alt=\"The first copy, named Layer 1, appears in the Layers panel.\" \/>\n<div class=\"image-desc\">The first copy, named &quot;Layer 1&quot;, appears in the Layers panel.<\/div>\n<h3>Step 2: Duplicate \"Layer 1\"<\/h3>\n<p>To make the second copy, once again go up to the <strong>Layer<\/strong> menu, choose <strong>New<\/strong>, then choose <strong>Layer Via Copy<\/strong>, or press the keyboard shortcut, <strong>Ctrl+J<\/strong> (Win) \/ <strong>Command+J <\/strong>(Mac):<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/photo-as-background\/photoshop-new-layer-via-copy.png\" alt=\"Selecting the New Layer via Copy command in Photoshop.\" \/>\n<div class=\"image-desc\">Going again to Layer &gt; New &gt; Layer via Copy.<\/div>\n<p>The second copy, named \"Layer 1 copy\", appears above the other two layers:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/photo-as-background\/photoshop-new-layer-1-copy.png\" alt=\"The Layers panel now showing the original Background layer and two copies above it.\" \/>\n<div class=\"image-desc\">The Layers panel now showing the original Background layer and two copies above it.<\/div>\n<p>You may be wondering why we need three layers here when it seems like all we should really need is two; one for the main photo and one for the background. The  reason is that the Background layer on the bottom contains our   original image information. By leaving the Background layer untouched, we can safely create our effect while keeping the original photo intact in case we ever need it.<\/p>\n<h3>Step 3: Rename The New Layers<\/h3>\n<p>Before we go any further, let's quickly rename the two layers we just added so we're not working with Photoshop's generic layer names. We'll start with the layer at the top. <strong>Double-click<\/strong> on the name \"Layer 1 copy\" to highlight it. Then enter \"Main Photo\" on your keyboard for the new name:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/photo-as-background\/photoshop-rename-layer-main-photo.png\" alt=\"Renaming the top layer 'Main Photo'.\" \/>\n<div class=\"image-desc\">Renaming the top layer \"Main Photo\".<\/div>\n<p>Press the <strong>Tab<\/strong> key on your keyboard to jump down and highlight the name of the layer below it (\"Layer 1\"):<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/photo-as-background\/photoshop-rename-layer-1.png\" alt=\"Press Tab to highlight the next layer's name.\" \/>\n<div class=\"image-desc\">Press Tab to highlight the next layer's name.<\/div>\n<p>Type in \"Background Photo\" as the new name for the layer. Then, press <strong>Enter<\/strong> (Win) \/ <strong>Return<\/strong> (Mac) on your keyboard to accept the name change:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/photo-as-background\/photoshop-two-layers-renamed.png\" alt=\"Change the name of 'Layer 1' to 'Background Photo'.\" \/>\n<div class=\"image-desc\">Change the name of \"Layer 1\" to \"Background Photo\".<\/div>\n<h3>Step 4: Hide The &quot;Main Photo&quot; Layer<\/h3>\n<p>We'll create the background effect first. To see what we're doing, we'll need to hide the top layer (&quot;Main Photo&quot;) from view. To do that, click on the <strong>visibility icon<\/strong> (the eyeball icon) on the left of the &quot;Main Photo&quot; layer:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/photo-as-background\/photoshop-layer-visibility-icon.png\" alt=\"Clicking the visibility icon for the 'Main Photo' layer to hide it in the document.\" \/>\n<div class=\"image-desc\">Clicking the visibility icon for the &quot;Main Photo&quot; layer to hide it in the document.<\/div>\n<h3>Step 5: Select The Eyedropper Tool<\/h3>\n<p>With the &quot;Main Photo&quot; layer now hidden, let's colorize the background using a color sampled directly from the image. For that, we'll need Photoshop's <strong>Eyedropper Tool<\/strong>. Select it from the <a href=\"\/basics\/the-new-customizable-toolbar-in-photoshop-cc-2015\/\">Toolbar<\/a>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/photo-as-background\/photoshop-eyedropper-tool.png\" alt=\"Selecting the Eyedropper Tool.\" \/>\n<div class=\"image-desc\">Selecting the Eyedropper Tool.<\/div>\n<h3>Step 6: Set The Sample Size To &quot;5 x 5 Average&quot;<\/h3>\n<p>With the Eyedropper Tool selected, look up in the <strong>Options Bar<\/strong> along the top of the screen and you'll find the <strong>Sample Size<\/strong> option. By default, Sample Size is set to <strong>Point Sample<\/strong>, which means that when we click on the image to sample a color with the Eyedropper Tool, we'll sample the  color only from the specific pixel we clicked on.<\/p>\n<p>That's usually too exact for what we need. Rather than sampling the color only from that one specific pixel, it's often better to sample the <em>average<\/em> color of the spot where we click. <\/p>\n<p>To do that, change the Sample Size to <strong>5 x 5 Average<\/strong>. This tells Photoshop to look at all of the pixels within a 5 pixel by 5 pixel box surrounding the pixel we click on, and then choose the average color of those pixels:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/photo-as-background\/photoshop-sample-size-5x5.png\" alt=\"Changing the Sample Size to 5 x 5 Average.\" \/>\n<div class=\"image-desc\">Changing Sample Size to \"5 x 5 Average\".<\/div>\n<h3>Step 7: Sample A Color From The Image<\/h3>\n<p>Click on an area in your image containing the color you want to use for your background. I'll sample a color from the woman's cheek, which should work nicely:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/photo-as-background\/photoshop-sample-color.jpg\" alt=\"Sampling a color from the image with Photoshop's Eyedropper Tool.\" \/>\n<div class=\"image-desc\">Clicking on the image with the Eyedropper Tool to sample a color.<\/div>\n<p>The color you've sampled will appear as your new <strong>Foreground color<\/strong> in the Toolbar:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/photo-as-background\/photoshop-foreground-color.png\" alt=\"The Foreground color swatch in Photoshop's Toolbar now showing the sampled color.\" \/>\n<div class=\"image-desc\">The Foreground color swatch in the Toolbar.<\/div>\n<h3>Step 8: Colorize The Background Using A Hue\/Saturation Adjustment Layer<\/h3>\n<p>Now that we've sampled a color, let's use it to colorize the background. For that, we'll use one of Photoshop's Hue\/Saturation adjustment layers. Click on the <strong>New Fill or Adjustment Layer<\/strong> icon at the bottom of the Layers panel:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/photo-as-background\/photoshop-new-fill-adjustment-layer.png\" alt=\"Clicking the New Fill or Adjustment Layer icon at the bottom of the Layers panel in Photoshop.\" \/>\n<div class=\"image-desc\">Clicking the New Fill or Adjustment Layer icon.<\/div>\n<p>Then choose <strong>Hue\/Saturation<\/strong> from the list:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/photo-as-background\/select-hue-saturation.png\" alt=\"Selecting a Hue\/Saturation adjustment layer.\" \/>\n<div class=\"image-desc\">Selecting a Hue\/Saturation adjustment layer.<\/div>\n<p>The options and controls for the Hue\/Saturation adjustment layer appear in the <strong>Properties panel<\/strong>. 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. Instead, all we need to do is turn on the <strong>Colorize<\/strong> option by clicking inside its checkbox:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/photo-as-background\/photoshop-properties-panel.jpg\" alt=\"Selecting the Colorize option in the Properties panel. \" \/>\n<div class=\"image-desc\">Selecting the &quot;Colorize&quot; option in the Properties panel.<\/div>\n<p>Photoshop instantly colorizes the image using the color we sampled:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/photo-as-background\/photoshop-colorize-image.jpg\" alt=\"The initial colorizing effect.\" \/>\n<div class=\"image-desc\">The initial colorizing effect.<\/div>\n<p>Increase the saturation of the color by dragging the <strong>Saturation<\/strong> slider in the Properties panel towards the right. A value of <strong>50<\/strong> should work nicely. Then, to fade out the background, drag the <strong>Lightness<\/strong> slider towards the right to a value of around <strong>+75<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/photo-as-background\/saturation-lightness-values.png\" alt=\"Increasing the Saturation and Lightness values in the Properties panel.\" \/>\n<div class=\"image-desc\">Increasing Saturation to 50 and Lightness to +75.<\/div>\n<p>Here's what my background now looks like:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/photo-as-background\/photoshop-faded-colorized-background.jpg\" alt=\"The faded, colorized background.\" \/>\n<div class=\"image-desc\">The faded, colorized background.<\/div>\n<h3>Step 9: Flip The Image Horizontally<\/h3>\n<p>Let's flip the background photo horizontally so it appears as a mirror image of our main photo. To do that, click on the &quot;Background Photo&quot; layer in the Layers panel to select it:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/photo-as-background\/select-background-photo-layer.png\" alt=\"The faded, colorized background.\" \/>\n<div class=\"image-desc\">Selecting the \"Background Photo\" layer.<\/div>\n<p>Go up to the <strong>Edit<\/strong> menu at the top of the screen, choose <strong>Transform<\/strong>,  then choose <strong>Flip Horizontal<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/photo-as-background\/photoshop-transform-flip-horizontal.png\" alt=\"Selecting the Flip Horizontal command from under the Edit menu.\" \/>\n<div class=\"image-desc\">Going to Edit &gt; Transform &gt; Flip Horizontal.<\/div>\n<p>The photo will flip sideways, giving us our &quot;mirror image&quot; effect and completing our work on the background:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/photo-as-background\/photoshop-image-flip-horizontal.jpg\" alt=\"The result after flipping the background photo horizontally.\" \/>\n<div class=\"image-desc\">The result after flipping the background photo horizontally.<\/div>\n<p><a href=\"\/photo-effects\/mirror-image-effect-with-photoshop\/\">Create A Mirror Image Effect With Photoshop<\/a><\/p>\n<h3><span>Step 10:<\/span> Select And Turn On The &quot;Main Photo&quot; Layer<\/h3>\n<p>We're done with our background for now, so let's work on our main image. Click on the &quot;Main Photo&quot; layer in the Layers panel to select it:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/photo-as-background\/select-main-photo-layer.png\" alt=\"Selecting the Main Photo layer in the Layers panel.\" \/>\n<div class=\"image-desc\">Selecting the \"Main Photo\" layer.<\/div>\n<p>Then, turn the \"Main Photo\" layer back on in the document by clicking once again on its <strong>visibility icon<\/strong> (the empty square where the eyeball used to be):<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/photo-as-background\/turn-main-photo-back-on.png\" alt=\"Clicking the visibility icon for the Main Photo layer.\" \/>\n<div class=\"image-desc\">Clicking the visibility icon for the &quot;Main Photo&quot; layer.<\/div>\n<p>With the &quot;Main Photo&quot; layer back on, the original image is now blocking the background photo from view. We'll fix that next:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/photo-as-background\/original.jpg\" alt=\"The main photo is once again visible in front of the background.\" \/>\n<div class=\"image-desc\">The main photo is once again visible in front of the background.<\/div>\n<h3>Step 11: Resize The Main Photo With Free Transform<\/h3>\n<p>Let's resize the main photo so it appears smaller in front of the background. Go up to the <strong>Edit<\/strong> menu at the top of the screen and choose <strong>Free Transform<\/strong>. Or, a faster way to select Free Transform is by pressing the keyboard shortcut, <strong>Ctrl+T<\/strong> (Win) \/ <strong>Command+T<\/strong> (Mac):<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/photo-as-background\/photoshop-edit-free-transform.png\" alt=\"Selecting the Free Transform command from under the Edit menu.\" \/>\n<div class=\"image-desc\">Going to Edit &gt; Free Transform.<\/div>\n<p>This places Photoshop's <a href=\"\/basics\/photoshops-free-transform-essentials\/\">Free Transform<\/a> box and handles around the image. Press and hold <strong>Shift+Alt<\/strong> (Win) \/ <strong>Shift+Option<\/strong> (Mac) on your keyboard as you drag any of the <strong>corner handles<\/strong> inward to reduce the size of the photo. Holding Shift as you drag keeps the original aspect ratio of the image locked in place, while the Alt \/ Option key tells Photoshop to resize the image from its center rather than from the corner. <\/p>\n<p>It's a judgment call on your part how small you want to make your image. I'm going to make mine roughly 50-60% of its original size:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/photo-as-background\/photoshop-resize-main-photo.jpg\" alt=\"Using Photoshop's Free Transform command to resize the main image.\" \/>\n<div class=\"image-desc\">Reducing the size of the main photo using Free Transform.<\/div>\n<p>When you're happy with the size of your image, release your mouse button, then release your Shift key and your Alt \/ Option key. Make sure you release your mouse button first, <em>then<\/em> the keys, or you'll lose the effect that the keys were having.<\/p>\n<p>Press <strong>Enter<\/strong> (Win) \/ <strong>Return<\/strong> (Mac) on your keyboard to accept the new image size and exit out of the Free Transform command:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/photo-as-background\/photoshop-main-image-resized.jpg\" alt=\"The result after resizing the main image with Free Transform.\" \/>\n<div class=\"image-desc\">The result after resizing the main image with Free Transform.<\/div>\n<h3>Step 12: Add A Stroke Around The Main Photo<\/h3>\n<p>Let's add a thin border around our main image. For that, we'll use a Stroke layer style. Click on the <strong>Layer Styles<\/strong> icon (the &quot;fx&quot; icon) at the bottom of the Layers panel:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/photo-as-background\/photoshop-layer-styles-icon.png\" alt=\"Clicking the Layer Styles icon in the Layers panel.\" \/>\n<div class=\"image-desc\">Clicking the Layer Styles icon.<\/div>\n<p>Then choose <strong>Stroke<\/strong> from the list that appears:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/photo-as-background\/photoshop-stroke-layer-style.png\" alt=\"Selecting a Stroke layer style.\" \/>\n<div class=\"image-desc\">Selecting \"Stroke\" from the list of layer styles.<\/div>\n<p>This opens the <strong>Layer Style<\/strong> dialog box set to the Stroke options in the middle column. Let's choose a color for our stroke by once again sampling a color from the image. To change the stroke color, click the <strong>color swatch<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/photo-as-background\/clicking-stroke-color-swatch.png\" alt=\"Clicking the color swatch in the Stroke options.\" \/>\n<div class=\"image-desc\">Clicking the color swatch in the Stroke options.<\/div>\n<p>This opens Photoshop's <strong>Color Picker<\/strong>. Rather than choosing a color from the Color Picker like we  would normally do, move your mouse cursor over the image. Your cursor will change into an <strong>eyedropper icon<\/strong>, just like we saw earlier with the Eyedropper Tool. <\/p>\n<p>Click on a color in the image that you want to use for your stroke so Photoshop can sample it. I'll click on a light gray from the bride's dress:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/photo-as-background\/sample-color-from-dress.jpg\" alt=\"Sampling a stroke color from the image.\" \/>\n<div class=\"image-desc\">Sampling a stroke color from the image.<\/div>\n<p>Once you've sampled your color, click OK in the Color Picker to close it:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/photo-as-background\/photoshop-color-picker.jpg\" alt=\"Clicking OK to close the Color Picker.\" \/>\n<div class=\"image-desc\">Clicking OK to close the Color Picker.<\/div>\n<p>Next, back in the Layer Style dialog box, make sure the <strong>Position<\/strong> option is set to <strong>Inside<\/strong>, which will give our stroke sharp corners. Then, increase the thickness of the stroke by dragging the <strong>Size<\/strong> slider towards the right. The exact size you choose will depend on the size of your image, but keep in mind that we're not going for a Polaroid look here. We want something more elegant, especially if you're doing this with a wedding photo, so try to keep your stroke fairly thin. For my image, a stroke size of around <strong>16 px<\/strong> works well:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/photo-as-background\/photoshop-stroke-size-position.png\" alt=\"Setting the Stroke Size and Position options.\" \/>\n<div class=\"image-desc\">Setting Position to &quot;Inside&quot;, then increasing the Size value.<\/div>\n<p>Don't close out of the Layer Style dialog box just yet because we have one more layer style to add. Here's what my main image looks like so far with the stroke applied. As we can see, the stroke is thin and just barely visible:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/photo-as-background\/main-image-stroke-applied.jpg\" alt=\"The result after adding the stroke around the main image.\" \/>\n<div class=\"image-desc\">The result after adding the stroke around the main image.<\/div>\n<h3>Step 13: Add A Drop Shadow<\/h3>\n<p>Next, let's add a drop shadow to the main image. Click directly on the words <strong>Drop Shadow<\/strong> on the left of the Layer Style dialog box:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/photo-as-background\/photoshop-drop-shadow-layer-style.png\" alt=\"Clicking on the words 'Drop Shadow' on the left of Photoshop's Layer Style dialog box.\" \/>\n<div class=\"image-desc\">Clicking  on the words \"Drop Shadow\".<\/div>\n<p>This will bring up the Drop Shadow options in the middle column (where the Stroke options were a moment ago). By default, Photoshop sets the shadow color to black, but that's too harsh for this effect. Let's once again sample a color from the image. To change the shadow color, click on the <strong>color swatch<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/photo-as-background\/photoshop-drop-shadow-color-swatch.png\" alt=\"Clicking on the Drop Shadow's color swatch to choose a new color.\" \/>\n<div class=\"image-desc\">Clicking the color swatch in the Drop Shadow options.<\/div>\n<p>This again pops open the <strong>Color Picker<\/strong>. Just as we did before, move your mouse cursor over the image. Your cursor will change into an <strong>eyedropper icon<\/strong>. Look for a color in the image that's roughly the same  as the color you used to colorize the background. Only this time, you'll want a darker version of the color (since it's a shadow, after all). I'll click on the area just below the woman's chin:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/photo-as-background\/photoshop-sample-shadow-color.jpg\" alt=\"Sampling a darker skin tone to use as the shadow color.\" \/>\n<div class=\"image-desc\">Sampling a darker skin tone to use for the shadow color.<\/div>\n<p>Click <strong>OK<\/strong> in the Color Picker to close out of it and accept your new shadow color:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/photo-as-background\/photoshop-color-picker-drop-shadow.jpg\" alt=\"Clicking OK to close the Color Picker.\" \/>\n<div class=\"image-desc\">Clicking OK to close the Color Picker.<\/div>\n<p>Back in the Layer Style dialog box, leave the <strong>Opacity<\/strong> option set to <strong>35%<\/strong> (the default value), but change the <strong>Angle<\/strong> to <strong>135&deg;<\/strong> so that the light source appears to be from the upper left. Drag the <strong>Distance<\/strong> slider to control how far the shadow extends outward from behind the image. The amount you need will depend on the size of your image, so keep an eye on the document as you drag the slider. For me, a Distance value of around <strong>60 px<\/strong> looks good.<\/p>\n<p>Finally, drag the <strong>Size<\/strong> slider to adjust the softness of the shadow. Again, this will depend on your image. I'll go with a Size value of <strong>30 px<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/photo-as-background\/photoshop-drop-shadow-options.png\" alt=\"The Drop Shadow options in the Layer Style dialog box.\" \/>\n<div class=\"image-desc\">The Drop Shadow options in the Layer Style dialog box.<\/div>\n<p>Click <strong>OK<\/strong> when you're done to close out of the Layer Style dialog box. Your effect should now look something like this:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/photo-as-background\/image-stroke-drop-shadow.jpg\" alt=\"The image after applying the Stroke and Drop Shadow.\" \/>\n<div class=\"image-desc\">The result after applying the stroke and drop shadow to the main image.<\/div>\n<h3>Step 14: Reposition The Main Photo<\/h3>\n<p>Things are looking good, except for one problem. My main image in front is blocking the people from view in the background. I'll fix the problem by moving the main image into a better spot. First, I'll select Photoshop's <strong>Move Tool<\/strong> from the Toolbar. I could also select the Move Tool by pressing the letter <strong>V<\/strong> on my keyboard:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/photo-as-background\/photoshop-move-tool.png\" alt=\"Selecting the Move Tool from Photoshop's Toolbar.\" \/>\n<div class=\"image-desc\">Selecting the Move Tool.<\/div>\n<p>Then, with my &quot;Main Photo&quot; layer still selected in the Layers panel, I'll click inside the document and drag the main photo into its new location. Again, this will depend on the specific image you're working on, and you may not need to move your image at all. In my case, I'll move the image down into the lower left of the document:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/photo-as-background\/move-image-lower-left.jpg\" alt=\"Dragging the image from the center into the lower left corner.\" \/>\n<div class=\"image-desc\">Dragging the image from the center into the lower left corner.<\/div>\n<h3>Step 15: Resize And Reposition The Background Photo<\/h3>\n<p>The only remaining problem is that the right side of my main photo is still blocking too much of the couple  from view in the background. I need to move the couple in the background further to the right, and I can do that by increasing the size of my background photo. Normally we try to avoid making images larger than their original size because it tends to make them look soft and dull. But since this image is being used simply as a background, we can get away with it. <\/p>\n<p>First, I'll click on the &quot;Background Photo&quot; layer in the Layers panel to select it: <\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/photo-as-background\/select-background-photo-layer-2.png\" alt=\"Selecting the Background Photo layer.\" \/>\n<div class=\"image-desc\">Selecting the \"Background Photo\" layer.<\/div>\n<p>Then, I'll once again go up to the <strong>Edit<\/strong> menu at the top of the screen and choose <strong>Free Transform<\/strong>. Or, I could press the keyboard shortcut, <strong>Ctrl+T<\/strong> (Win) \/ <strong>Command+T<\/strong> (Mac):<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/photo-as-background\/photoshop-edit-free-transform.png\" alt=\"Selecting the Free Transform command from under the Edit menu.\" \/>\n<div class=\"image-desc\">Going to Edit &gt; Free Transform.<\/div>\n<p>This places the Free Transform box and handles around the background photo. To give myself more room to work, I'll zoom out from the image a little bit by pressing and holding my <strong>Ctrl<\/strong> (Win) \/ <strong>Command<\/strong> (Mac) key and pressing the <strong>minus key<\/strong> ( <strong>-<\/strong> ) on my keyboard a couple of times. This lets me see more of the empty work area (the dark area) around the image:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/photo-as-background\/zoom-out-from-image.jpg\" alt=\"Zooming out from the image to see more of the area around the photo.\" \/>\n<div class=\"image-desc\">Zooming out from the image to see more of the area around the photo.<\/div>\n<p>To resize the background photo, I'll press and hold my <strong>Shift<\/strong> key to lock the original aspect ratio of the image in place as I drag the <strong>handle<\/strong> in the top right corner outward until the two people appear more centered between the main photo and the right side of the document. When I'm happy with the new size, I'll release my mouse button, <em>then<\/em> I'll release my Shift key (in that order):<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/photo-as-background\/photoshop-resize-background-image.jpg\" alt=\"Enlarging the background image with the Free Transform command in Photoshop.\" \/>\n<div class=\"image-desc\">Holding Shift while dragging the top right Free Transform handle outward.<\/div>\n<p>We can also reposition an image inside the document using Free Transform. Now that I've resized the background photo, I'm going to move it down a bit by clicking inside the Free Transform box and dragging downward with my mouse until the top of the woman's head is no longer being cut off by the top of the document. When you're happy with the size and position of your background photo, press <strong>Enter<\/strong> (Win) \/ <strong>Return<\/strong> (Mac) on your keyboard to accept it and exit out of Free Transform:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/photo-as-background\/photoshop-reposition-background-image.jpg\" alt=\"Clicking and dragging inside the Free Transform box to move the background photo downward.\" \/>\n<div class=\"image-desc\">Clicking and dragging inside the Free Transform box to move the background photo downward.<\/div>\n<p>And with that, we're done! Here, after resizing and repositioning the background photo, is my final result:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/photo-as-background\/photoshop-photo-as-background-effect.jpg\" alt=\"Using a photo as its own background in Photoshop.\" \/>\n<div class=\"image-desc\">The final effect.<\/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 there we have it! That's how to easily turn a photo into its own decorative background or border with Photoshop! For similar tutorials, check out our <a href=\"\/photo-effects\/borders-and-frames\/\">Photoshop Borders and Frames<\/a> section. Or, visit our main <a href=\"\/photo-effects\/\">Photo Effects<\/a> section for more Photoshop effects tutorials!<\/p>\n<\/section>\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>In this Photoshop effects tutorial, learn how to easily turn any photo into its own decorative background or border! Now for Photoshop CC and CS6!<\/p>\n","protected":false},"author":1,"featured_media":10908,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[104,101,5],"tags":[],"class_list":["post-10907","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-cc-photo-effects-2","category-borders-and-frames","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>Using A Photo As Its Own Background With Photoshop<\/title>\n<meta name=\"description\" content=\"In this Photoshop effects tutorial, learn how to easily turn any photo into its own decorative background or border. Now for Photoshop CC and CS6.\" \/>\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\/using-photo-background-photoshop\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Using A Photo As Its Own Background With Photoshop\" \/>\n<meta property=\"og:description\" content=\"In this Photoshop effects tutorial, learn how to easily turn any photo into its own decorative background or border. Now for Photoshop CC and CS6.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/using-photo-background-photoshop\/\" \/>\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=\"2017-01-03T14:46:16+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-11-02T14:36:06+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2017\/01\/featured.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=\"24 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\\\/using-photo-background-photoshop\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/using-photo-background-photoshop\\\/\"},\"author\":{\"name\":\"Steve Patterson\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#\\\/schema\\\/person\\\/338424c7775908e1c0a190d02a6564f2\"},\"headline\":\"Using A Photo As Its Own Background With Photoshop\",\"datePublished\":\"2017-01-03T14:46:16+00:00\",\"dateModified\":\"2022-11-02T14:36:06+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/using-photo-background-photoshop\\\/\"},\"wordCount\":3049,\"image\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/using-photo-background-photoshop\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2017\\\/01\\\/featured.jpg\",\"articleSection\":[\"CC\",\"Photoshop Borders and Frames\",\"Photoshop Photo Effects\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/using-photo-background-photoshop\\\/\",\"url\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/using-photo-background-photoshop\\\/\",\"name\":\"Using A Photo As Its Own Background With Photoshop\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/using-photo-background-photoshop\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/using-photo-background-photoshop\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2017\\\/01\\\/featured.jpg\",\"datePublished\":\"2017-01-03T14:46:16+00:00\",\"dateModified\":\"2022-11-02T14:36:06+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#\\\/schema\\\/person\\\/338424c7775908e1c0a190d02a6564f2\"},\"description\":\"In this Photoshop effects tutorial, learn how to easily turn any photo into its own decorative background or border. Now for Photoshop CC and CS6.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/using-photo-background-photoshop\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/using-photo-background-photoshop\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/using-photo-background-photoshop\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2017\\\/01\\\/featured.jpg\",\"contentUrl\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2017\\\/01\\\/featured.jpg\",\"width\":250,\"height\":250,\"caption\":\"Using A Photo As Its Own Background With Photoshop\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/using-photo-background-photoshop\\\/#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\":\"Using A Photo As Its Own Background With Photoshop\"}]},{\"@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":"Using A Photo As Its Own Background With Photoshop","description":"In this Photoshop effects tutorial, learn how to easily turn any photo into its own decorative background or border. Now for Photoshop CC and CS6.","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\/using-photo-background-photoshop\/","og_locale":"en_US","og_type":"article","og_title":"Using A Photo As Its Own Background With Photoshop","og_description":"In this Photoshop effects tutorial, learn how to easily turn any photo into its own decorative background or border. Now for Photoshop CC and CS6.","og_url":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/using-photo-background-photoshop\/","og_site_name":"Photoshop Essentials","article_publisher":"https:\/\/www.facebook.com\/photoess","article_published_time":"2017-01-03T14:46:16+00:00","article_modified_time":"2022-11-02T14:36:06+00:00","og_image":[{"width":250,"height":250,"url":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2017\/01\/featured.jpg","type":"image\/jpeg"}],"author":"Steve Patterson","twitter_misc":{"Written by":"Steve Patterson","Est. reading time":"24 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/using-photo-background-photoshop\/#article","isPartOf":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/using-photo-background-photoshop\/"},"author":{"name":"Steve Patterson","@id":"https:\/\/www.photoshopessentials.com\/newsite\/#\/schema\/person\/338424c7775908e1c0a190d02a6564f2"},"headline":"Using A Photo As Its Own Background With Photoshop","datePublished":"2017-01-03T14:46:16+00:00","dateModified":"2022-11-02T14:36:06+00:00","mainEntityOfPage":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/using-photo-background-photoshop\/"},"wordCount":3049,"image":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/using-photo-background-photoshop\/#primaryimage"},"thumbnailUrl":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2017\/01\/featured.jpg","articleSection":["CC","Photoshop Borders and Frames","Photoshop Photo Effects"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/using-photo-background-photoshop\/","url":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/using-photo-background-photoshop\/","name":"Using A Photo As Its Own Background With Photoshop","isPartOf":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/using-photo-background-photoshop\/#primaryimage"},"image":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/using-photo-background-photoshop\/#primaryimage"},"thumbnailUrl":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2017\/01\/featured.jpg","datePublished":"2017-01-03T14:46:16+00:00","dateModified":"2022-11-02T14:36:06+00:00","author":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/#\/schema\/person\/338424c7775908e1c0a190d02a6564f2"},"description":"In this Photoshop effects tutorial, learn how to easily turn any photo into its own decorative background or border. Now for Photoshop CC and CS6.","breadcrumb":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/using-photo-background-photoshop\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/using-photo-background-photoshop\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/using-photo-background-photoshop\/#primaryimage","url":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2017\/01\/featured.jpg","contentUrl":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2017\/01\/featured.jpg","width":250,"height":250,"caption":"Using A Photo As Its Own Background With Photoshop"},{"@type":"BreadcrumbList","@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/using-photo-background-photoshop\/#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":"Using A Photo As Its Own Background With Photoshop"}]},{"@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\/10907","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=10907"}],"version-history":[{"count":52,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/posts\/10907\/revisions"}],"predecessor-version":[{"id":33583,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/posts\/10907\/revisions\/33583"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/media\/10908"}],"wp:attachment":[{"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/media?parent=10907"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/categories?post=10907"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/tags?post=10907"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}