{"id":31610,"date":"2021-06-14T10:27:04","date_gmt":"2021-06-14T14:27:04","guid":{"rendered":"https:\/\/www.photoshopessentials.com\/?p=31610"},"modified":"2024-01-18T09:26:03","modified_gmt":"2024-01-18T14:26:03","slug":"fade-an-image-into-any-background-color-with-photoshop","status":"publish","type":"post","link":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/fade-an-image-into-any-background-color-with-photoshop\/","title":{"rendered":"Fade an Image to Any Color Background with Photoshop"},"content":{"rendered":"<div class=\"summary\">\n<p>Learn step-by-step how to fade an image to black, white or any color background with Photoshop! Perfect for adding space for text or to blend an image with a design.<\/p>\n<\/div>\n<div class=\"video3\">\n<div class=\"video-container\">\n     <iframe width=\"853\" height=\"480\" src=\"https:\/\/www.youtube.com\/embed\/TUVoZvnCRwI\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>\n<\/div>\n<\/div>\n<p class=\"pdf-download-link\">Download the PDF: <a href=\"\/?s2member_file_download=pdf\/photo-effects\/2021-Fade_An_Image_To_Any_Background_Color.pdf&s2member_skip_confirmation\" title=\"Download PDF\">Fade an Image to Any Color Background<\/a><\/p>\n<div id=\"author\">Written by Steve Patterson.<\/div>\n<p>In this tutorial, I show you how easy it is to fade an image into any background color with Photoshop. This is a great way to blend an image into a larger design, or for creating space to add text beside your subject.<\/p>\n<p><strong>Using Photoshop 2024?<\/strong> Check out my new <a href=\"\/photo-effects\/fade-an-image-to-color-in-photoshop-faster-with-live-gradients\/\" title=\"New version of tutorial\">Fade an Image to Color FASTER with Live Gradients<\/a> tutorial.<\/p>\n<p>We'll start by creating a new document and placing an image into it. Then we'll choose an initial color for the background, and fade the image into the color using a layer mask. Finally, I'll show you how to change the background to any color you like, including how to choose a color directly from the image itself.<\/p>\n<p>Here's an example of what the final result will look like:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/2021\/fade-image-to-color\/fade-image-to-color-photoshop.jpg\" alt=\"How to fade an image into a background color with Photoshop\" width=\"807\" height=\"458\" \/>\n<div class=\"image-desc\" style=\"padding-bottom:1em;\">An image faded into a background color.<\/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>Let's get started!<\/p>\n<p class=\"members-ad-top\"><a href=\"\/print-ready-pdfs\/\">Download all of our Photoshop tutorials as PDFs!<\/a><\/p>\n<h3 style=\"margin-top:0;\">Which version of Photoshop do I need?<\/h3>\n<p>You can follow along with any recent version of Photoshop. But note that one of the steps uses a gradient, and Adobe made changes to the gradients back in Photoshop 2020. So for best results with this tutorial, you'll want to be using Photoshop 2020 or newer. <a href=\"https:\/\/adobe.prf.hn\/click\/camref:1100lrdjJ\/destination:https%3A%2F%2Fwww.adobe.com%2Fproducts%2Fphotoshop.html\" title=\"Get Photoshop from Adobe\" target=\"_blank\" rel=\"noopener\">Get the latest Photoshop version here<\/a>.<\/p>\n<h3>Step 1: Create a new Photoshop document<\/h3>\n<p>Start by creating a new document. If you're on Photoshop's Home Screen, <a href=\"\/basics\/create-new-documents-photoshop-cc\/\" title=\"Learn more\">create a new document<\/a> by clicking the <strong>Create new<\/strong> button<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/2021\/fade-image-to-color\/create-new.png\" alt=\"Clicking the Create new button on Photoshop's Home Screen.\" width=\"158\" height=\"142\" \/>\n<div class=\"image-desc\">Clicking <q>Create new<\/q> on the Home Screen.<\/div>\n<p>Or if you're on the main interface, go up to the <strong>File<\/strong> menu and choose <strong>New<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/2021\/fade-image-to-color\/file-new.png\" alt=\"Choosing the New command from Photoshop's File menu.\" width=\"301\" height=\"107\" \/>\n<div class=\"image-desc\">Going to File &gt; New.<\/div>\n<p>Then in the New Document dialog box, enter your settings. I'll set the <strong>Width<\/strong> to <strong>3000 pixels<\/strong>, the <strong>Height<\/strong> to <strong>1600 pixels<\/strong>, the <strong>Resolution<\/strong> to <strong>300 pixels per inch<\/strong> and the <strong>Background Contents<\/strong> to <strong>White<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/2021\/fade-image-to-color\/new-document-settings.png\" alt=\"The settings for the new Photoshop document\" width=\"319\" height=\"427\" \/>\n<div class=\"image-desc\">The new document settings.<\/div>\n<p>Then create the new document by clicking the <strong>Create<\/strong> button:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/2021\/fade-image-to-color\/create-button.png\" alt=\"Clicking the Create button in Photoshop's New Document dialog box.\" width=\"318\" height=\"167\" \/>\n<div class=\"image-desc\">Clicking the Create button.<\/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<h3>Step 2: Place your image into the document<\/h3>\n<p>Next, place your image into the document by going up to the <strong>File<\/strong> menu and choosing <strong>Place Embedded:<\/strong><\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/2021\/fade-image-to-color\/place-embedded.png\" alt=\"Choosing the Place Embedded command from Photoshop's File menu.\" width=\"255\" height=\"110\" \/>\n<div class=\"image-desc\">Going to File &gt; Place Embedded.<\/div>\n<p>Navigate to the image on your computer, click on the image to select it, and then click <strong>Place<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/2021\/fade-image-to-color\/select-and-place-image.png\" alt=\"Selecting and placing the image into the Photoshop document.\" width=\"622\" height=\"373\" \/>\n<div class=\"image-desc\">Choosing the image and clicking Place.<\/div>\n<p><a href=\"\/basics\/open-image-vs-place-image\/\" title=\"Learn more\">Related: Open image vs Place image in Photoshop<\/a><\/p>\n<p>Photoshop places the image into the document, and it opens the <a href=\"\/basics\/transform-and-warp-images-with-free-transform-in-photoshop-cc-2019\/\" title=\"Learn more\">Free Transform<\/a> command so we can resize the image if needed and move it into place. If your image is larger than the document size, Photoshop will automatically resize it to fit, as it did here (<a href=\"https:\/\/adobe.prf.hn\/click\/camref:1100lrdjJ\/destination:https%3A%2F%2Fstock.adobe.com%2Fimages%2Foutdoor-close-up-fashion-portrait-of-young-elegant-lady-wearing-beige-hat-trendy-sunglasses-earrings-chain-necklace-denim-shirt-posing-in-street-of-european-city-copy-empty-space-for-text%2F298753207\" title=\"View this image on Adobe Stock\" target=\"_blank\" rel=\"noopener\">fashion portrait<\/a> from Adobe Stock):<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/2021\/fade-image-to-color\/image-placed.jpg\" alt=\"The Free Transform command opens automatically after placing the image into the Photoshop document.\" width=\"802\" height=\"455\" \/>\n<div class=\"image-desc\">Free Transform opens automatically when placing an image into a document.<\/div>\n<h3>Step 3: Drag your subject to one side of the document<\/h3>\n<p>To make more room for the image to fade into the background, move your subject over to the side by pressing and holding the <strong>Shift<\/strong> key on your keyboard and dragging the image left or right. Holding Shift limits the direction you can move, making it easier to drag straight across:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/2021\/fade-image-to-color\/drag-image-to-side.jpg\" alt=\"Dragging the subject to one side of the Photoshop document.\" width=\"802\" height=\"455\" \/>\n<div class=\"image-desc\">Dragging the subject to one side of the document.<\/div>\n<p>When you're done, close Free Transform by clicking the <strong>check mark<\/strong> in the Options Bar:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/2021\/fade-image-to-color\/click-checkmark.png\" alt=\"Closing Free Transform by clicking the check mark.\" width=\"246\" height=\"105\" \/>\n<div class=\"image-desc\">Clicking the check mark.<\/div>\n<p>In the <a href=\"\/basics\/layers\/layers-panel\/\" title=\"Learn more\">Layers panel<\/a>, we see that Photoshop placed the image on a new layer above the Background layer:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/2021\/fade-image-to-color\/new-image-layer.png\" alt=\"Photoshop's Layers panel showing the placed image on its own layer.\" width=\"264\" height=\"303\" \/>\n<div class=\"image-desc\">The image was placed on its own layer.<\/div>\n<p><a href=\"\/basics\/open-multiple-images-as-layers-in-photoshop\/\" title=\"Learn more\">Related: How to open multiple images as layers!<\/a><\/p>\n<h3>Step 4: Add a Solid Color fill layer<\/h3>\n<p>We're not actually going to use the Background layer for the background color. Instead, we'll use a Solid Color fill layer which will make it easier to choose any color we need.<\/p>\n<p>To add a Solid Color fill layer, first make sure your image layer is selected. Then click 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\/2021\/fade-image-to-color\/new-fill-adjustment-layer-icon.png\" alt=\"Clicking the New Fill or Adjustment Layer icon in Photoshop's Layers panel\" width=\"264\" height=\"168\" \/>\n<div class=\"image-desc\">Clicking the New Fill or Adjustment Layer icon.<\/div>\n<p>And choose <strong>Solid Color<\/strong> from the list:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/2021\/fade-image-to-color\/choose-solid-color-fill-layer.png\" alt=\"Adding a Solid Color fill layer.\" width=\"183\" height=\"107\" \/>\n<div class=\"image-desc\">Adding a Solid Color fill layer.<\/div>\n<h3>Step 5: Choose an initial background color<\/h3>\n<p>In the <strong>Color Pic<\/strong>ker, you can choose any color you like. But I'll choose <strong>white<\/strong> for now by setting the <strong>R<\/strong>, <strong>G<\/strong> and <strong>B<\/strong> values to <strong>255<\/strong>. We'll come back and change the color once we've faded the image into it.<\/p>\n<p>Click OK when you're done to close the Color Picker:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/2021\/fade-image-to-color\/choose-white-color-picker.jpg\" alt=\"Choosing white from Photoshop's Color Picker.\" width=\"543\" height=\"409\" \/>\n<div class=\"image-desc\">Choosing white as the starting background color.<\/div>\n<p>Back in the Layers panel, the fill layer was added above the image, which is why it's blocking the image from view:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/2021\/fade-image-to-color\/document-filled-with-white.png\" alt=\"The document is temporarily filled with white.\" width=\"803\" height=\"455\" \/>\n<div class=\"image-desc\">The document is temporarily filled with white.<\/div>\n<p> And notice that the fill layer includes a built-in <a href=\"\/basics\/understanding-photoshop-layer-masks\/\" title=\"Learn more\">layer mask<\/a>. We'll use this layer mask to fade the color into the image:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/2021\/fade-image-to-color\/new-fill-layer.png\" alt=\"The layer mask thumbnail on the Solid Color fill layer.\" width=\"295\" height=\"198\" \/>\n<div class=\"image-desc\">The layer mask thumbnail on the fill layer.<\/div>\n<h3>Step 6: Select the layer mask<\/h3>\n<p>At the moment, the fill layer itself is selected, which we can tell by the white border around the color swatch. We need the layer mask to be selected, so click on the mask thumbnail:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/2021\/fade-image-to-color\/click-layer-mask-thumbnail.png\" alt=\"Selecting the layer mask on the Solid Color fill layer.\" width=\"295\" height=\"200\" \/>\n<div class=\"image-desc\">Selecting the layer mask.<\/div>\n<h3>Step 7: Select the Gradient Tool<\/h3>\n<p>To fade the color and the image together, we're going to draw a gradient on the mask. And for that, we need the <strong>Gradient Tool<\/strong>.<\/p>\n<p>Select the Gradient Tool from the toolbar:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/2021\/fade-image-to-color\/select-gradient-tool.png\" alt=\"Selecting the Gradient Tool from Photoshop's toolbar.\" width=\"70\" height=\"140\" \/>\n<div class=\"image-desc\">Selecting the Gradient Tool.<\/div>\n<h3>Step 8: Choose the Black to White gradient<\/h3>\n<p>Then in the Options Bar, click on the <strong>arrow<\/strong> next to the gradient swatch:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/2021\/fade-image-to-color\/click-arrow-beside-gradient-swatch.png\" alt=\"Clicking the arrow to open the Gradient Picker in Photoshop's Options Bar\" width=\"272\" height=\"104\" \/>\n<div class=\"image-desc\">Clicking the arrow to open the Gradient Picker.<\/div>\n<p>In the Gradient Picker, twirl open the <strong>Basics<\/strong> folder (new as of Photoshop 2020) and choose the <strong>Black to White gradient<\/strong> by double-clicking on its thumbnail:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/2021\/fade-image-to-color\/select-black-white-gradient.png\" alt=\"Selecting the Black to White gradient in Photoshop's Gradient Picker\" width=\"272\" height=\"161\" \/>\n<div class=\"image-desc\">Double-clicking the Black to White gradient thumbnail.<\/div>\n<h3>Step 9: Draw a black to white gradient on the layer mask<\/h3>\n<p>Now because we can't see the image yet, we're not going to get things right on the first try. But the idea is to drag out a black to white gradient across the layer mask in the area where we want the image to fade into the color.<\/p>\n<p>So set a starting point for the gradient by clicking and holding somewhere in the general area of where your subject appears. In my case, she's on the right:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/2021\/fade-image-to-color\/gradient-starting-point.png\" alt=\"Clicking and holding with the Gradient Tool to set the start of the gradient.\" width=\"793\" height=\"501\" \/>\n<div class=\"image-desc\">Clicking and holding with the Gradient Tool to set the start of the gradient.<\/div>\n<p>Then with your mouse button still held down, press and hold the <strong>Shift<\/strong> key on your keyboard and drag across the area where you want the image and the color to fade into each other. So this will be the transition area between the color and the image. Holding the Shift key as you drag limits the angle of the gradient so it's easier to drag straight across:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/2021\/fade-image-to-color\/gradient-end-point.png\" alt=\"Holding Shift and dragging across the transition area between the image and the background color.\" width=\"805\" height=\"508\" \/>\n<div class=\"image-desc\">Holding Shift and dragging across the transition area between the image and the color.<\/div>\n<p>Then to complete the gradient, release your mouse button, and then release your Shift key (in that order). And just like that, the image is now fading into the color:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/2021\/fade-image-to-color\/gradient-initial-image-fade.jpg\" alt=\"The image now fades into the bckground color in Photoshop\" width=\"800\" height=\"506\" \/>\n<div class=\"image-desc\">The image now fades into the color.<\/div>\n<h4>Viewing the gradient in the layer mask thumbnail<\/h4>\n<p>We can see the gradient by looking at the layer mask thumbnail in the Layers panel. The black area of the mask is where the fill layer is 100 percent hidden, allowing the image below it to show through. The white area is where the fill layer is 100 percent visible and blocking the image from view. And the gradient in between is where they fade together:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/2021\/fade-image-to-color\/gradient-layer-mask-thumbnail.png\" alt=\"The black to white gradient appears in the layer mask thumbnail\" width=\"295\" height=\"200\" \/>\n<div class=\"image-desc\">The gradient appears in the layer mask thumbnail.<\/div>\n<h4>How to view the gradient in the document<\/h4>\n<p>You can also view the layer mask in the document itself by holding the <strong>Alt<\/strong> (Win) \/<strong> Option<\/strong> (Mac) key on a Mac, and clicking on the layer mask thumbnail:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/2021\/fade-image-to-color\/alt-option-click-mask-thumbnail.png\" alt=\"Holding Alt (Win) \/ Option (Mac) and clicking the layer mask thumbnail\" width=\"295\" height=\"147\" \/>\n<div class=\"image-desc\">Holding Alt (Win) \/ Option (Mac) and clicking the layer mask thumbnail.<\/div>\n<p>And now it's easier to see the black area where the image is showing through, the white where the color is visible, and the transition area between them:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/2021\/fade-image-to-color\/view-layer-mask.jpg\" alt=\"Viewing the layer mask in the Photoshop document\" width=\"803\" height=\"457\" \/>\n<div class=\"image-desc\">Viewing the layer mask in the document.<\/div>\n<p>Hold the Alt or Option key and click the layer mask thumbnail again to hide the mask:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/2021\/fade-image-to-color\/alt-option-click-mask-thumbnail.png\" alt=\"Holding Alt (Win) \/ Option (Mac) and clicking again on the layer mask thumbnail\" width=\"295\" height=\"147\" \/>\n<div class=\"image-desc\">Holding Alt (Win) \/ Option (Mac) and clicking again on the layer mask thumbnail.<\/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<h3>Step 10: Redraw the gradient to adjust the fade effect<\/h3>\n<p>Now if you didn't draw the gradient in exactly the right spot, that's okay because you can just draw another one. In fact, you can redraw the gradient as many times as you need. Each new gradient you draw will replace the previous one.<\/p>\n<p>I'll click to set my starting point somewhere around the woman's eye:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/2021\/fade-image-to-color\/gradient-2-starting-point.jpg\" alt=\"Clicking to set the starting point of the second gradient.\" width=\"804\" height=\"509\" \/>\n<div class=\"image-desc\">Clicking to set the starting point of the second gradient.<\/div>\n<p>Then with my mouse button still down, I'll hold the <strong>Shift<\/strong> key on my keyboard and I'll drag over to the left:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/2021\/fade-image-to-color\/gradient-2-end-point.jpg\" alt=\"Holding Shift and dragging across tthe transition area.\" width=\"804\" height=\"509\" \/>\n<div class=\"image-desc\">Holding Shift and dragging across the transition area.<\/div>\n<p>But notice when I release my mouse button that I went too far, and we can see the left edge of the image:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/2021\/fade-image-to-color\/image-edge-visible.jpg\" alt=\"The left edge of the image is now visible.\" width=\"802\" height=\"507\" \/>\n<div class=\"image-desc\">The left edge of the image is visible.<\/div>\n<p>So I'll try one more time, starting in the same spot:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/2021\/fade-image-to-color\/gradient-3-starting-point.jpg\" alt=\"Clicking to set the start point of the third gradient.\" width=\"802\" height=\"507\" \/>\n<div class=\"image-desc\">Clicking to set the starting point for the third attempt.<\/div>\n<p>But this time dragging a shorter distance:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/2021\/fade-image-to-color\/gradient-3-end-point.jpg\" alt=\"Dragging out a shorter transition area.\" width=\"804\" height=\"509\" \/>\n<div class=\"image-desc\">Dragging out a shorter transition area.<\/div>\n<p>I'll release my mouse button, then the Shift key. And this looks better:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/2021\/fade-image-to-color\/gradient-3-image-fade.jpg\" alt=\"The image fades better into the color after the third attempt.\" width=\"802\" height=\"507\" \/>\n<div class=\"image-desc\">A better result.<\/div>\n<h3>Step 11: Choose a new fill layer color<\/h3>\n<p>Once you have the image fading into the color, you can change the color by double-clicking on the fill layer's <strong>color swatch<\/strong> in the Layers panel:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/2021\/fade-image-to-color\/double-click-fill-layer-color-swatch.png\" alt=\"Double-clicking the fill layer's color swatch\" width=\"295\" height=\"200\" \/>\n<div class=\"image-desc\">Double-clicking the fill layer's color swatch.<\/div>\n<p>Then either choose a new color from the Color Picker:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/2021\/fade-image-to-color\/choose-new-color-from-color-picker.jpg\" alt=\"Choosing a different background color from the Color Picker\" width=\"803\" height=\"457\" \/>\n<div class=\"image-desc\">Choosing a different color from the Color Picker.<\/div>\n<p>Or choose one directly from the image. Just move your mouse cursor over the image and click on a color to sample it.<\/p>\n<h4>The Sample Size option<\/h4>\n<p>But before you sample a color, go up to the Options Bar and change the <strong>Sample Size<\/strong> from Point Sample (the default setting) to something larger, like 3x3, 5x5 or 11x11. That way, you'll sample the average color of the area rather than the color of an individual pixel. I'll choose <strong>5x5<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/2021\/fade-image-to-color\/sample-size-option.png\" alt=\"Choosing a larger sample size for the Eyedropper Tool in Photoshop\" width=\"337\" height=\"104\" \/>\n<div class=\"image-desc\">Choosing a larger Sample Size.<\/div>\n<h4>The Sample option<\/h4>\n<p>Also, make sure the <strong>Sample<\/strong> option is set to <strong>All Layers<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/2021\/fade-image-to-color\/sample-all-layers.png\" alt=\"Making sure the Sample option is set to All Layers in Photoshop's Options Bar\" width=\"433\" height=\"103\" \/>\n<div class=\"image-desc\">Making sure Sample is set to All Layers.<\/div>\n<p>Then click on different parts of the image to sample the color until you find the one that works best. I'll sample a grayish color from the upper right. When you're done, click OK to close the Color Picker:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/2021\/fade-image-to-color\/sample-background.jpg\" alt=\"Sampling a color from the upper right of the image to use as the background color in Photoshop\" width=\"809\" height=\"458\" \/>\n<div class=\"image-desc\">Clicking in the upper right of the image to sample the color.<\/div>\n<h3>Step 12: Redraw the gradient (optional)<\/h3>\n<p>Finally, if you want to go back and redraw the gradient, just reselect the <strong>layer mask thumbnail<\/strong> in the Layers panel:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/2021\/fade-image-to-color\/reselect-layer-mask.png\" alt=\"Reselecting the layer mask thumbnail in Photoshop's Layers panel\" width=\"295\" height=\"200\" \/>\n<div class=\"image-desc\">Reselecting the layer mask.<\/div>\n<p>Then with the Gradient Tool still selected, click and hold on the starting point, hold Shift, and drag out the transition area:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/2021\/fade-image-to-color\/gradient-4-end.jpg\" alt=\"Redrawing the gradient on the layer mask\" width=\"800\" height=\"506\" \/>\n<div class=\"image-desc\">Redrawing the gradient on the layer mask.<\/div>\n<p>Release your mouse button, then release the Shift key. And here is my final result:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/2021\/fade-image-to-color\/gradient-4-image-fade.jpg\" alt=\"The image is fading into the background color in Photoshop\" width=\"802\" height=\"507\" \/>\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! For more ways to blend images together, check out my <a href=\"\/basics\/three-ways-to-blend-two-images-together-photoshop\/\" title=\"View tutorial\">Three Ways to Blend Two Images<\/a> tutorial. Or visit my <a href=\"\/photo-effects\/\" title=\"View more photo effects tutorials\">Photo Effects<\/a> section for more tutorials! And don't forget, all of my tutorials are available to <a href=\"\/print-ready-pdfs\/\" title=\"Learn more\">download as PDFs<\/a>!<\/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","protected":false},"excerpt":{"rendered":"<p>Learn step-by-step how to fade an image to black, white or any color background with Photoshop! Perfect for adding space for text or to blend an image with a design.<\/p>\n","protected":false},"author":1,"featured_media":31618,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5],"tags":[],"class_list":["post-31610","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>Fade an Image to Any Color Background with Photoshop<\/title>\n<meta name=\"description\" content=\"Learn how to fade an image to black, white or any color background with Photoshop. A step-by-step tutorial.\" \/>\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\/fade-an-image-into-any-background-color-with-photoshop\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Fade an Image to Any Color Background with Photoshop\" \/>\n<meta property=\"og:description\" content=\"Learn step-by-step how to fade an image into any background color! Great for advertising, marketing or any time you need to add text beside your subject!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/fade-an-image-into-any-background-color-with-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=\"2021-06-14T14:27:04+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-01-18T14:26:03+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2021\/06\/fade-image-to-background-photoshop-s.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"630\" \/>\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=\"17 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\\\/fade-an-image-into-any-background-color-with-photoshop\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/fade-an-image-into-any-background-color-with-photoshop\\\/\"},\"author\":{\"name\":\"Steve Patterson\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#\\\/schema\\\/person\\\/338424c7775908e1c0a190d02a6564f2\"},\"headline\":\"Fade an Image to Any Color Background with Photoshop\",\"datePublished\":\"2021-06-14T14:27:04+00:00\",\"dateModified\":\"2024-01-18T14:26:03+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/fade-an-image-into-any-background-color-with-photoshop\\\/\"},\"wordCount\":1907,\"image\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/fade-an-image-into-any-background-color-with-photoshop\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2021\\\/06\\\/fade-image-to-background-photoshop-ft.jpg\",\"articleSection\":[\"Photoshop Photo Effects\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/fade-an-image-into-any-background-color-with-photoshop\\\/\",\"url\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/fade-an-image-into-any-background-color-with-photoshop\\\/\",\"name\":\"Fade an Image to Any Color Background with Photoshop\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/fade-an-image-into-any-background-color-with-photoshop\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/fade-an-image-into-any-background-color-with-photoshop\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2021\\\/06\\\/fade-image-to-background-photoshop-ft.jpg\",\"datePublished\":\"2021-06-14T14:27:04+00:00\",\"dateModified\":\"2024-01-18T14:26:03+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#\\\/schema\\\/person\\\/338424c7775908e1c0a190d02a6564f2\"},\"description\":\"Learn how to fade an image to black, white or any color background with Photoshop. A step-by-step tutorial.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/fade-an-image-into-any-background-color-with-photoshop\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/fade-an-image-into-any-background-color-with-photoshop\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/fade-an-image-into-any-background-color-with-photoshop\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2021\\\/06\\\/fade-image-to-background-photoshop-ft.jpg\",\"contentUrl\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2021\\\/06\\\/fade-image-to-background-photoshop-ft.jpg\",\"width\":250,\"height\":250,\"caption\":\"How to fade an image into a color background with Photoshop\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/fade-an-image-into-any-background-color-with-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\":\"Fade Image to Color 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":"Fade an Image to Any Color Background with Photoshop","description":"Learn how to fade an image to black, white or any color background with Photoshop. A step-by-step tutorial.","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\/fade-an-image-into-any-background-color-with-photoshop\/","og_locale":"en_US","og_type":"article","og_title":"Fade an Image to Any Color Background with Photoshop","og_description":"Learn step-by-step how to fade an image into any background color! Great for advertising, marketing or any time you need to add text beside your subject!","og_url":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/fade-an-image-into-any-background-color-with-photoshop\/","og_site_name":"Photoshop Essentials","article_publisher":"https:\/\/www.facebook.com\/photoess","article_published_time":"2021-06-14T14:27:04+00:00","article_modified_time":"2024-01-18T14:26:03+00:00","og_image":[{"width":1200,"height":630,"url":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2021\/06\/fade-image-to-background-photoshop-s.jpg","type":"image\/jpeg"}],"author":"Steve Patterson","twitter_misc":{"Written by":"Steve Patterson","Est. reading time":"17 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/fade-an-image-into-any-background-color-with-photoshop\/#article","isPartOf":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/fade-an-image-into-any-background-color-with-photoshop\/"},"author":{"name":"Steve Patterson","@id":"https:\/\/www.photoshopessentials.com\/newsite\/#\/schema\/person\/338424c7775908e1c0a190d02a6564f2"},"headline":"Fade an Image to Any Color Background with Photoshop","datePublished":"2021-06-14T14:27:04+00:00","dateModified":"2024-01-18T14:26:03+00:00","mainEntityOfPage":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/fade-an-image-into-any-background-color-with-photoshop\/"},"wordCount":1907,"image":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/fade-an-image-into-any-background-color-with-photoshop\/#primaryimage"},"thumbnailUrl":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2021\/06\/fade-image-to-background-photoshop-ft.jpg","articleSection":["Photoshop Photo Effects"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/fade-an-image-into-any-background-color-with-photoshop\/","url":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/fade-an-image-into-any-background-color-with-photoshop\/","name":"Fade an Image to Any Color Background with Photoshop","isPartOf":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/fade-an-image-into-any-background-color-with-photoshop\/#primaryimage"},"image":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/fade-an-image-into-any-background-color-with-photoshop\/#primaryimage"},"thumbnailUrl":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2021\/06\/fade-image-to-background-photoshop-ft.jpg","datePublished":"2021-06-14T14:27:04+00:00","dateModified":"2024-01-18T14:26:03+00:00","author":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/#\/schema\/person\/338424c7775908e1c0a190d02a6564f2"},"description":"Learn how to fade an image to black, white or any color background with Photoshop. A step-by-step tutorial.","breadcrumb":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/fade-an-image-into-any-background-color-with-photoshop\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/fade-an-image-into-any-background-color-with-photoshop\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/fade-an-image-into-any-background-color-with-photoshop\/#primaryimage","url":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2021\/06\/fade-image-to-background-photoshop-ft.jpg","contentUrl":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2021\/06\/fade-image-to-background-photoshop-ft.jpg","width":250,"height":250,"caption":"How to fade an image into a color background with Photoshop"},{"@type":"BreadcrumbList","@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/fade-an-image-into-any-background-color-with-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":"Fade Image to Color 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\/31610","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=31610"}],"version-history":[{"count":48,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/posts\/31610\/revisions"}],"predecessor-version":[{"id":35113,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/posts\/31610\/revisions\/35113"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/media\/31618"}],"wp:attachment":[{"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/media?parent=31610"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/categories?post=31610"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/tags?post=31610"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}