{"id":97,"date":"2022-07-20T11:26:11","date_gmt":"2022-07-20T11:26:11","guid":{"rendered":"https:\/\/techiemore.com\/?p=97"},"modified":"2023-06-25T13:44:59","modified_gmt":"2023-06-25T13:44:59","slug":"how-to-make-part-of-an-image-transparent","status":"publish","type":"post","link":"https:\/\/techiemore.com\/how-to-make-part-of-an-image-transparent\/","title":{"rendered":"How to Make Part of an Image Transparent: 2 Simple Ways"},"content":{"rendered":"\n<p>Have you ever needed to make part of an image transparent?&nbsp; Whatever the case, it\u2019s not as difficult as you think.&nbsp;<\/p>\n\n\n\n<p>This article will show you how to make part of an image transparent easily and quickly using two simple online tools. Ready to get started? Let\u2019s begin!&nbsp;&nbsp;<\/p>\n\n\n\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_31_1 counter-hierarchy counter-decimal ez-toc-grey\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\">Table of Contents<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" style=\"display: none;\"><label for=\"item\" aria-label=\"Table of Content\"><i class=\"ez-toc-glyphicon ez-toc-icon-toggle\"><\/i><\/label><input type=\"checkbox\" id=\"item\"><\/a><\/span><\/div>\n<nav><ul class=\"ez-toc-list ez-toc-list-level-1\"><li class=\"ez-toc-page-1 ez-toc-heading-level-2\"><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/techiemore.com\/how-to-make-part-of-an-image-transparent\/#Method_1_Make_Part_of_an_Image_Transparent_Using_Photopea\" title=\"Method #1: Make Part of an Image Transparent Using Photopea\">Method #1: Make Part of an Image Transparent Using Photopea<\/a><\/li><li class=\"ez-toc-page-1 ez-toc-heading-level-2\"><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/techiemore.com\/how-to-make-part-of-an-image-transparent\/#Method_2_Make_Part_of_an_Image_Transparent_Using_Fotor\" title=\"Method #2: Make Part of an Image Transparent Using Fotor\">Method #2: Make Part of an Image Transparent Using Fotor<\/a><\/li><li class=\"ez-toc-page-1 ez-toc-heading-level-2\"><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/techiemore.com\/how-to-make-part-of-an-image-transparent\/#Wrapping_Up\" title=\"Wrapping Up\">Wrapping Up<\/a><\/li><\/ul><\/nav><\/div>\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Method_1_Make_Part_of_an_Image_Transparent_Using_Photopea\"><\/span>Method #1: <span id=\"docs-internal-guid-74412af5-7fff-b00f-2bb3-020c21055ed8\"><span style=\"font-size: 26pt; font-family: Arial; color: rgb(0, 0, 0); background-color: transparent; font-variant-numeric: normal; font-variant-east-asian: normal; vertical-align: baseline;\">Make Part of an Image Transparent Using Photopea<\/span><\/span><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Photopea is a powerful online photo editor. It has a very similar interface to Photoshop, so if you have experience with Photoshop, you can easily get started with it. The following steps will show you how to make a certain selection of an image transparent in Photopea:\u00a0<\/p>\n\n\n<div class='code-block code-block-3' style='margin: 8px 0; clear: both;'>\n<script async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-7316063008951183\"\n     crossorigin=\"anonymous\"><\/script>\n<!-- Auto Display Ad -->\n<ins class=\"adsbygoogle\"\n     style=\"display:block\"\n     data-ad-client=\"ca-pub-7316063008951183\"\n     data-ad-slot=\"3649670004\"\n     data-ad-format=\"auto\"\n     data-full-width-responsive=\"true\"><\/ins>\n<script>\n     (adsbygoogle = window.adsbygoogle || []).push({});\n<\/script><\/div>\n\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-1 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:100%\">\n<ol>\n<li>Open <a href=\"https:\/\/www.photopea.com\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">Photopea.com<\/a>, and upload the image that you want to edit. <img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"460\" class=\"wp-image-121\" style=\"width: 800px;\" src=\"https:\/\/techiemore.com\/wp-content\/uploads\/2022\/07\/Upload-your-image-in-Photopea.png\" alt=\"Upload your image in Photopea\" srcset=\"https:\/\/techiemore.com\/wp-content\/uploads\/2022\/07\/Upload-your-image-in-Photopea.png 1612w, https:\/\/techiemore.com\/wp-content\/uploads\/2022\/07\/Upload-your-image-in-Photopea-300x172.png 300w, https:\/\/techiemore.com\/wp-content\/uploads\/2022\/07\/Upload-your-image-in-Photopea-1024x588.png 1024w, https:\/\/techiemore.com\/wp-content\/uploads\/2022\/07\/Upload-your-image-in-Photopea-768x441.png 768w, https:\/\/techiemore.com\/wp-content\/uploads\/2022\/07\/Upload-your-image-in-Photopea-1536x882.png 1536w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/li>\n\n\n\n<li>Click the <strong>Add Layer Mask <\/strong>icon to add a new layer. Drag the new layer below your image layer.<img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"564\" class=\"wp-image-116\" style=\"width: 800px;\" src=\"https:\/\/techiemore.com\/wp-content\/uploads\/2022\/07\/Add-a-new-layer-below-your-image-layer.png\" alt=\"Add a new layer below your image layer\" srcset=\"https:\/\/techiemore.com\/wp-content\/uploads\/2022\/07\/Add-a-new-layer-below-your-image-layer.png 1206w, https:\/\/techiemore.com\/wp-content\/uploads\/2022\/07\/Add-a-new-layer-below-your-image-layer-300x211.png 300w, https:\/\/techiemore.com\/wp-content\/uploads\/2022\/07\/Add-a-new-layer-below-your-image-layer-1024x722.png 1024w, https:\/\/techiemore.com\/wp-content\/uploads\/2022\/07\/Add-a-new-layer-below-your-image-layer-768x541.png 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/li>\n\n\n\n<li>Click the <strong>Eraser Brush<\/strong> tool, and paint over the area you wish to remove. It\u2019s just that simple.<img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"775\" class=\"wp-image-122\" style=\"width: 800px;\" src=\"https:\/\/techiemore.com\/wp-content\/uploads\/2022\/07\/Use-eraser-brush-tool-to-paint-over-the-area-you-wish-to-remove.png\" alt=\"Use eraser brush tool to paint over the area you wish to remove\" srcset=\"https:\/\/techiemore.com\/wp-content\/uploads\/2022\/07\/Use-eraser-brush-tool-to-paint-over-the-area-you-wish-to-remove.png 853w, https:\/\/techiemore.com\/wp-content\/uploads\/2022\/07\/Use-eraser-brush-tool-to-paint-over-the-area-you-wish-to-remove-300x291.png 300w, https:\/\/techiemore.com\/wp-content\/uploads\/2022\/07\/Use-eraser-brush-tool-to-paint-over-the-area-you-wish-to-remove-768x744.png 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/li>\n\n\n\n<li>Aside from the Eraser Brush tool, you can also use select tools. For example, you can use the <strong>Rectangular Select <\/strong>tool to select the part you don\u2019t want, and then press <strong>Delete <\/strong>to make the selection area transparent right away.<img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"795\" class=\"wp-image-124\" style=\"width: 800px;\" src=\"https:\/\/techiemore.com\/wp-content\/uploads\/2022\/07\/Use-the-Rectangular-Select-tool-to-make-part-of-image-transparent-in-Photopea.png\" alt=\"Use the Rectangular Select tool to make part of image transparent in Photopea\" srcset=\"https:\/\/techiemore.com\/wp-content\/uploads\/2022\/07\/Use-the-Rectangular-Select-tool-to-make-part-of-image-transparent-in-Photopea.png 838w, https:\/\/techiemore.com\/wp-content\/uploads\/2022\/07\/Use-the-Rectangular-Select-tool-to-make-part-of-image-transparent-in-Photopea-300x298.png 300w, https:\/\/techiemore.com\/wp-content\/uploads\/2022\/07\/Use-the-Rectangular-Select-tool-to-make-part-of-image-transparent-in-Photopea-150x150.png 150w, https:\/\/techiemore.com\/wp-content\/uploads\/2022\/07\/Use-the-Rectangular-Select-tool-to-make-part-of-image-transparent-in-Photopea-768x763.png 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/li>\n\n\n\n<li>When you\u2019re satisfied with your image, export your image file as a PNG which accepts transparency.<img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"548\" class=\"wp-image-118\" style=\"width: 800px;\" src=\"https:\/\/techiemore.com\/wp-content\/uploads\/2022\/07\/Export-your-image-file-as-a-PNG.png\" alt=\"Export your image file as a PNG\" srcset=\"https:\/\/techiemore.com\/wp-content\/uploads\/2022\/07\/Export-your-image-file-as-a-PNG.png 1043w, https:\/\/techiemore.com\/wp-content\/uploads\/2022\/07\/Export-your-image-file-as-a-PNG-300x206.png 300w, https:\/\/techiemore.com\/wp-content\/uploads\/2022\/07\/Export-your-image-file-as-a-PNG-1024x702.png 1024w, https:\/\/techiemore.com\/wp-content\/uploads\/2022\/07\/Export-your-image-file-as-a-PNG-768x526.png 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/li>\n<\/ol>\n<\/div>\n<\/div>\n\n\n<div class='code-block code-block-3' style='margin: 8px 0; clear: both;'>\n<script async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-7316063008951183\"\n     crossorigin=\"anonymous\"><\/script>\n<!-- Auto Display Ad -->\n<ins class=\"adsbygoogle\"\n     style=\"display:block\"\n     data-ad-client=\"ca-pub-7316063008951183\"\n     data-ad-slot=\"3649670004\"\n     data-ad-format=\"auto\"\n     data-full-width-responsive=\"true\"><\/ins>\n<script>\n     (adsbygoogle = window.adsbygoogle || []).push({});\n<\/script><\/div>\n\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Method_2_Make_Part_of_an_Image_Transparent_Using_Fotor\"><\/span>Method #2: <span id=\"docs-internal-guid-74412af5-7fff-b00f-2bb3-020c21055ed8\"><span style=\"font-size: 26pt; font-family: Arial; color: rgb(0, 0, 0); background-color: transparent; font-variant-numeric: normal; font-variant-east-asian: normal; vertical-align: baseline;\">Make Part of an Image Transparent Using Fotor<\/span><\/span><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Fotor is another free photo editor online. Compared to Photopea, its interface is more user-friendly. You can use Fotor\u2019s <strong>Image Cutou<\/strong>t tool to quickly and easily make a selection transparent on your image. Here&#8217;s how you can do it:<\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-2 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:100%\">\n<ol>\n<li>Open Fotor.com, then upload or drag and drop your image for partial transparency.<img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"503\" class=\"wp-image-120\" style=\"width: 800px;\" src=\"https:\/\/techiemore.com\/wp-content\/uploads\/2022\/07\/Upload-an-image-to-Fotor.png\" alt=\"Upload an image to Fotor\" srcset=\"https:\/\/techiemore.com\/wp-content\/uploads\/2022\/07\/Upload-an-image-to-Fotor.png 1465w, https:\/\/techiemore.com\/wp-content\/uploads\/2022\/07\/Upload-an-image-to-Fotor-300x189.png 300w, https:\/\/techiemore.com\/wp-content\/uploads\/2022\/07\/Upload-an-image-to-Fotor-1024x644.png 1024w, https:\/\/techiemore.com\/wp-content\/uploads\/2022\/07\/Upload-an-image-to-Fotor-768x483.png 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/li>\n\n\n\n<li>Click the <strong>Image Cutout <\/strong>tool, mark the area you want to make transparent using the <strong>Remove Brush<\/strong>, and mark the area you want to remain using the <strong>Keep Bush<\/strong>.<img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"503\" class=\"wp-image-123\" style=\"width: 800px;\" src=\"https:\/\/techiemore.com\/wp-content\/uploads\/2022\/07\/Use-image-cutout-tool-on-Fotor-to-make-part-of-an-image-transparent.png\" alt=\"Use image cutout tool on Fotor to make part of an image transparent\" srcset=\"https:\/\/techiemore.com\/wp-content\/uploads\/2022\/07\/Use-image-cutout-tool-on-Fotor-to-make-part-of-an-image-transparent.png 1462w, https:\/\/techiemore.com\/wp-content\/uploads\/2022\/07\/Use-image-cutout-tool-on-Fotor-to-make-part-of-an-image-transparent-300x189.png 300w, https:\/\/techiemore.com\/wp-content\/uploads\/2022\/07\/Use-image-cutout-tool-on-Fotor-to-make-part-of-an-image-transparent-1024x644.png 1024w, https:\/\/techiemore.com\/wp-content\/uploads\/2022\/07\/Use-image-cutout-tool-on-Fotor-to-make-part-of-an-image-transparent-768x483.png 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/li>\n\n\n\n<li>You can adjust the brush size, and zoom in or zoom out your image to get more accurate results. Once done, click the <strong>Apply <\/strong>button and Fotor will automatically start making the selected parts of the image transparent for you.<img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"529\" class=\"wp-image-119\" style=\"width: 800px;\" src=\"https:\/\/techiemore.com\/wp-content\/uploads\/2022\/07\/Fine-tune-the-image-and-save-the-changes.png\" alt=\"Fine-tune the image and save the changes\" srcset=\"https:\/\/techiemore.com\/wp-content\/uploads\/2022\/07\/Fine-tune-the-image-and-save-the-changes.png 1301w, https:\/\/techiemore.com\/wp-content\/uploads\/2022\/07\/Fine-tune-the-image-and-save-the-changes-300x198.png 300w, https:\/\/techiemore.com\/wp-content\/uploads\/2022\/07\/Fine-tune-the-image-and-save-the-changes-1024x677.png 1024w, https:\/\/techiemore.com\/wp-content\/uploads\/2022\/07\/Fine-tune-the-image-and-save-the-changes-768x508.png 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/li>\n\n\n\n<li>That\u2019s it. You have now successfully made part of an image transparent. Click the Download button to save your image to your computer. Ensure that your image is saved as a PNG with transparency.<img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"532\" class=\"wp-image-117\" style=\"width: 800px;\" src=\"https:\/\/techiemore.com\/wp-content\/uploads\/2022\/07\/Export-image-to-computer-in-PNG-format-in-Fotor.png\" alt=\"Export image to computer in PNG format in Fotor\" srcset=\"https:\/\/techiemore.com\/wp-content\/uploads\/2022\/07\/Export-image-to-computer-in-PNG-format-in-Fotor.png 1013w, https:\/\/techiemore.com\/wp-content\/uploads\/2022\/07\/Export-image-to-computer-in-PNG-format-in-Fotor-300x200.png 300w, https:\/\/techiemore.com\/wp-content\/uploads\/2022\/07\/Export-image-to-computer-in-PNG-format-in-Fotor-768x511.png 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/li>\n<\/ol>\n<\/div>\n<\/div>\n\n\n<div class='code-block code-block-3' style='margin: 8px 0; clear: both;'>\n<script async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-7316063008951183\"\n     crossorigin=\"anonymous\"><\/script>\n<!-- Auto Display Ad -->\n<ins class=\"adsbygoogle\"\n     style=\"display:block\"\n     data-ad-client=\"ca-pub-7316063008951183\"\n     data-ad-slot=\"3649670004\"\n     data-ad-format=\"auto\"\n     data-full-width-responsive=\"true\"><\/ins>\n<script>\n     (adsbygoogle = window.adsbygoogle || []).push({});\n<\/script><\/div>\n\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Wrapping_Up\"><\/span><span id=\"docs-internal-guid-74412af5-7fff-b00f-2bb3-020c21055ed8\"><span style=\"font-size: 26pt; font-family: Arial; color: rgb(0, 0, 0); background-color: transparent; font-variant-numeric: normal; font-variant-east-asian: normal; vertical-align: baseline;\">Wrapping Up<\/span><\/span><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Well, these are 2 simple online tools that you can use to make part of an image transparent quickly and effortlessly. Thanks for reading this article and I hope you find it useful. Also, please feel free to ask me any questions in the comment section below.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Have you ever needed to make part of an image transparent?&nbsp; Whatever the case, it\u2019s not as difficult as you think.&nbsp; This article will show you how to make part of an image transparent easily and quickly using two simple online tools. Ready to get started? Let\u2019s begin!&nbsp;&nbsp; Method #1: Make Part of an Image &hellip;<\/p>\n<p class=\"read-more\"> <a class=\"\" href=\"https:\/\/techiemore.com\/how-to-make-part-of-an-image-transparent\/\"> <span class=\"screen-reader-text\">How to Make Part of an Image Transparent: 2 Simple Ways<\/span> Read More &raquo;<\/a><\/p>\n","protected":false},"author":1,"featured_media":350,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"site-sidebar-layout":"","site-content-layout":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","footnotes":""},"categories":[1],"tags":[],"_links":{"self":[{"href":"https:\/\/techiemore.com\/wp-json\/wp\/v2\/posts\/97"}],"collection":[{"href":"https:\/\/techiemore.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/techiemore.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/techiemore.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/techiemore.com\/wp-json\/wp\/v2\/comments?post=97"}],"version-history":[{"count":30,"href":"https:\/\/techiemore.com\/wp-json\/wp\/v2\/posts\/97\/revisions"}],"predecessor-version":[{"id":813,"href":"https:\/\/techiemore.com\/wp-json\/wp\/v2\/posts\/97\/revisions\/813"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/techiemore.com\/wp-json\/wp\/v2\/media\/350"}],"wp:attachment":[{"href":"https:\/\/techiemore.com\/wp-json\/wp\/v2\/media?parent=97"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/techiemore.com\/wp-json\/wp\/v2\/categories?post=97"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/techiemore.com\/wp-json\/wp\/v2\/tags?post=97"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}