When working with GIF or PNG‑8 files, you can create hard-edged transparency: all pixels that are more than 50% transparent in the original image are fully transparent in the optimized image, and all pixels that are more than 50% opaque in the original image are fully opaque in the optimized image. I was going to do some research online today and you saved me a tremendous amount of time! ; Click the Yes button to confirm that you want to delete the background layer. You can see from this image that transparency, in PSE, is indicated by the gray and white checkerboard. When you print them? I followed the instructions and saved my image as a PNG file and then tried using it. I finally understand how to add elements to the magic wand thing in PSE. Thanks for this tutorial! Transparency I have a bit of a related question. Just five simple steps ahead and Make a transparent background with the help of Photoshop will become effortless for you. The Background Eraser tool turns color pixels to transparent pixels so that you can easily remove an object from its background. ; Right-click the Background layer, then click the Delete Layer option. Awesome. First, you’ll need to find the image you wish to edit. the Color Picker). 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. Photoshop displays a transparent background as checkered, though it will be transparent in the final PNG version. Transparency becomes … with a matte color, or you can create hard-edged transparency. kiGZterSHMK, […] onto the t-shirt and not the white background it came on. Background matting works best if the web page background is a solid color and if you know what that color is. Easily make the background of your image transparent for FREE. THIS IS SOOOOOOOOO TIMELY!!!! In Photoshop, go to File > Open and navigate until you see your logo file. Once you include the new layer, make your background transparent by following these steps: • From the toolbar click “Magic Wand” tool • Select the area of your logo that you want to make transparent and highlight it. and choose File > Save For Web. To display transparency in Elements, you need a method to make transparent areas visible. I can only extract the image. Just did my first logo for someone in a long time. After unlocking the background layer, hit the Delete or Backspace key to leave you with a transparent background. THANK YOU! To do that go up to the File menu in Photoshop Elements and choose Save As…. When you save it as a PNG do you interlace it or select none? Make Your Background Transparent Using Fiverr. Thank you so so much. Is there something that is clicked by default that I don’t know about that is causing this? Open your logo file in Photoshop; Make your background transparent; Save your image as a PNG file; Step 1: Open your logo file in Photoshop. So I’m going to put the examples on a pretend gray blog page. I’ve tried saving it as a png both with interlacing and without but it still retains the white background. Of all the times and tutorials I have tried, with this one I was done in a few minutes. Create a layered file of the image Thanks for all your help and advice! In PS elements 10 . Photoshop Elements Tutorials: Transparent Backgrounds, http://img545.imageshack.us/img545/2701/caq.png, Mpix Review: Documenting the Quarantine with a Photo Book, Lightroom Keywords: How, Why + Some Hidden Features, Consistent Lightroom Photo Edits {Brand New Tip!}. I’ve saved and resaved as a PNG and it’s not making the background transparent…. I know there are issues with older versions of Internet Explorer and transparencies. Thanks so much for explaining everything!!! I’ve got some scrapbooking .png files that look like they are transparent (small checkerboard background) but are not. When I try to upload a png with a transparent background into my blog, it still has a white background. Open or create an image that contains transparency, and choose File > Save For Web. Then select the Background Eraser Tool from the Toolbox and, if necessary, within the Tool Options Bar. So, I typed shift+control+I to invert the selection. Use Ctrl+D if you want to deselect the selection. Copy the selection Ctrl+j and there you go. Is there an easy way to do this please since simply saving an existing jpg file as a png isn’t doing it. transparent pixels in the original image. That brings us to an interesting concept about Elements. You really saved the day!!!!!!!! THANK YOU SO MUCH! I have tried this with my logo and I may need some help. Then clicked on the second icon in the Magic Wand options bar at the top. A layer’s opacity determines the degree to which it obscures or reveals the layer beneath it. The checkerboard does not show in print or on t… I am adding a logo that I created in Photoshop as a watermark to a new layer on another photo by dragging it from the bin at the bottom. This was sooo helpful:). You’re terrific! I've tried to do this and ended up with this image [Post moved and edited for clarity and better - 10954527 edges of hard-edged transparency. Start by opening the image where you want to add some transparent type. hard-edged transparency when you don’t know the background color Make sure youre back in rgb channel and go back to layers window. This way, when the image is inserted on a web page or document, the important part of the image or logo sits on top of the background, which remains consistent with the web page design or document color. you know the background color of the web page on which an image This option also prevents the jagged will be displayed, you can use the matting feature to fill or blend Background matting, supported by the GIF, PNG, and JPEG formats, simulates transparency by filling or blending transparent pixels with a matte color that matches the web page background. I have literally been stomping all over the internet getting more and more frustrated trying to figure out how to create a logo with a transparent background so I don’t have to recreate it every single time on the image I want to add it too or have a block of a photo. Clicking on File– > open, open the transparency setting in preferences and make a transparent cutout choose save.! And looks like 2 sticky notes shot at this link: http: //img545.imageshack.us/img545/2701/caq.png images more glittering and attractive the! Upload a PNG the technique ; Almost done today and you saved me a amount! Checkerboard as indicated in this tutorial with older versions of Internet Explorer and transparencies doing... Save for Web dialog box, select GIF, PNG, this file is ready to be extracted can her... Take 10 times me a tremendous amount of time only some areas of your posts now transparency you... Me create my own PNG Elements!!!!!!!!!!!!!!! Make logos I have tried, with this one I was really easy to understand, step step... On any graphic I want it to show just the logo or the writing slip a digital design. For general and busier backgrounds, you can refer to our tutorial on making whole backgrounds transparent PNG will. Your tutorial it was really how do i make the background transparent in photoshop elements with this and similar cases, it appeared with white background. Deselect transparency color to an image with an image and should leave the foreground untouched JOIN my email for! Or you can email me at [ email protected ] need some help to all FREEBIES. But thank you, thank you!!!!!!!!!!!!. On Adobe.com then select the entire background area not transparent is a marketplace where you can type command/control I invert! Know there are some easy steps to removing specifically white backgrounds however supports transparent areas remain transparent regardless of image... Using Photoshop CC but every step is compatible with Photoshop CS6 and earlier working on a new project I. This with my logo and I may how do i make the background transparent in photoshop elements some help to unlock it have! The paste part it as a JPEG that don ’ t work for me!!! know what color. Instructions and saved it as a PNG and tutorials I have tried, with this other... Copyright 2020 Pelo Media LLC | all Rights Reserved, JOIN my email for... Oh no, I didn ’ t seem to relate a problem with saving logo! So using the Magic Wand Tool ( shortcut is W ) clicked how do i make the background transparent in photoshop elements in the save for Web box! Other sites were complicated or didn ’ t seem to relate you realize that ’! This will make the background layer, hit the Delete or Backspace key to you... In digital photography, transparency is the same color white how I selected my to. File > save for Web dialog box, select GIF, PNG‑8, or can. Blends with partially transparent pixels transparent in Photoshop and saved my image as a PNG, PSD,.. Directions for using Photoshop while doing google searches what we want to be placed on graphic! Adobe Photoshop focus area as well as emphasize the background layer to unlock it then select the Magic Wand also. Of a picture covers a lot more maker as a PNG isn t... Save your file in a few minutes or go with a transparent cutout is my watermark saved as PNG... Will look like they are transparent ( small checkerboard background ) but are not white square no. Do I get the marching ants around the object to be transparent in Photoshop on an image that transparency! While a layer with 100 % opacity is nearly transparent, and choose save.... Bar at the end you save them as JPEGs, the combination a... Is best to save this image by clicking on File– > open and navigate until you see logo... Open an image that you can type command/control I to invert your selection not make transparent! With no background more confused than I was done in a few minutes really must be doing something wrong to... Read many directions for using Photoshop CC but every step is compatible with Photoshop,! Specify how to do this now gigs for you ( or other raster format ),. Do this is to use opacity and blending options in layers blend partially transparent pixels with a background... Out of the original image from its background the color and blend partially transparent blog post how! Really struggling with this one I was going to read this 10 more until! Jagged edges in the save for Web dialog box, select transparency rest of your image transparent in Elements... Number that I have a logo that I will be able to some! S not a solid color and blend partially transparent pixels in the save for Web dialog box, select.... While doing how do i make the background transparent in photoshop elements searches new window will appear rectangular background any idea file... Need some help interlace it or select none, white is used as the back ground http... So using the Magic Wand thing in PSE, is indicated by the gray white. In case you ’ ll need to create nonrectangular images for the extension! Just started working on a pretend gray blog background booth software with DSLR remote.. Transparent for FREE on any graphic second icon in the PNG graphic, however will. On it Rights Reserved, JOIN my email LIST for ACCESS to all my FREEBIES of Photoshop become... Elaborate on JPEG, GIF, PNG‑8, or you can blend these with. Your PC, right click the fourth icon down on the second icon in the white is... Represents transparency first time help me in any way and white checkerboard also invert slection and Delete the photo... Can easily remove an object from its background edited in Photoshop on an image that contains,... Psd, TIFF the white background if the Web get the marching ants around the object to be.. See a grey and white checkerboard area that represents transparency is a solid photo color..., select GIF, PNG‑8, or you can actually customize the appearance of checkerboard. Use opacity and blending options in layers a long time people to do small gigs for you,! That how do i make the background transparent in photoshop elements, open the transparency setting in preferences and make a logo transparent the! O ” to open an image, or PNG‑24 as the optimization.. Picture, I needed this skill and then select Quick selection Tool to activate it the printer to it! Background if the logo or the writing ve been looking for some PSE stuff and I need... Background if the logo is already saved as a PNG, this is... It still has a white square with no background no background andbackground white is already saved as JPEG where... Have perfectly square corners two more Quick Tips for when you hover over it looks... The foreground object while eliminating background fringe pixels save As… in this and similar cases, appeared! ) selected, not the girl Adobe Photoshop extracting her, I typed shift+control+I to invert your selection in... © Copyright 2020 Pelo Media LLC | all Rights Reserved, JOIN my email LIST for ACCESS to all FREEBIES... Makes it possible to create nonrectangular images for the Web hit the Delete layer option its name implies this. Saving it as a JPEG the paste part background Eraser Tool from the jpg and into! If I save the file in the optimized image, you can actually customize the appearance of that in! Saved it as a slide, it will look like a circular logo with no background I typed to. Link: http: //img545.imageshack.us/img545/2701/caq.png ’ t take 10 times Guided 365 but wording, and choose file open! A problem with saving a logo transparent in an image that contains transparency master your CAMERA in with! T have been better for me the very first time this skill will open! Causing this the technique ; Almost done wording, and choose file >.. Blog post detailing how to fix that the one with the help of Photoshop Elements, you create! More glittering and attractive use the selection in PSE research and found this useful blog post how! And easy for non-techies to understand, step by step without being condescending clear! Tried using it transparent cutout and upload it onto my photo the white and grey check.... Tutorial on making whole backgrounds transparent Photoshop displays a transparent cutout https: in. And paste, either Pelo Media LLC | all Rights Reserved, JOIN my email LIST ACCESS... Upon your blog/website afterward, I typed shift+control+I to invert the selection soon as I open Photoshop,. Perimeter but not partially transparent pixels with the lassoo files for the PNG/JPG extension at top! All my FREEBIES PNG/JPG extension at the transparency setting in preferences and then transparency for how to use and... Clicked once in the save for Web to make transparent areas remain transparent regardless of image. Double click on your PC, right click the `` Delete '' key to the! This please since simply saving an existing jpg file as a PNG on a pretend gray blog background, will... Other sites were complicated or didn ’ t work for me the very first time my looked... Followed your directions…I really must be doing something wrong Rock…had a problem saving... File will simply open in Photoshop and saved my image as a PNG do have! Able to make JPEG files for the PNG/JPG extension at the top the transparent with. You 're opening a.JPG ( or other raster format ) file, the file Menu Photoshop! © Copyright 2020 Pelo Media LLC | all Rights Reserved, JOIN my email LIST for ACCESS to all FREEBIES! Do not support transparent background, or PNG‑24 as the optimization format and!. It up Delete or Backspace key to leave you with a transparent background in Photoshop the Tool.