{"id":46823,"date":"2015-04-14T03:59:01","date_gmt":"2015-04-14T07:59:01","guid":{"rendered":"http:\/\/www.templatemonster.com\/help\/?p=46823"},"modified":"2020-05-04T13:13:30","modified_gmt":"2020-05-04T17:13:30","slug":"photoshop-how-to-make-image-transparent","status":"publish","type":"post","link":"https:\/\/www.templatemonster.com\/help\/photoshop-how-to-make-image-transparent.html","title":{"rendered":"Photoshop. How to Make Image Transparent"},"content":{"rendered":"<p>This tutorial shows how to make the image background transparent in Photoshop.<\/p>\r\n\r\n<h2> Photoshop. How to make image transparent <\/h2>\r\n<p><iframe loading=\"lazy\" width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/zdpSgE-YmnM\" frameborder=\"0\" allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe><\/p>\r\n<br \/>\r\n\r\n<p>Your Ultimate Web Development Kit:<\/p>\r\n<p> <a href=\"https:\/\/one.templatemonster.com\/?discount=BecomeThe1\"><img loading=\"lazy\" src=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/04\/ONE-new-1.jpg\" alt=\"\" width=\"952\" height=\"90\" class=\"alignnone size-full wp-image-85378\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/04\/ONE-new-1.jpg 952w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/04\/ONE-new-1-150x14.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/04\/ONE-new-1-300x28.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/04\/ONE-new-1-768x73.jpg 768w\" sizes=\"(max-width: 952px) 100vw, 952px\" \/><\/a><\/p>\r\n<br \/>\r\n<p>In order to make the image\/logo image background transparent in Photoshop, you should perform the following:<\/p>\r\n\r\n<ol>\r\n<li><p>Right click the image layer in Photoshop. Select <strong>&#8216;Layer From Background&#8217;<\/strong>.\r\n  <\/p><\/li>\r\n<li>\r\n  <p>Select the <strong>Magic Wand Tool<\/strong> from the <strong>left panel<\/strong> in Photoshop:<\/p>\r\n\r\n<a href=\"\/help\/wp-content\/uploads\/2015\/04\/How-to-make-image-background-transparent-in-Photoshop_01.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2015\/04\/How-to-make-image-background-transparent-in-Photoshop_01-300x173.jpg\" alt=\"How-to-make-image-background-transparent-in-Photoshop_01\" width=\"300\" height=\"173\" class=\"aligncenter size-medium wp-image-46824\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/04\/How-to-make-image-background-transparent-in-Photoshop_01-300x173.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/04\/How-to-make-image-background-transparent-in-Photoshop_01-150x86.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/04\/How-to-make-image-background-transparent-in-Photoshop_01-1024x592.jpg 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/04\/How-to-make-image-background-transparent-in-Photoshop_01.jpg 1280w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n<\/li>\r\n\r\n  <li>\r\n    <p><strong>Select the image area<\/strong> you want to be transparent using the Magic Wand Tool:<\/p>\r\n\r\n<a href=\"\/help\/wp-content\/uploads\/2015\/04\/How-to-make-image-background-transparent-in-Photoshop_02.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2015\/04\/How-to-make-image-background-transparent-in-Photoshop_02-300x178.jpg\" alt=\"How-to-make-image-background-transparent-in-Photoshop_02\" width=\"300\" height=\"178\" class=\"aligncenter size-medium wp-image-46825\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/04\/How-to-make-image-background-transparent-in-Photoshop_02-300x178.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/04\/How-to-make-image-background-transparent-in-Photoshop_02-150x89.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/04\/How-to-make-image-background-transparent-in-Photoshop_02-1024x607.jpg 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/04\/How-to-make-image-background-transparent-in-Photoshop_02.jpg 1289w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n<\/li>\r\n  <li>\r\n    <p>Once selected, click <strong>&#8216;Delete&#8217;<\/strong> on your keyboard. With that done you should see the transparent background around the image. <\/p>\r\n  <\/li>\r\n  <li>\r\n  <p> If some background areas remained non-transparent, please follow the steps above for each of those areas:<\/p>\r\n\r\n<a href=\"\/help\/wp-content\/uploads\/2015\/04\/How-to-make-image-background-transparent-in-Photoshop_03.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2015\/04\/How-to-make-image-background-transparent-in-Photoshop_03-300x178.jpg\" alt=\"How-to-make-image-background-transparent-in-Photoshop_03\" width=\"300\" height=\"178\" class=\"aligncenter size-medium wp-image-46826\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/04\/How-to-make-image-background-transparent-in-Photoshop_03-300x178.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/04\/How-to-make-image-background-transparent-in-Photoshop_03-150x89.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/04\/How-to-make-image-background-transparent-in-Photoshop_03-1024x607.jpg 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/04\/How-to-make-image-background-transparent-in-Photoshop_03.jpg 1289w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n  <li>\r\n  <p> To Save the image, click <strong>&#8216;File-Save for Web and Devices&#8217;<\/strong> in Photoshop, then select the image and click <strong>&#8216;Save&#8217;<\/strong>:<\/p>\r\n\r\n<a href=\"\/help\/wp-content\/uploads\/2015\/04\/How-to-make-image-background-transparent-in-Photoshop_4.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2015\/04\/How-to-make-image-background-transparent-in-Photoshop_4-300x174.jpg\" alt=\"How-to-make-image-background-transparent-in-Photoshop_4\" width=\"300\" height=\"174\" class=\"aligncenter size-medium wp-image-46827\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/04\/How-to-make-image-background-transparent-in-Photoshop_4-300x174.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/04\/How-to-make-image-background-transparent-in-Photoshop_4-150x87.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/04\/How-to-make-image-background-transparent-in-Photoshop_4-1024x595.jpg 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/04\/How-to-make-image-background-transparent-in-Photoshop_4.jpg 1290w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n\r\n<a href=\"\/help\/wp-content\/uploads\/2015\/04\/How-to-make-image-background-transparent-in-Photoshop_05.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2015\/04\/How-to-make-image-background-transparent-in-Photoshop_05-300x219.jpg\" alt=\"How-to-make-image-background-transparent-in-Photoshop_05\" width=\"300\" height=\"219\" class=\"aligncenter size-medium wp-image-46828\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/04\/How-to-make-image-background-transparent-in-Photoshop_05-300x219.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/04\/How-to-make-image-background-transparent-in-Photoshop_05-150x109.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/04\/How-to-make-image-background-transparent-in-Photoshop_05.jpg 979w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n<\/li>\r\n<\/ol>\r\n\r\n<p>Feel free to check the detailed video tutorial below:<\/p>\r\n\r\n<a href=\"http:\/\/www.youtube.com\/watch?v=zdpSgE-YmnM?width=1280&amp;height=720\" rel=\"prettyPhoto\">Photoshop. How to make image transparent<\/a>\r\n<p>If you want to jazz up the design of your admin panel, review our <a href=\"https:\/\/www.templatemonster.com\/admin-templates.php\" title=\"Bootstrap Admin Themes\" target=\"_blank\">Bootstrap Admin Themes<\/a>.<\/p>\r\n\r\n<hr \/>\r\n\r\n<p>Some users have simple needs that don\u2019t justify installing professional software and paying a subscription. For tasks like making your photos transparent, this <a href=\"https:\/\/fixthephoto.com\/online-photoshop-editor.html\" target=\"_blank\" rel=\"noopener noreferrer\">Free Online Photoshop Editor<\/a> is just perfect. You can make images transparent to combine them with others in a natural way or add some items with a fully transparent background for branding purposes and thus improve your content.<\/p> \r\n<img loading=\"lazy\" src=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/04\/make-image-transparent1.jpg\" alt=\"Make image transparent 1.\" width=\"960\" height=\"723\" class=\"alignnone size-full wp-image-86567\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/04\/make-image-transparent1.jpg 960w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/04\/make-image-transparent1-150x113.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/04\/make-image-transparent1-300x226.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/04\/make-image-transparent1-768x578.jpg 768w\" sizes=\"(max-width: 960px) 100vw, 960px\" \/>\r\n<p>In Photoshop, you can create new images with a transparent background and either tweak the opacity meter or set the desired values in the background options as you\u2019re configuring the new canvas. Alternatively, you can make the background transparent with one of the several available tools, like an Eraser or the Selection instrument.<\/p>\r\n\r\n<p>Such a trick is great when you need to set your image on some sort of a textured background. That can be realized through layering images in Photoshop, setting them to blend with your website\u2019s design, or simply by printing them out on special paper. You just need some practice to master the task.<\/p>\r\n\r\n<h3>The quick way to remove a background in Photoshop<\/h3>\r\n<p>Each next version of this program makes things easier and easier for digital artists. With Photoshop 2020, on condition that your version is at least 21.0.0, you can literally let the Select Subject tool do everything for you. It deals masterfully with some simple shapes and a more complex outline won\u2019t be hard to define manually.<\/p>\r\n\r\n<p>The first step is to copy the background layer. Select the whole image using the Control\/command + A, depending on your OS, then copy it and paste back in. Now, you can click the eye icon in the line of the old layer in the panel to make it invisible and carry on performing the changes in the newly created copy.<\/p>\r\n\r\n<img loading=\"lazy\" src=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/04\/make-image-transparent2.jpg\" alt=\"Make image transparent 2.\" width=\"960\" height=\"618\" class=\"alignnone size-full wp-image-86568\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/04\/make-image-transparent2.jpg 960w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/04\/make-image-transparent2-150x97.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/04\/make-image-transparent2-300x193.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/04\/make-image-transparent2-768x494.jpg 768w\" sizes=\"(max-width: 960px) 100vw, 960px\" \/>\r\n\r\n<p>There is the Properties panel on the right. Find Quick Actions among its sections. There, you will find the automatic Remove Background feature. It will take some time for the internal processes to find the subject and erase all that\u2019s not connected to it.<\/p>\r\n \r\n<img loading=\"lazy\" src=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/04\/make-image-transparent3.jpg\" alt=\"Make image transparent 3.\" width=\"960\" height=\"618\" class=\"alignnone size-full wp-image-86569\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/04\/make-image-transparent3.jpg 960w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/04\/make-image-transparent3-150x97.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/04\/make-image-transparent3-300x193.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/04\/make-image-transparent3-768x494.jpg 768w\" sizes=\"(max-width: 960px) 100vw, 960px\" \/>\r\n\r\n<p>The result should give you a cut-out of that subject on a transparent background that is indicated by the universal grey and white checkered pattern. You might not see it if you forgot to deactivate the background layer previously.<\/p>\r\n \r\n<img loading=\"lazy\" src=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/04\/make-image-transparent4.jpg\" alt=\"Make image transparent 4.\" width=\"960\" height=\"618\" class=\"alignnone size-full wp-image-86570\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/04\/make-image-transparent4.jpg 960w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/04\/make-image-transparent4-150x97.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/04\/make-image-transparent4-300x193.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/04\/make-image-transparent4-768x494.jpg 768w\" sizes=\"(max-width: 960px) 100vw, 960px\" \/>\r\n\r\n<p>The results will be outstanding for a clearly-defined item but it may not work well for complicated cases. You can always refine the edges through the mask, an additional monochrome layer that has been generated automatically. Select it and use the paintbrush to add areas with white paint or remove them with black.<\/p>\r\n \r\n<img loading=\"lazy\" src=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/04\/make-image-transparent5.jpg\" alt=\"Make image transparent 5.\" width=\"960\" height=\"618\" class=\"alignnone size-full wp-image-86571\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/04\/make-image-transparent5.jpg 960w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/04\/make-image-transparent5-150x97.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/04\/make-image-transparent5-300x193.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/04\/make-image-transparent5-768x494.jpg 768w\" sizes=\"(max-width: 960px) 100vw, 960px\" \/>\r\n\r\n<p>Achieving the perfect result, remove the background layer or export it as a ready-to-use PNG with transparent areas, or save the whole project as a PSD to reopen it later for further processing.<\/p>","protected":false},"excerpt":{"rendered":"<p>This tutorial shows how to make the image background transparent in Photoshop.<\/p>\n","protected":false},"author":62,"featured_media":46832,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[250],"tags":[1008,537,564,1572],"_links":{"self":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/46823"}],"collection":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/users\/62"}],"replies":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/comments?post=46823"}],"version-history":[{"count":9,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/46823\/revisions"}],"predecessor-version":[{"id":86581,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/46823\/revisions\/86581"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media\/46832"}],"wp:attachment":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media?parent=46823"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/categories?post=46823"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/tags?post=46823"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}