{"id":3776,"date":"2021-12-06T18:14:00","date_gmt":"2021-12-06T18:14:00","guid":{"rendered":"https:\/\/www.slazzer.com\/blog\/?p=3776"},"modified":"2022-02-27T18:12:52","modified_gmt":"2022-02-27T18:12:52","slug":"simple-and-easy-way-to-change-background-from-hair-using-photoshop","status":"publish","type":"post","link":"https:\/\/www.slazzer.com\/blog\/simple-and-easy-way-to-change-background-from-hair-using-photoshop\/","title":{"rendered":"Simple and Easy way to Change Background from Hair Using Photoshop"},"content":{"rendered":"<p>If you are in the designing or photography industry, removing backgrounds from images is likely one of the greatest challenges you face on a daily basis. You can spend hours perfecting that process, and still, the picture will come out distorted.<\/p>\n<p>The process becomes even more tedious when the hair of different models in shoots needs to be cautiously removed from the background. Without the basic knowledge of Photoshop tools, the situation can worsen. The purpose of this article is to provide you with all the information you need on how to remove background in photoshop by using the Background eraser tool or the Slazzer Photoshop extension. As soon as you master this skill in Photoshop 2021, you can spend more time enhancing your creativity rather than manually selecting and erasing backgrounds.<\/p>\n<p>We have put together a step-by-step Photoshop guide, to help you learn how to remove the background in Photoshop from hair.<\/p>\n<h2>Step 1 &#8211; Set up your Layers<\/h2>\n<p>Open <a href=\"https:\/\/www.adobe.com\/in\/products\/photoshop.html\" target=\"_blank\" rel=\"nofollow noreferrer noopener\">Photoshop<\/a>, select the image that needs editing, click on <strong>Window<\/strong> &gt; <strong>Layers<\/strong>, or go to the <strong>Layers<\/strong> panel icon on the right of the screen to get to your layer panel.<\/p>\n<img decoding=\"async\" class=\"alignnone size-full wp-image-3800\" src=\"https:\/\/slazzer.com\/blog\/wp-content\/uploads\/2021\/12\/hair-02.jpg\" alt=\"Image of photoshop Window layer option\" width=\"\" height=\"\" srcset=\"https:\/\/www.slazzer.com\/blog\/wp-content\/uploads\/2021\/12\/hair-02.jpg 600w, https:\/\/www.slazzer.com\/blog\/wp-content\/uploads\/2021\/12\/hair-02-300x194.jpg 300w, https:\/\/www.slazzer.com\/blog\/wp-content\/uploads\/2021\/12\/hair-02-24x15.jpg 24w, https:\/\/www.slazzer.com\/blog\/wp-content\/uploads\/2021\/12\/hair-02-36x23.jpg 36w, https:\/\/www.slazzer.com\/blog\/wp-content\/uploads\/2021\/12\/hair-02-48x31.jpg 48w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/>\n<p>In the layer panel, you will find the locked Background layer selected by default, click on the three little lines on the upper left-hand corner, there will appear a drop-down menu. From that menu, choose the <strong>Duplicate Layer<\/strong> option.<\/p>\n<p>You can preserve your original image in the event of any mistakes by using a duplicate layer, which allows you to redo the editing without a problem.<\/p>\n<p>A pop-up box will appear, select <strong>Ok<\/strong> to create the Background copy layer.<\/p>\n<img decoding=\"async\" class=\"alignnone size-full wp-image-3809\" src=\"https:\/\/slazzer.com\/blog\/wp-content\/uploads\/2021\/12\/hair-03.jpg\" alt=\"Layers set up\" width=\"\" height=\"\" srcset=\"https:\/\/www.slazzer.com\/blog\/wp-content\/uploads\/2021\/12\/hair-03.jpg 640w, https:\/\/www.slazzer.com\/blog\/wp-content\/uploads\/2021\/12\/hair-03-300x194.jpg 300w, https:\/\/www.slazzer.com\/blog\/wp-content\/uploads\/2021\/12\/hair-03-24x15.jpg 24w, https:\/\/www.slazzer.com\/blog\/wp-content\/uploads\/2021\/12\/hair-03-36x23.jpg 36w, https:\/\/www.slazzer.com\/blog\/wp-content\/uploads\/2021\/12\/hair-03-48x31.jpg 48w\" sizes=\"(max-width: 640px) 100vw, 640px\" \/>\n<h2>Step 2 &#8211; Creating a High Contrast Layer<\/h2>\n<p>At the bottom of the <strong>Layers panel<\/strong>, click on the plus sign to create a new layer.<\/p>\n<p>Image showing a high contrast Layer<\/p>\n<p>In your Toolbar section, double-click on the Foreground color to bring up the color dialog box. Once it opens, choose a color that is in high contrast in comparison to the background color of your original image.<\/p>\n<p>We use bright colors in the foreground as it&#8217;s easier to remove hair background in Photoshop.<\/p>\n<p>After selecting the right color, Select your new layer and choose Edit &gt; Fill from the top bar, or you can use shortcut keys &#8211; Shift + F5 (Fn + Shift + F5 on a Mac). Once the dialog box opens, choose the Foreground color at 100%.<\/p>\n<img decoding=\"async\" class=\"alignnone size-full wp-image-3815\" src=\"https:\/\/slazzer.com\/blog\/wp-content\/uploads\/2021\/12\/hair-04.jpg\" alt=\"Creating a High Contrast Layer\" width=\"\" height=\"\" srcset=\"https:\/\/www.slazzer.com\/blog\/wp-content\/uploads\/2021\/12\/hair-04.jpg 640w, https:\/\/www.slazzer.com\/blog\/wp-content\/uploads\/2021\/12\/hair-04-300x194.jpg 300w, https:\/\/www.slazzer.com\/blog\/wp-content\/uploads\/2021\/12\/hair-04-24x15.jpg 24w, https:\/\/www.slazzer.com\/blog\/wp-content\/uploads\/2021\/12\/hair-04-36x23.jpg 36w, https:\/\/www.slazzer.com\/blog\/wp-content\/uploads\/2021\/12\/hair-04-48x31.jpg 48w\" sizes=\"(max-width: 640px) 100vw, 640px\" \/>\n<h2>Step 3 &#8211; Erasing the Background from hair<\/h2>\n<p>Go to the <strong>Toolbar<\/strong> and Select the <strong>Background Eraser Tool<\/strong>, which is under Eraser Tool.<\/p>\n<p>Then from the toolbar, select the Background color and click on the background color of the image. The color can be selected using the Color Picker in the pop-up dialog box.<\/p>\n<img decoding=\"async\" class=\"alignnone size-full wp-image-3818\" src=\"https:\/\/slazzer.com\/blog\/wp-content\/uploads\/2021\/12\/hair-05.jpg\" alt=\"Erasing the Background from hair\" width=\"\" height=\"\" srcset=\"https:\/\/www.slazzer.com\/blog\/wp-content\/uploads\/2021\/12\/hair-05.jpg 640w, https:\/\/www.slazzer.com\/blog\/wp-content\/uploads\/2021\/12\/hair-05-300x194.jpg 300w, https:\/\/www.slazzer.com\/blog\/wp-content\/uploads\/2021\/12\/hair-05-24x15.jpg 24w, https:\/\/www.slazzer.com\/blog\/wp-content\/uploads\/2021\/12\/hair-05-36x23.jpg 36w, https:\/\/www.slazzer.com\/blog\/wp-content\/uploads\/2021\/12\/hair-05-48x31.jpg 48w\" sizes=\"(max-width: 640px) 100vw, 640px\" \/>\n<p>After you have selected the Background Eraser Tool in the Tools panel, you will find three little buttons near the brush size in the <strong>Options bar<\/strong>. These will determine how the background will be sampled &#8211; whether it will be Contiguous, Once, or using a Background Swatch. Since we have already selected a solid bright color background, choose the third option: Background Swatch.<\/p>\n<p>To ensure that the top layer remains separate from the bright color background layer so that hair cutting photo editing in Photoshop is easier, make sure that the <strong>Discontiguous<\/strong> and <strong>Protect Foreground Color<\/strong> are selected.<\/p>\n<p>The other two options to be selected are -: The Brush Preset that will determine the brush size that makes the most sense for the image and Tolerance, which needs to be 50%.<\/p>\n<p>Check in the layer panel and make sure that in the top layer, Background Copy is selected.<\/p>\n<p>Select the Background Eraser Tool and start erasing the area around the hair. There can be instances where you will need to adjust the Tolerance level depending on the Foreground image. To have more precision on the area around the hair, reduce the brush size.<\/p>\n<p>Keep on working till you have an &#8220;outline&#8221; around your entire subject.<\/p>\n<p>After the area around the hair has been selected carefully, the Brush Size and Tolerance Level can be increased to remove the rest of the background more quickly.<\/p>\n<h2>Step 4 &#8211; Replace the Background<\/h2>\n<p>In the Layers panel, hide the bright color panel and the original Background layer by clicking on the eye icon that you will find next to each layer.<\/p>\n<img decoding=\"async\" class=\"alignnone size-full wp-image-3938\" src=\"https:\/\/slazzer.com\/blog\/wp-content\/uploads\/2021\/12\/woman-d_640.jpg\" alt=\"Background removal process\" width=\"\" height=\"\" srcset=\"https:\/\/www.slazzer.com\/blog\/wp-content\/uploads\/2021\/12\/woman-d_640.jpg 640w, https:\/\/www.slazzer.com\/blog\/wp-content\/uploads\/2021\/12\/woman-d_640-300x194.jpg 300w, https:\/\/www.slazzer.com\/blog\/wp-content\/uploads\/2021\/12\/woman-d_640-24x15.jpg 24w, https:\/\/www.slazzer.com\/blog\/wp-content\/uploads\/2021\/12\/woman-d_640-36x23.jpg 36w, https:\/\/www.slazzer.com\/blog\/wp-content\/uploads\/2021\/12\/woman-d_640-48x31.jpg 48w\" sizes=\"(max-width: 640px) 100vw, 640px\" \/>\n<p>Now you will have an image with a transparent background. You can use any background behind it to experiment and further master your skills, or you can copy the image and paste it into some other backdrop of your desire.<\/p>\n<img decoding=\"async\" class=\"alignnone size-full wp-image-3935\" src=\"https:\/\/slazzer.com\/blog\/wp-content\/uploads\/2021\/12\/wo5d_640.jpg\" alt=\"change background\" width=\"\" height=\"\" srcset=\"https:\/\/www.slazzer.com\/blog\/wp-content\/uploads\/2021\/12\/wo5d_640.jpg 640w, https:\/\/www.slazzer.com\/blog\/wp-content\/uploads\/2021\/12\/wo5d_640-300x194.jpg 300w, https:\/\/www.slazzer.com\/blog\/wp-content\/uploads\/2021\/12\/wo5d_640-24x15.jpg 24w, https:\/\/www.slazzer.com\/blog\/wp-content\/uploads\/2021\/12\/wo5d_640-36x23.jpg 36w, https:\/\/www.slazzer.com\/blog\/wp-content\/uploads\/2021\/12\/wo5d_640-48x31.jpg 48w\" sizes=\"(max-width: 640px) 100vw, 640px\" \/>\n<h2>Slazzer Photoshop Extension<\/h2>\n<p>Alternatively, you can download the <a href=\"https:\/\/www.slazzer.com\/photoshop\">Slazzer extension<\/a> directly in Photoshop. Just click \u201cinstall Slazzer\u201d and a new menu will open up named \u201cWindow\u201d, then select \u201cExtensions\u201d and then \u201cRemove Background\u201d. You will need an active API key to use it and the button will always be available anytime you need it as you work in Photoshop. With just one click its AI will cut out the most complex hair with fine precision, 100% automatically, without manual intervention, in just a few seconds.<\/p>\n<img decoding=\"async\" class=\"alignnone size-full wp-image-3941\" src=\"https:\/\/slazzer.com\/blog\/wp-content\/uploads\/2021\/12\/woman-gc5ca1ef5d_640-1.jpg\" alt=\"Easy way with Slazzer Photoshop Plugins\" width=\"\" height=\"\" srcset=\"https:\/\/www.slazzer.com\/blog\/wp-content\/uploads\/2021\/12\/woman-gc5ca1ef5d_640-1.jpg 640w, https:\/\/www.slazzer.com\/blog\/wp-content\/uploads\/2021\/12\/woman-gc5ca1ef5d_640-1-300x194.jpg 300w, https:\/\/www.slazzer.com\/blog\/wp-content\/uploads\/2021\/12\/woman-gc5ca1ef5d_640-1-24x15.jpg 24w, https:\/\/www.slazzer.com\/blog\/wp-content\/uploads\/2021\/12\/woman-gc5ca1ef5d_640-1-36x23.jpg 36w, https:\/\/www.slazzer.com\/blog\/wp-content\/uploads\/2021\/12\/woman-gc5ca1ef5d_640-1-48x31.jpg 48w\" sizes=\"(max-width: 640px) 100vw, 640px\" \/>\n<p>Following these steps will simplify the process of removing backgrounds from hair and save you considerable time and effort. The time saved can be devoted to experimenting with different backdrops for any image. Feel free to try new <strong>hair photography ideas<\/strong> every day, each with different beautiful backgrounds without fear of destroying the image while editing.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>If you are in the designing or photography industry, removing backgrounds from images is likely one of the greatest challenges you face on a daily basis. You can spend hours perfecting that process, and still, the picture will come out distorted. The process becomes even more tedious when the hair of different models in shoots <\/p>\n","protected":false},"author":1,"featured_media":3794,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[9],"tags":[],"class_list":["post-3776","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tips-tricks"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v18.5 (Yoast SEO v23.6) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Simple and Easy way to Change Background from Hair Using Photoshop - Blog - slazzer.com<\/title>\n<meta name=\"description\" content=\"How to remove background from hair using Photoshop? Read this step-by-step on how to use color range for hair background removal.\" \/>\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.slazzer.com\/blog\/simple-and-easy-way-to-change-background-from-hair-using-photoshop\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Simple and Easy way to Change Background from Hair Using Photoshop\" \/>\n<meta property=\"og:description\" content=\"How to remove background from hair using Photoshop? Read this step-by-step on how to use color range for hair background removal.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.slazzer.com\/blog\/simple-and-easy-way-to-change-background-from-hair-using-photoshop\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog - slazzer.com\" \/>\n<meta property=\"article:published_time\" content=\"2021-12-06T18:14:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-02-27T18:12:52+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.slazzer.com\/blog\/wp-content\/uploads\/2021\/12\/hair-01.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"600\" \/>\n\t<meta property=\"og:image:height\" content=\"387\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"admin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"admin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minutes\" \/>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Simple and Easy way to Change Background from Hair Using Photoshop - Blog - slazzer.com","description":"How to remove background from hair using Photoshop? Read this step-by-step on how to use color range for hair background removal.","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.slazzer.com\/blog\/simple-and-easy-way-to-change-background-from-hair-using-photoshop\/","og_locale":"en_US","og_type":"article","og_title":"Simple and Easy way to Change Background from Hair Using Photoshop","og_description":"How to remove background from hair using Photoshop? Read this step-by-step on how to use color range for hair background removal.","og_url":"https:\/\/www.slazzer.com\/blog\/simple-and-easy-way-to-change-background-from-hair-using-photoshop\/","og_site_name":"Blog - slazzer.com","article_published_time":"2021-12-06T18:14:00+00:00","article_modified_time":"2022-02-27T18:12:52+00:00","og_image":[{"width":600,"height":387,"url":"https:\/\/www.slazzer.com\/blog\/wp-content\/uploads\/2021\/12\/hair-01.jpg","type":"image\/jpeg"}],"author":"admin","twitter_card":"summary_large_image","twitter_misc":{"Written by":"admin","Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.slazzer.com\/blog\/simple-and-easy-way-to-change-background-from-hair-using-photoshop\/","url":"https:\/\/www.slazzer.com\/blog\/simple-and-easy-way-to-change-background-from-hair-using-photoshop\/","name":"Simple and Easy way to Change Background from Hair Using Photoshop - Blog - slazzer.com","isPartOf":{"@id":"https:\/\/www.slazzer.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.slazzer.com\/blog\/simple-and-easy-way-to-change-background-from-hair-using-photoshop\/#primaryimage"},"image":{"@id":"https:\/\/www.slazzer.com\/blog\/simple-and-easy-way-to-change-background-from-hair-using-photoshop\/#primaryimage"},"thumbnailUrl":"https:\/\/www.slazzer.com\/blog\/wp-content\/uploads\/2021\/12\/hair-01.jpg","datePublished":"2021-12-06T18:14:00+00:00","dateModified":"2022-02-27T18:12:52+00:00","author":{"@id":"https:\/\/www.slazzer.com\/blog\/#\/schema\/person\/dff22c74e716223bca3cfb9cc390e075"},"description":"How to remove background from hair using Photoshop? Read this step-by-step on how to use color range for hair background removal.","breadcrumb":{"@id":"https:\/\/www.slazzer.com\/blog\/simple-and-easy-way-to-change-background-from-hair-using-photoshop\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.slazzer.com\/blog\/simple-and-easy-way-to-change-background-from-hair-using-photoshop\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.slazzer.com\/blog\/simple-and-easy-way-to-change-background-from-hair-using-photoshop\/#primaryimage","url":"https:\/\/www.slazzer.com\/blog\/wp-content\/uploads\/2021\/12\/hair-01.jpg","contentUrl":"https:\/\/www.slazzer.com\/blog\/wp-content\/uploads\/2021\/12\/hair-01.jpg","width":600,"height":387},{"@type":"BreadcrumbList","@id":"https:\/\/www.slazzer.com\/blog\/simple-and-easy-way-to-change-background-from-hair-using-photoshop\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.slazzer.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Simple and Easy way to Change Background from Hair Using Photoshop"}]},{"@type":"WebSite","@id":"https:\/\/www.slazzer.com\/blog\/#website","url":"https:\/\/www.slazzer.com\/blog\/","name":"Blog - slazzer.com","description":"slazzer.com","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.slazzer.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.slazzer.com\/blog\/#\/schema\/person\/dff22c74e716223bca3cfb9cc390e075","name":"admin","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.slazzer.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/5b37040e6200edb3c7f409e994076872?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/5b37040e6200edb3c7f409e994076872?s=96&d=mm&r=g","caption":"admin"},"sameAs":["http:\/\/slazzer.com\/blog"],"url":"https:\/\/www.slazzer.com\/blog\/author\/admin\/"}]}},"_links":{"self":[{"href":"https:\/\/www.slazzer.com\/blog\/wp-json\/wp\/v2\/posts\/3776"}],"collection":[{"href":"https:\/\/www.slazzer.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.slazzer.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.slazzer.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.slazzer.com\/blog\/wp-json\/wp\/v2\/comments?post=3776"}],"version-history":[{"count":11,"href":"https:\/\/www.slazzer.com\/blog\/wp-json\/wp\/v2\/posts\/3776\/revisions"}],"predecessor-version":[{"id":3944,"href":"https:\/\/www.slazzer.com\/blog\/wp-json\/wp\/v2\/posts\/3776\/revisions\/3944"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.slazzer.com\/blog\/wp-json\/wp\/v2\/media\/3794"}],"wp:attachment":[{"href":"https:\/\/www.slazzer.com\/blog\/wp-json\/wp\/v2\/media?parent=3776"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.slazzer.com\/blog\/wp-json\/wp\/v2\/categories?post=3776"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.slazzer.com\/blog\/wp-json\/wp\/v2\/tags?post=3776"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}