{"id":3438,"date":"2019-08-18T11:38:00","date_gmt":"2019-08-18T10:38:00","guid":{"rendered":"https:\/\/pathedits.com\/blog\/how-to-change-the-background-color-of-a-picture-in-photoshop\/"},"modified":"2024-12-03T16:31:07","modified_gmt":"2024-12-03T16:31:07","slug":"how-to-change-the-background-color-of-a-picture-in-photoshop","status":"publish","type":"post","link":"https:\/\/pathedits.com\/blogs\/tips\/how-to-change-the-background-color-of-a-picture-in-photoshop","title":{"rendered":"How to Change the Background Color of a Picture in Photoshop"},"content":{"rendered":"\n<p>Changing the background color of your product photo allows you to <a href=\"https:\/\/pathedits.com\/blogs\/tips\/how-repurpose-reuse-product-photography-tips\">repurpose photos<\/a> and add pop and color to your shots. With just a few steps, you can remove a plain white background and replace it with a unique, eye-catching \u2014 and on-brand \u2014 color.<\/p>\n\n\n\n<p>You can also take this a step further by automating the background-changing process using Photoshop actions, allowing you to change the background color of multiple product photos at a time.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">How to change the background color in Photoshop when the original background is white<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Step 1: Duplicate your background layer<\/h3>\n\n\n\n<p>Open your product image in Photoshop.<\/p>\n\n\n\n<img data-src=\"https:\/\/cdn.pathedits.com\/Images\/posts\/how-to-change-the-background-color-of-a-picture-in-photoshop\/duplicate-background-layer-photoshop-product-image.jpg\" class=\"Sirv\" alt=\"Duplicating the background layer in Photoshop for product image editing.\">\n\n\n\n<p><em>Source: <a href=\"https:\/\/stock.adobe.com\/contributor\/311787\/tiler84?load_type=author&amp;prev_url=detail\" target=\"_blank\" rel=\"noopener noreferrer\">Tiler84<\/a> \/ Adobe stock<\/em><\/p>\n\n\n\n<p>Open the <strong>Layers<\/strong> panel. By default, the <strong>Layers<\/strong> panel is located to the right of your image, but if you don&#8217;t see it you can bring it up by choosing <strong>Window &gt; Layers<\/strong> from the dropdown menu at the top of the application window.<\/p>\n\n\n\n<img data-src=\"https:\/\/cdn.pathedits.com\/Images\/posts\/how-to-change-the-background-color-of-a-picture-in-photoshop\/open-layers-panel-photoshop-product-editing.jpg\" class=\"Sirv\" alt=\"Opening the Layers panel in Photoshop via Window menu for product image editing.\">\n\n\n\n<p>In your <strong>Layers<\/strong> panel, double-click on the locked <strong>Background<\/strong> layer. Click <strong>OK<\/strong> to rename it to <strong>Layer 0<\/strong>.<\/p>\n\n\n\n<img data-src=\"https:\/\/cdn.pathedits.com\/Images\/posts\/how-to-change-the-background-color-of-a-picture-in-photoshop\/rename-background-layer-layer-0-photoshop.jpg\" class=\"Sirv\" alt=\"Renaming locked Background layer to Layer 0 in Photoshop Layers panel.\">\n\n\n\n<p>Duplicate <strong>Layer 0<\/strong> by selecting <strong>Layer 0<\/strong> in the <strong>Layers<\/strong> panel, clicking on the panel menu (which looks 4 tiny horizontal lines in the upper right-hand side of the panel), and choosing <strong>Duplicate Layer&#8230;<\/strong>.<\/p>\n\n\n\n<img data-src=\"https:\/\/cdn.pathedits.com\/Images\/posts\/how-to-change-the-background-color-of-a-picture-in-photoshop\/duplicate-layer-0-photoshop-layers-panel.jpg\" class=\"Sirv\" alt=\"Duplicating Layer 0 in Photoshop by selecting Duplicate Layer from the Layers panel menu.\">\n\n\n\n<p>In the dialog box that appears, rename the layer to <strong>Product<\/strong> and click <strong>OK<\/strong>.<\/p>\n\n\n\n<p>Click the &#8220;eye&#8221; icon next to Layer 0 to make it invisible.<\/p>\n\n\n\n<img data-src=\"https:\/\/cdn.pathedits.com\/Images\/posts\/how-to-change-the-background-color-of-a-picture-in-photoshop\/rename-hide-layer-photoshop-product-editing.jpg\" class=\"Sirv\" alt=\"Renaming duplicated layer to Product and hiding Layer 0 in Photoshop Layers panel.\">\n\n\n\n<h3 class=\"wp-block-heading\">Step 2: Select the product<\/h3>\n\n\n\n<p>Select the <a title=\"how to use the Magic Wand Tool\" href=\"https:\/\/pathedits.com\/blogs\/tips\/magic-wand-tool-select-mask-photoshop\"><strong>Magic Wand<\/strong> tool<\/a> from the <strong>Toolbar<\/strong> and click on <strong>Select and Mask<\/strong> from the <strong>Options<\/strong> bar at the top of the application window.&nbsp;<\/p>\n\n\n\n<img data-src=\"https:\/\/cdn.pathedits.com\/Images\/posts\/how-to-change-the-background-color-of-a-picture-in-photoshop\/magic-wand-tool-select-mask-photoshop.jpg\" class=\"Sirv\" alt=\"Selecting the Magic Wand tool and using Select and Mask in Photoshop for image editing.\">\n\n\n\n<p>In the window that appears, choose <strong>Select Subject<\/strong>.&nbsp;<\/p>\n\n\n\n<img data-src=\"https:\/\/cdn.pathedits.com\/Images\/posts\/how-to-change-the-background-color-of-a-picture-in-photoshop\/select-subject-tool-photoshop.jpg\" class=\"Sirv\" alt=\"Using the Select Subject option in Photoshop to quickly isolate the main object.\">\n\n\n\n<p>Under <strong>View<\/strong> (in the Properties tab in the upper right-hand corner), choose <strong>On Layers (Y)<\/strong>. Under <strong>Output Settings<\/strong> (in the lower right-hand corner), choose <strong>Output To: Layer Mask<\/strong>.&nbsp;<\/p>\n\n\n\n<img data-src=\"https:\/\/cdn.pathedits.com\/Images\/posts\/how-to-change-the-background-color-of-a-picture-in-photoshop\/set-view-on-layers-output-layer-mask-photoshop.jpg\" class=\"Sirv\" alt=\"Setting View to On Layers and Output to Layer Mask in Photoshop Properties tab.\">\n\n\n\n<p>Use the tools in the upper left-hand corner to refine your selection. For instance, you may need to take out a shadow.&nbsp;<\/p>\n\n\n\n<img data-src=\"https:\/\/cdn.pathedits.com\/Images\/posts\/how-to-change-the-background-color-of-a-picture-in-photoshop\/refine-selection-add-subtract-tools-photoshop.jpg\" class=\"Sirv\" alt=\"Refining a selection in Photoshop using Add and Subtract tools to adjust details.\">\n\n\n\n<p>For a detailed tutorial on using the Magic Wand tool and the Select and Mask feature, see&nbsp;<a href=\"https:\/\/pathedits.com\/blogs\/tips\/magic-wand-tool-select-mask-photoshop\"><strong>our magic wand tutorial.<\/strong><\/a><\/p>\n\n\n\n<p>Once you&#8217;re satisfied with your selection, click <strong>OK<\/strong>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Step 3: Create a new fill layer<\/h3>\n\n\n\n<p>Select your original <strong>Layer 0<\/strong> in the Layers panel.<\/p>\n\n\n\n<p>Choose <strong>Layer &gt; New Fill Layer &gt; Solid Color<\/strong> from the dropdown menu at the top of the application window.&nbsp;<\/p>\n\n\n\n<img data-src=\"https:\/\/cdn.pathedits.com\/Images\/posts\/how-to-change-the-background-color-of-a-picture-in-photoshop\/create-new-fill-layer-solid-color-photoshop.jpg\" class=\"Sirv\" alt=\"Creating a new fill layer with solid color in Photoshop using Layer &gt; New Fill Layer menu.\">\n\n\n\n<p>Give your <strong>New Layer<\/strong> a name, such as <strong>New Background<\/strong>.<\/p>\n\n\n\n<p>Leave the <strong>Color<\/strong> field as-is; changing this won&#8217;t actually change your background color; it will only change the color label applied to your layer.<\/p>\n\n\n\n<p>Change Mode to <strong>Multiply<\/strong>.&nbsp;<\/p>\n\n\n\n<img data-src=\"https:\/\/cdn.pathedits.com\/Images\/posts\/how-to-change-the-background-color-of-a-picture-in-photoshop\/set-layer-mode-multiply-photoshop-background.jpg\" class=\"Sirv\" alt=\"Setting layer mode to Multiply in Photoshop for background color adjustment.\">\n\n\n\n<p>Click <strong>OK<\/strong>.<\/p>\n\n\n\n<p>A <strong>Color Picker<\/strong> window will appear. This is where you actually change your background color.<\/p>\n\n\n\n<p>Move your cursor around the color selection box and the color ramp to adjust the foreground color to what you want your new background to be.&nbsp;<\/p>\n\n\n\n    <div class=\"insert-cta light\">\n        <div class=\"grid\">\n            <div class=\"grid__item\">\n                Related: A beginner&#8217;s guide to using layers in Photoshop            <\/div>\n            <div class=\"grid__item action\">\n                <div class=\"btn-arrow btn-arrow-purple\">\n                    <a class=\"btn-path btn-path-blue\" href=\"https:\/\/pathedits.com\/blogs\/tips\/photoshop-tutorial-beginningers-guide-using-layers\">Learn more<\/a>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n\n\n\n<p>If you know the exact RGB or hexadecimal values for your color, you can type that into the corresponding fields in the <strong>Color Picker<\/strong> window, and the color will adjust to your specified value.<\/p>\n\n\n\n<p>Once the color is correct, click <strong>OK<\/strong>.&nbsp;<\/p>\n\n\n\n<img data-src=\"https:\/\/cdn.pathedits.com\/Images\/posts\/how-to-change-the-background-color-of-a-picture-in-photoshop\/select-custom-background-color-rgb-hex-photoshop.jpg\" class=\"Sirv\" alt=\"Entering RGB or hex values in Photoshop Color Picker to set a custom background color.\">\n\n\n\n<p>Finally, go into your Layers panel and make your original Layer 0 visible again by clicking on the &#8220;eye&#8221; icon next to the layer name.&nbsp;<\/p>\n\n\n\n<img data-src=\"https:\/\/cdn.pathedits.com\/Images\/posts\/how-to-change-the-background-color-of-a-picture-in-photoshop\/make-layer-0-visible-photoshop-layers-panel.jpg\" class=\"Sirv\" alt=\"Making Layer 0 visible in Photoshop by clicking the eye icon in the Layers panel.\">\n\n\n\n<p>If you did the above steps correctly, you should have your product image against a different color background, but any shadows that you had on your original product will show through the new color.&nbsp;<\/p>\n\n\n\n<img data-src=\"https:\/\/cdn.pathedits.com\/Images\/posts\/how-to-change-the-background-color-of-a-picture-in-photoshop\/product-image-new-background-color-retained-shadows-photoshop.jpg\" class=\"Sirv\" alt=\"Product image on a new background color with original shadows retained using Photoshop.\">\n\n\n\n<h2 class=\"wp-block-heading\">How to change the background color when the original background is NOT white<\/h2>\n\n\n\n<p>If you want your new background color to be completely opaque because you need to cover an existing background (solid or otherwise), repeat all steps above except change the blend mode of the new Fill Layer to Normal.<\/p>\n\n\n\n<p>You can do this either when you create the Fill Layer, or afterward from the Layers panel. This will result in a completely opaque background color, so no shadows from the original photo will show through.<a name=\"multiple\"><\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">How to change the background color for multiple photos at one time<\/h2>\n\n\n\n<p>If you have a large batch of product photos that all need the same color background, you can create a Photoshop action to change the background color, and then run a batch to change all the backgrounds at once.&nbsp;&nbsp;<\/p>\n\n\n\n    <div class=\"insert-cta light\">\n        <div class=\"grid\">\n            <div class=\"grid__item\">\n                Related: How to save time in your freelance photography business            <\/div>\n            <div class=\"grid__item action\">\n                <div class=\"btn-arrow btn-arrow-purple\">\n                    <a class=\"btn-path btn-path-blue\" href=\"https:\/\/pathedits.com\/blogs\/tips\/17-ways-to-save-time-and-grow-your-product-photography-business\">Learn more<\/a>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n\n\n\n<p>This technique works best on photos where the subject is well-isolated from its background in the original photo (like against a white background), and where the product has little to no visible shadow.<\/p>\n\n\n\n<p>If you&#8217;ve never used actions before in Photoshop, don&#8217;t worry. With a bit of preparation you can create and run them with ease. Once you get the hang of actions, you&#8217;ll wonder why you&#8217;ve never used them before!<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Step 1: Place all product photos in a separate folder<\/h3>\n\n\n\n<p>Create a new folder, and copy all the product photos that you want to change the background color into this new folder. Give the folder a name that will allow you to identify it easily, such as &#8220;Old Background Photos.&#8221;<\/p>\n\n\n\n<p>Create another folder called &#8220;New Background Photos&#8221; and leave it empty.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Step 2: Create the action<\/h3>\n\n\n\n<p>Open the first image in your <strong>Old Background Photos<\/strong> folder.<\/p>\n\n\n\n<p>Open the <strong>Actions<\/strong> panel by choosing <strong>Window &gt; Actions<\/strong> from the dropdown menu at the top of the screen.&nbsp;<\/p>\n\n\n\n<img data-src=\"https:\/\/cdn.pathedits.com\/Images\/posts\/how-to-change-the-background-color-of-a-picture-in-photoshop\/open-actions-panel-create-action-photoshop.jpg\" class=\"Sirv\" alt=\"Opening the Actions panel in Photoshop to create an action for batch editing.\">\n\n\n\n<p>Click on the panel menu (the four tiny, horizontal lines in the upper-right hand corner of the panel) and choose <strong>New Action\u2026<\/strong>.&nbsp;<\/p>\n\n\n\n<img data-src=\"https:\/\/cdn.pathedits.com\/Images\/posts\/how-to-change-the-background-color-of-a-picture-in-photoshop\/create-new-action-photoshop-batch-editing.jpg\" class=\"Sirv\" alt=\"Creating a new action in Photoshop from the Actions panel menu for batch processing\">\n\n\n\n<p>In the pop-up dialog box, name your action &#8220;Change Background Color&#8221; or something similar so you can identify it later. (In the example below the action is named &#8220;Change Background Blue&#8221; since the new action will change the background to dark blue.) You can leave this action in the <strong>Defaults<\/strong> set for now.&nbsp;<\/p>\n\n\n\n<img data-src=\"https:\/\/cdn.pathedits.com\/Images\/posts\/how-to-change-the-background-color-of-a-picture-in-photoshop\/name-new-action-change-background-color-photoshop.jpg\" class=\"Sirv\" alt=\"Naming a new Photoshop action 'Change Background Color' for easy identification\">\n\n\n\n<p>Click <strong>Record<\/strong>.<\/p>\n\n\n\n<p>Select the <strong>Magic Wand<\/strong> tool, click <strong>Select and Mask<\/strong>, and in the new window that appears, choose<strong> Select Subject<\/strong>. Click <strong>OK<\/strong>.<\/p>\n\n\n\n<p>In your <strong>Layers<\/strong> panel, create a new layer and move the new layer under the layer containing your product.<\/p>\n\n\n\n<p>Fill the new layer with your chosen color by choosing <strong>Edit &gt; Fill<\/strong>. In the dialog box that appears, choose <strong>Color&#8230;<\/strong> from the dropdown menu and use the <strong>Color Picker<\/strong> dialog box to determine the exact background color. Click <strong>OK<\/strong>.<\/p>\n\n\n\n<p>Click the stop button on the <strong>Actions<\/strong> panel.&nbsp;<\/p>\n\n\n\n<img data-src=\"https:\/\/cdn.pathedits.com\/Images\/posts\/how-to-change-the-background-color-of-a-picture-in-photoshop\/fill-layer-with-color-stop-action-recording-photoshop.jpg\" class=\"Sirv\" alt=\"Filling a layer with color and stopping the action recording in Photoshop Actions panel.\">\n\n\n\n<p>Close the image without saving it.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Step 3: Run a batch<\/h3>\n\n\n\n<p>With no files open in Photoshop, choose<strong> File &gt; Automate &gt; Batch<\/strong> from the dropdown menu at the top of the screen.&nbsp;<\/p>\n\n\n\n<img data-src=\"https:\/\/cdn.pathedits.com\/Images\/posts\/how-to-change-the-background-color-of-a-picture-in-photoshop\/run-batch-process-photoshop-automate.jpg\" class=\"Sirv\" alt=\"Running a batch process in Photoshop via File &gt; Automate &gt; Batch for multiple image editing.\">\n\n\n\n<p>In the window that appears, choose your new action next to <strong>Action<\/strong>.<\/p>\n\n\n\n<p>Choose <strong>Folder<\/strong> next to <strong>Source<\/strong>, and click <strong>Choose&#8230;<\/strong> to navigate to the folder containing the product photos you wish to modify.<\/p>\n\n\n\n<p>In the next column, next to <strong>Destination<\/strong>, choose <strong>Folder<\/strong>. Then, click <strong>Choose\u2026<\/strong> and navigate to the empty folder you created to hold your modified product photos.<\/p>\n\n\n\n<p>Click <strong>OK<\/strong>.&nbsp;<\/p>\n\n\n\n<img data-src=\"https:\/\/cdn.pathedits.com\/Images\/posts\/how-to-change-the-background-color-of-a-picture-in-photoshop\/setup-batch-source-destination-folders-photoshop.jpg\" class=\"Sirv\" alt=\"Selecting source and destination folders for batch processing in Photoshop.\">\n\n\n\n<h3 class=\"wp-block-heading\">Step 4: Monitor the batch<\/h3>\n\n\n\n<p>Photoshop will open each product photo in your folder, apply the action, and then save that photo into the new folder with your new background color attached. If your original file format is anything but PSD, you will be prompted to save each file as a PSD file into the new folder.<\/p>\n\n\n\n<p>This is fine; you want to keep these new product photos as layered PSD files in case you need to do any clean up after the background color has been changed.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Step 5: Clean up and convert to JPG<\/h3>\n\n\n\n<p>Go through each of your new background product photos and make sure there are no halos or areas where the mask needs to be adjusted. Regardless of the background of your original product photos, you can save yourself quite a bit of time by using actions, even if you need to clean up individual photos after the batch has run. Since these are saved as layered files with layer masks, you can make whatever adjustments you need easily.<\/p>\n\n\n\n<p>Once your photos look the way you want, you can individually save them in a web-ready format by choosing <strong>File &gt; Export &gt; Export As\u2026<\/strong> or create another action to crop them to the same size and save them as a JPG.&nbsp;<\/p>\n\n\n\n    <div class=\"insert-cta light\">\n        <div class=\"grid\">\n            <div class=\"grid__item\">\n                Looking for ideas for new backgrounds? Check out 9 alternatives to white background photography            <\/div>\n            <div class=\"grid__item action\">\n                <div class=\"btn-arrow btn-arrow-purple\">\n                    <a class=\"btn-path btn-path-blue\" href=\"https:\/\/pathedits.com\/blogs\/tips\/9-alternatives-to-white-background-product-photography\">Learn more<\/a>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n","protected":false},"excerpt":{"rendered":"<p><meta charset=\"utf-8\"><span>No time or budget for a reshoot? Use Photoshop to give your product shots a whole new look and feel in minutes.<\/span><\/p>\n","protected":false},"author":3,"featured_media":8579,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[1],"tags":[68,74,85,92,101,106],"class_list":["post-3438","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorised","tag-background-removal","tag-color-variants","tag-editing-tips","tag-how-to","tag-photo-editing","tag-photoshop"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How to Change the Background Color of a Picture in Photoshop<\/title>\n<meta name=\"description\" content=\"Learn how to change the background color of your product photos with this easy Photoshop tutorial. Transform your shots in just a few steps!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/pathedits.com\/blogs\/tips\/how-to-change-the-background-color-of-a-picture-in-photoshop\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Change the Background Color of a Picture in Photoshop\" \/>\n<meta property=\"og:description\" content=\"Learn how to change the background color of your product photos with this easy Photoshop tutorial. Transform your shots in just a few steps!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/pathedits.com\/blogs\/tips\/how-to-change-the-background-color-of-a-picture-in-photoshop\" \/>\n<meta property=\"og:site_name\" content=\"Path Edits\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/pathedits\" \/>\n<meta property=\"article:published_time\" content=\"2019-08-18T10:38:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-12-03T16:31:07+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/cdn.pathedits.com\/Images\/posts\/how-to-change-the-background-color-of-a-picture-in-photoshop\/change-background-color-photoshop-product-shots.webp\" \/>\n<meta name=\"author\" content=\"Becky Kilimnik\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/cdn.pathedits.com\/Images\/posts\/how-to-change-the-background-color-of-a-picture-in-photoshop\/change-background-color-photoshop-product-shots.webp\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Becky Kilimnik\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"11 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/pathedits.com\/blogs\/tips\/how-to-change-the-background-color-of-a-picture-in-photoshop\",\"url\":\"https:\/\/pathedits.com\/blogs\/tips\/how-to-change-the-background-color-of-a-picture-in-photoshop\",\"name\":\"How to Change the Background Color of a Picture in Photoshop\",\"isPartOf\":{\"@id\":\"https:\/\/pathedits.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/pathedits.com\/blogs\/tips\/how-to-change-the-background-color-of-a-picture-in-photoshop#primaryimage\"},\"image\":{\"@id\":\"https:\/\/pathedits.com\/blogs\/tips\/how-to-change-the-background-color-of-a-picture-in-photoshop#primaryimage\"},\"thumbnailUrl\":\"https:\/\/cdn.pathedits.com\/Images\/posts\/how-to-change-the-background-color-of-a-picture-in-photoshop\/change-background-color-photoshop-product-shots.webp\",\"datePublished\":\"2019-08-18T10:38:00+00:00\",\"dateModified\":\"2024-12-03T16:31:07+00:00\",\"author\":{\"@id\":\"https:\/\/pathedits.com\/#\/schema\/person\/19b94c4f64c41fa6d202fb60f5bd0ebf\"},\"description\":\"Learn how to change the background color of your product photos with this easy Photoshop tutorial. Transform your shots in just a few steps!\",\"breadcrumb\":{\"@id\":\"https:\/\/pathedits.com\/blogs\/tips\/how-to-change-the-background-color-of-a-picture-in-photoshop#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/pathedits.com\/blogs\/tips\/how-to-change-the-background-color-of-a-picture-in-photoshop\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/pathedits.com\/blogs\/tips\/how-to-change-the-background-color-of-a-picture-in-photoshop#primaryimage\",\"url\":\"https:\/\/cdn.pathedits.com\/Images\/posts\/how-to-change-the-background-color-of-a-picture-in-photoshop\/change-background-color-photoshop-product-shots.webp\",\"contentUrl\":\"https:\/\/cdn.pathedits.com\/Images\/posts\/how-to-change-the-background-color-of-a-picture-in-photoshop\/change-background-color-photoshop-product-shots.webp\",\"width\":\"850\",\"height\":\"377\",\"caption\":\"Product photo with altered background color in Photoshop for a professional look\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/pathedits.com\/blogs\/tips\/how-to-change-the-background-color-of-a-picture-in-photoshop#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/pathedits.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to Change the Background Color of a Picture in Photoshop\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/pathedits.com\/#website\",\"url\":\"https:\/\/pathedits.com\/\",\"name\":\"Path Edits\",\"description\":\"Wake up to perfectly edited product photos\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/pathedits.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/pathedits.com\/#\/schema\/person\/19b94c4f64c41fa6d202fb60f5bd0ebf\",\"name\":\"Becky Kilimnik\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/pathedits.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/74ce3baabf8a6f05d9b89b871b39bd1984a959598be2b4d49cb5acdc9361d448?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/74ce3baabf8a6f05d9b89b871b39bd1984a959598be2b4d49cb5acdc9361d448?s=96&d=mm&r=g\",\"caption\":\"Becky Kilimnik\"},\"description\":\"With over 20 years experience as a graphic designer, Becky is passionate about helping people enhance their content by mastering image manipulation software. Becky has worked with a variety of educational publishers in the U.S. and U.K. and has taught design at six universities.\",\"sameAs\":[\"http:\/\/www.kilimnik.com\/\"],\"url\":\"https:\/\/pathedits.com\/blogs\/tips\/author\/becky-kilimnik\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to Change the Background Color of a Picture in Photoshop","description":"Learn how to change the background color of your product photos with this easy Photoshop tutorial. Transform your shots in just a few steps!","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:\/\/pathedits.com\/blogs\/tips\/how-to-change-the-background-color-of-a-picture-in-photoshop","og_locale":"en_US","og_type":"article","og_title":"How to Change the Background Color of a Picture in Photoshop","og_description":"Learn how to change the background color of your product photos with this easy Photoshop tutorial. Transform your shots in just a few steps!","og_url":"https:\/\/pathedits.com\/blogs\/tips\/how-to-change-the-background-color-of-a-picture-in-photoshop","og_site_name":"Path Edits","article_publisher":"https:\/\/www.facebook.com\/pathedits","article_published_time":"2019-08-18T10:38:00+00:00","article_modified_time":"2024-12-03T16:31:07+00:00","og_image":[{"url":"https:\/\/cdn.pathedits.com\/Images\/posts\/how-to-change-the-background-color-of-a-picture-in-photoshop\/change-background-color-photoshop-product-shots.webp","type":"","width":"","height":""}],"author":"Becky Kilimnik","twitter_card":"summary_large_image","twitter_image":"https:\/\/cdn.pathedits.com\/Images\/posts\/how-to-change-the-background-color-of-a-picture-in-photoshop\/change-background-color-photoshop-product-shots.webp","twitter_misc":{"Written by":"Becky Kilimnik","Est. reading time":"11 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/pathedits.com\/blogs\/tips\/how-to-change-the-background-color-of-a-picture-in-photoshop","url":"https:\/\/pathedits.com\/blogs\/tips\/how-to-change-the-background-color-of-a-picture-in-photoshop","name":"How to Change the Background Color of a Picture in Photoshop","isPartOf":{"@id":"https:\/\/pathedits.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/pathedits.com\/blogs\/tips\/how-to-change-the-background-color-of-a-picture-in-photoshop#primaryimage"},"image":{"@id":"https:\/\/pathedits.com\/blogs\/tips\/how-to-change-the-background-color-of-a-picture-in-photoshop#primaryimage"},"thumbnailUrl":"https:\/\/cdn.pathedits.com\/Images\/posts\/how-to-change-the-background-color-of-a-picture-in-photoshop\/change-background-color-photoshop-product-shots.webp","datePublished":"2019-08-18T10:38:00+00:00","dateModified":"2024-12-03T16:31:07+00:00","author":{"@id":"https:\/\/pathedits.com\/#\/schema\/person\/19b94c4f64c41fa6d202fb60f5bd0ebf"},"description":"Learn how to change the background color of your product photos with this easy Photoshop tutorial. Transform your shots in just a few steps!","breadcrumb":{"@id":"https:\/\/pathedits.com\/blogs\/tips\/how-to-change-the-background-color-of-a-picture-in-photoshop#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/pathedits.com\/blogs\/tips\/how-to-change-the-background-color-of-a-picture-in-photoshop"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/pathedits.com\/blogs\/tips\/how-to-change-the-background-color-of-a-picture-in-photoshop#primaryimage","url":"https:\/\/cdn.pathedits.com\/Images\/posts\/how-to-change-the-background-color-of-a-picture-in-photoshop\/change-background-color-photoshop-product-shots.webp","contentUrl":"https:\/\/cdn.pathedits.com\/Images\/posts\/how-to-change-the-background-color-of-a-picture-in-photoshop\/change-background-color-photoshop-product-shots.webp","width":"850","height":"377","caption":"Product photo with altered background color in Photoshop for a professional look"},{"@type":"BreadcrumbList","@id":"https:\/\/pathedits.com\/blogs\/tips\/how-to-change-the-background-color-of-a-picture-in-photoshop#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/pathedits.com\/"},{"@type":"ListItem","position":2,"name":"How to Change the Background Color of a Picture in Photoshop"}]},{"@type":"WebSite","@id":"https:\/\/pathedits.com\/#website","url":"https:\/\/pathedits.com\/","name":"Path Edits","description":"Wake up to perfectly edited product photos","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/pathedits.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/pathedits.com\/#\/schema\/person\/19b94c4f64c41fa6d202fb60f5bd0ebf","name":"Becky Kilimnik","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/pathedits.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/74ce3baabf8a6f05d9b89b871b39bd1984a959598be2b4d49cb5acdc9361d448?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/74ce3baabf8a6f05d9b89b871b39bd1984a959598be2b4d49cb5acdc9361d448?s=96&d=mm&r=g","caption":"Becky Kilimnik"},"description":"With over 20 years experience as a graphic designer, Becky is passionate about helping people enhance their content by mastering image manipulation software. Becky has worked with a variety of educational publishers in the U.S. and U.K. and has taught design at six universities.","sameAs":["http:\/\/www.kilimnik.com\/"],"url":"https:\/\/pathedits.com\/blogs\/tips\/author\/becky-kilimnik"}]}},"_links":{"self":[{"href":"https:\/\/pathedits.com\/wp-json\/wp\/v2\/posts\/3438","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pathedits.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/pathedits.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/pathedits.com\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/pathedits.com\/wp-json\/wp\/v2\/comments?post=3438"}],"version-history":[{"count":6,"href":"https:\/\/pathedits.com\/wp-json\/wp\/v2\/posts\/3438\/revisions"}],"predecessor-version":[{"id":10125,"href":"https:\/\/pathedits.com\/wp-json\/wp\/v2\/posts\/3438\/revisions\/10125"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/pathedits.com\/wp-json\/wp\/v2\/media\/8579"}],"wp:attachment":[{"href":"https:\/\/pathedits.com\/wp-json\/wp\/v2\/media?parent=3438"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/pathedits.com\/wp-json\/wp\/v2\/categories?post=3438"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/pathedits.com\/wp-json\/wp\/v2\/tags?post=3438"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}