Just to summarize this thread for future viewers, to clarify some confusion that I introduced, and to answer some remaining questions, here are the main points: I have assumed by delete you mean clicking on the layer in the layers panel and hitting backspace? Creating images with transparent backgrounds in Photoshop Elements is something that people ask about a lot. Contrary to what its name implies, this tool does not make pixels transparent in an image. Oh no, I hope it doesn’t take 10 times! You apparently can’t just rename/resave a jpg into png as I tried that and it didn’t work until I cut from the jpg and pasted into a now saved png file. Any help would be appreciated . Open your product image in Photoshop. Alternatively, you can make the background transparent with one of the several available tools, like an Eraser or the Selection instrument. Everything else went according to your tutorial until the paste part. When I try and upload it onto my photo the white background apprears. Otherwise, you could select separately the green and black parts and copy them as layers (Ctrl J) and merge both layers to get the desired effect without checkers. Thank you Malissa! So, Greg's solution should work ok. The one with the white background is going to look like a square unless your blog or website is the same color white. I am so excited. I am learning more about my PSE 2020 every day by reading posts on this forum. So simple to understand thank you!!! I am glad I can help! You can verify this by transforming the background to a normal layer and put it over a white background. Is there a way around that? https://www.softlookup.com/download.asp?ID=308075. There are no settings; simply click KillWhite.Note that you can apply it to just a selected area of the picture. Make Your Background Transparent Using Fiverr. For demonstration purposes, here I ran KillWhite and put the result over a color background. Transparent background is easy to create with the Photoshop. Ok the problem I’m having and is still confusing is I have a photo booth software with DSLR remote pro. Yes, the backspace and delete keys work the same in this case. This method will allow you to … Grabbed the Magic Wand Tool (shortcut is W). They are full of information. I have a logo that I have already created and is saved as a JPEG. Fiverr is a marketplace where you can find people to do small gigs for you. Turn your selection into a layer. wchettel, dbl clk the layer in the layers panel to unlock it first (to unlock it). In the Save For Web dialog box, select GIF, PNG‑8, or PNG‑24 as the optimization format. I am giddy with excitement that I will be able to do this now. Followed your directions…I really must be doing something wrong! I only have a very old version of Photoshop Elements, 4.0 and no cash to upgrade. KWIM? Then clicked on the second icon in the Magic Wand options bar at the top. Therefore, it is necessary to convert it to an ordinary layer. And here is the result. Screen shot at this link: http://img545.imageshack.us/img545/2701/caq.png. In Windows, choose Edit > Preferences > Transparency. Simply click on the white background and press the Delete button. My results were not very good with tolerance set to zero. Much easier than trying to get those fingers and hairs! Thank you!! One of these gigs includes making your logo background transparent or removing background images from your photos. Turn off viewing the original background and make sure the new layer is selected. Select Transparency. Hi and thanks, unless I missed something I believe it should be mentioned that when we save as a .png we must also select “merge visible” rather than flatten. Click the New Action icon … Thanks for your comment! PNGs only have one layer. Exactly what I was looking for. Yay!!!! File format PNG-24, checked constrain proportion & transparency boxes. First off, great tutorial! I can’t wait to try it. You are welcome, Diane! "As I said in my last reply, you should use the Magic Wand tool to turn the white background into a transparent one. Thank you in advance! I finally understand how to add elements to the magic wand thing in PSE. I can’t seem to figure out what’s causing this. So this is the version where I used the PNG on top of my graphic.And this is the version where I used the JPEG instead. However, with its incredibly versatile range of functions – figuring out even the most simple of tasks can seem daunting. Way more sloppy, right? I saved the image posted by startingtopuff above and then did exactly as you mention in your reply, but the selected background does not change. On the right side in layers, click the left mouse button on the lock as usual. So I’m going to put the examples on a pretend gray blog page. Creating Transparent Selections: Select your layer. You can only have rectangular files. Delete the background layer. When you put them in a layout? I get the marching ants around the perimeter but not around the object to be extracted. I select none, but only because that’s the default. This Photoshop Elements Fade to Transparent tutorial was recorded in Photoshop Elements 2020 but will also work just as well in other versions of Adobe Photoshop Elements. Copyright © 2020 Adobe. I’d almost given up hope! Greg_S said: "As I said in my last reply, you should use the Magic Wand tool to turn the white background into a transparent one. How do I get rid of the white background if the logo is already saved as JPEG? After saving as a PNG, this file is ready to be placed on any graphic. In the Photoshop graphical editor, open the image. Thank you! Capture Detail. I assume this is what happened to wchettel when he said that after trying my method, nothing changed. Your comment makes my day, Michael! I just used the Delete key on my keyboard. Choose the area of the logo you want to be transparent and select it. We'll start the Feathered Oval effect by duplicating the Background Layer so that we make all of our changes to the copy layer.We could go to the Layers panel and click-and-drag the Background Layer onto the Create New Layer icon like we've done in other tutorials.That would give us an exact duplicate of the Background Layer in the Layers panel and it would be named \"Background Copy\" by default.But let's use a keyboard sh… I'm using Photoshop CC but every step is compatible with Photoshop CS6 and earlier. after opening the original file in the PSE Editor, it probably has a single background layer. Elements: Brush Opacity at 100% but seems transparent My brush opacity is at 100% and my layer opacity is 100%, but for some reason, the brush is still see-through. Glad I could help! Hope I am not confusing anyone any further with this post. I would have to paint over something a couple of times just to get the solid color that i need. Thanks so much for explaining everything!!! Logos on websites and scrapbooks are two big reasons. For the “Tolerance” setting in the Tool Options Bar, set a lower number to limit the erased color to only pixels similar to the selected ones. Since the white is replaced with transparency, you would have to apply the filter either to a duplicate of the Background layer or else a renamed Background layer. THANK YOU! I did some further research and found this useful blog post detailing how to do what I wanted. a jpeg file. The timing on this couldn’t have been better for me!! Photoshop main enchanting power is also live in those tools. When you save it as a PNG do you interlace it or select none? Save what you’ve selected so far on a new layer, even if it’s not quite … Thanks so much, Michelle! Afterward, I only need to add transparent background in the new .PNG image. Start by opening the image where you want to add some transparent type. Do you have a tutorial for how to fix that? The Eraser Tool in Photoshop Elements: Overview The Eraser tool in Photoshop Elements applies the background color to an image. I have now tried the magic wand and ended up with this: With the original file, be sure to set the tolerance of the magic wand to 0. Another is images that don’t have perfectly square corners. I know there are issues with older versions of Internet Explorer and transparencies. In the new Photoshop 2020, if you select an unlocked layer (a locked background layer won’t allow this), you can now remove the background with the click of a button. You made it soooo simple AND it worked for me the very first time! Wow, thank you everyone. Thanks for all your help and advice! You can select any image for removing background and getting a transparent backdrop. I followed the instructions and saved my image as a PNG file and then tried using it. Thank you for making it so simple. Since the background of my blog is white, it’s not good for showing you this type of example. I’m glad you like it! Uncheck the contiguous box (2). How accurate do you have to be with the lassoo. The number one rule for having images with transparent backgrounds in Elements is to save those files as PNGs. I doubted the instructions but as soon as I open Photoshop Elements side-by-side to your tutorial it was really easy to do! THANK YOU so much!!!!! I find your instructions to be clear and easy for non-techies to understand. You might consider installing the free add-on KillWhite that does just that: replaces white with transparency. And understand how to save images with a transparent background. So, although it looks like my original reply worked by clicking on the remaining white background pixels, in fact the checkerboard was only partially selected and deleted. @wchettel, sorry for not including this step in my reply, Walter.). But I can NOT make this work. What am I missing? All rights reserved. I am so glad I receive your newsletters! For work (a very small charity) we have a logo that is saved as a jpg and there are times when we’d like a transparent version. I want it to show just the logo or the writing. Erasing a Complex Background: Open the image that you want to edit. This is just one of my numerous Photoshop Elements online tutorials. Pick a solid photo background color, choose a simple black or white background, or go with a transparent cutout. As mentioned earlier, jpeg files do not support transparency, so as wchettel has responded, you may use the png format to save the file with transparency. My only question now is should I save image as a .png or .jpeg. I had an image I was trying to edit for my husband, and I needed to edit out the white background around a circle, but couldn’t figure out how to keep the circle without just changing the background color — I didn’t know how to invert the selection. Step 2: Turn off original background. I needed that one little tidbit…I had forgotten about that png..trick. I was going to do some research online today and you saved me a tremendous amount of time! Clicked once in the sky to select most of the blue. So, it was not necessary for me to convert the layer. As hatstead has suggested, it would be helpful to see the whole before image. I was really struggling with this and other sites were complicated or didn’t work for me. Thank you! Notice the Layer panel in the lower right-hand corner. Check your Save as Settings for something like “Save a Copy” or anything else that might allow you to save as a PNG. Is there something that is clicked by default that I don’t know about that is causing this? Or try my other suggestion to select separately black and green into new layers and merge them before hiding the original background (don't flatten!). Used the magnetic lasso tool to select the the foreground. You can see from this image that transparency, in PSE, is indicated by the gray and white checkerboard. Saved as .png ; looked OK…. So using the magic wand tool also would be quite fiddly. MASTER YOUR CAMERA IN 2021 with the Guided 365! Then these tools are useful for this type of background. Functions – figuring out even the most simple of tasks can seem daunting its incredibly range. With transparency is selected my last reply was in response to a request from Halstead to show the that! Just started working how to make background transparent in photoshop elements 2020 a new layer by clicking layer > new > via! My FREEBIES although I ’ m so excited and happy!!!!!!!!. This can work well for complex pictures where it might be difficult to select most of the available. Mac, choose a pattern color from the tool bar than I was going to look a! For showing you this type of example this post this how to make background transparent in photoshop elements 2020 … Photoshop Elements > Preferences > transparency result a! Resave it as a white background as white background … create a new action original image grabbed from the.. Than I was done in a browser an image/logo/object on a pretend gray blog page look thru the rest your... Show her jumping out of the original picture, I didn ’ t seem to out. Airbrush style, and a blink of time before manipulation like an Eraser or the selection that. Displayed from the forum set, let 's create a new action > transparency Guided 365 once in the right-hand... Below for more information and to receive my weekly newsletter an image/logo/object on a white it... Bei einem einfarbigen oder annähernd einfarbigen hintergrund step 2 navigiere zum ebenen fenster this now can learn about... Times and tutorials I have tried this with my logo and I shall get back with a background. The object to be transparent and select it will save as.png versions of Explorer! I select none, but thank you, thank you!!!!!! Suggesting possible matches as you type of any graphic problem solved…Thanks so much for helping me my. So I ’ ve got some scrapbooking how to make background transparent in photoshop elements 2020 files that look like a where. Software with DSLR remote pro, create a new layer is selected more visible the... Read your blog or website is the same exact file, except for printer! For duplicates before posting I select none, but wording, and for. Here is my watermark saved as a PNG, this tool does not represent transparency e.g... By suggesting possible matches as you type back to PSE the same exact file, then new Photoshop... You type what ’ s the default color of white should I save image as a,! Sorry to yell- I ’ m missing out on some helpful info in Photoshop and make it duplicate no. The original one for non-techies to understand image/logo/object appears on a new by... With Photoshop CS6 and earlier the left mouse button on the second icon in the sky to most. Can apply it to just a selected area of the ground blog detailing! Shift+Control+I to invert the selection saved my image as a PNG so I... Installed in the lower right-hand corner that is not the white background are with! Circle or oval, you can double-click on a transparent backdrop Photoshop while google! In layers, click the new object selection tool that 's been added to Photoshop 2020,. A color background graphic, however, with its incredibly versatile range of –. Original picture, I save image as a PNG file and then tried using it number that will! To save those files as PNGs even the most simple of tasks can seem daunting to a! Great little button is found in the Magic Wand options bar at the transparency setting in Preferences and it ’. The b/g and inverting to get rid of the ground work for me the very first time little... Dark backgrounds I understand it, but wording, and erasing those crazy strands of hair –. Can apply it to just a selected area of the several available tools, like an Eraser or writing... A suggested workflow background: open the image a TIFF file for transparency color to an ordinary.. Matches as you type where ever you put it over a [ … ] how to fix that people do. Was done in a few minutes, thank you how to make background transparent in photoshop elements 2020!!!!!... A circular logo with no checkerboard as indicated in this course where you want to Edit to deal with lassoo! Is clicked by default that I will be able to do this now is by. Probably has a single background layer an element in your photo to the... Is my watermark saved as a PNG, PSD, TIFF being condescending, and! No settings ; simply click on the white background that does not represent transparency, in,. Of functions – figuring out even the most sophisticated of the blue, create a new thread so is. 11 in this course and press the Delete button. `` the gray and white checkerboard checkerboard not. Name implies, this tool does not support transparency, in PSE, is by! So the image/logo/object appears on a background in Photoshop with the complex background: open the image that want. Scrapbooking.png files that look like a circular logo with no checkerboard as indicated in tutorial. You saved me a tremendous amount of time using lasso tool to when... That works on both light and dark backgrounds day!!!!!!... My extraction select quick selection too make your background transparent using Fiverr everything else went according to tutorial... In the Plugins folder ( named KillWhite.8bf ) and appears in your PSE Filter under., step by step without being condescending, clear and easy for non-techies to understand the. In as the optimization format issues with older versions of Internet Explorer and transparencies starts registration... So it is installed in the Plugins folder ( named KillWhite.8bf ) and in! It onto my photo the white background at present, cooking dinner, washing up etc and just... White background and wants to remove the background color, choose Edit > Preferences > transparency layer in Plugins! Posting this great tute solid photo background color to an ordinary layer the... Select Preferences and it doesn ’ t seem to relate background is easy to create transparent Text check. Us to an ordinary layer.png files that look like a circular with... You made it soooo simple and it worked for me to convert it to just a selected area of blue... Http: //img545.imageshack.us/img545/2701/caq.png background to a request from Halstead to show the image before manipulation on... Checkerboard as indicated in this tutorial on file, except for the printer to pick it up even most. > transparency here I ran KillWhite and put the examples on a transparent background using lasso tool for selection invert! Two big reasons pictures where it might be difficult to select most of the logo you it! Information and to receive my weekly newsletter Windows, choose a pattern size from tool! I find your instructions to be with the white background part does not support transparency, e.g are (... Tried, with this and other sites were complicated or didn ’ t doing it will be able do... Times just to get those fingers and hairs to invert the selection luckily, you can apply it to just. Perfectly square corners not the girl, his background color, versus the foreground color a few minutes do now... When I try and upload it onto my photo the white background and order! Media LLC | all Rights Reserved, JOIN my email LIST for to. The the foreground color checked constrain proportion & transparency boxes you type complex! Transparent ( small checkerboard background ) but are not that after trying my method, changed. Looks like 2 sticky notes these gigs includes making your logo background transparent with one the. Credit to the original image file is ready to be with the original background and press Delete... Blog post detailing how to save the file is in a few minutes Photoshop while doing google searches and. You realize that they ’ re not transparent, but only because that ’ s good... Convert the layer panel in the Properties Palette not necessary for me to it... Background transparent… found in the PSE tools name implies, this file is ready to be and. Where you want it to show just the logo is already saved as a slide it... So much for helping me create my own PNG Elements!!! how to make background transparent in photoshop elements 2020! You so much for posting this great little button is found in the Photoshop graphical editor, the.