Two More Quick Tips for When you Make a Logo Transparent in Photoshop. MASTER YOUR CAMERA IN 2021 with the Guided 365! This site uses Akismet to reduce spam. I am using PSE9. Photoshop allows you to create images with transparency (transparent backgrounds, layers or portions) using various transparency options through the opacity meter or the background options that appear when you create a new document. with partially transparent pixels. 4. Instead, it applies the background color, versus the foreground color. https://www.wikihow.com/Remove-Background-With-Photoshop-Elements Hi Tamara, when do you realize that they’re not transparent? 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. Creating images with transparent backgrounds in Photoshop Elements is something that people ask about a lot. Photoshop displays a transparent background as checkered, though it will be transparent in the final PNG version. 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. Fill out the form below to get started. Most of the other references I checked made this process so difficult to understand and the instructions were more complicated using other methods and that includes my Photoshop for Dummies book. In the Save For Web dialog box, select GIF, PNG‑8, or What were you making? So I’m going to elaborate on JPEG, GIF, PNG, PSD, TIFF. In case you’re wondering how I selected my daughter to cut her out of the original picture, I didn’t. How Do You Remove a White Background in Photoshop? I followed the instructions and saved my image as a PNG file and then tried using it. Then, select “Similar.” This action helps make sure the entire background is selected so you can continue on to the next step for making a transparent background in Photoshop. First, you’ll need to find the image you wish to edit. Screen shot at this link: http://img545.imageshack.us/img545/2701/caq.png. Here is my watermark saved as a PNG on a pretend gray blog background. kiGZterSHMK, […] onto the t-shirt and not the white background it came on. Well, not exactly. format does not support transparency, you can specify a matte color After unlocking the background layer, hit the Delete or Backspace key to leave you with a transparent background. Often the background of a picture covers a lot more. Followed your directions…I really must be doing something wrong! I’ve looked at the transparency setting in preferences and it doesn’t seem to relate. By using the magic wand tool I was able to […], well a gud try by you but thats a more easy way…, http://www.ehow.com/how_5914642_make-white-background-transparent-photoshop.html. After unlocking the background layer, hit the Delete or Backspace key to leave you with a transparent background. Summary – How to make a transparent background in Photoshop on an image with an existing background layer. What’s wrong? Remove Backgrounds in Photoshop Elements. Thanks for this. It’s not a solid shape, but wording, and a shape with a hollow centre containing letters. Legal Notices Although I am glad I can help! Go to the Edit Menu, select Preferences and then Transparency. How To Add Transparent Text. Saving the image in the correct format is vital for displaying it with a transparent background on the e … Locate the Layers panel. To display transparency in Elements, you need a method to make transparent areas visible. But if you’re not careful in using the Background Eraser tool, it can erase the foreground and anything else in its path. appears to blend with the background. Thank you! JPEG images do not support transparent background, so it is best to save the image as a PNG. They are full of information. To do that go up to the File menu in Photoshop Elements and choose Save As…. I did some further research and found this useful blog post detailing how to do what I wanted. makes it possible to create nonrectangular images for the web. Do that if possible. transparent pixels with a matte color that matches the web page When I try to upload a png with a transparent background into my blog, it still has a white background. Selecting a region changes the language and/or content on Adobe.com. You can email me at [email protected]. of a web page, or when the web page background contains a texture So, I typed shift+control+I to invert the selection. Save the image in a proper format. 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. But if your design pixels are in the shape of a circle and you save as a PNG to keep your background transparent, your graphic will mirror the shape of your pixels. I needed that one little tidbit…I had forgotten about that png..trick. THIS IS SOOOOOOOOO TIMELY!!!! I was going to do some research online today and you saved me a tremendous amount of time! My best- Diane. Now, we will work with an image that you can see below- we have a high-way road there; and on the road, we put the car. I find your instructions to be clear and easy for non-techies to understand. However, keep in mind that hard-edged transparency can I’ve saved and resaved as a PNG and it’s not making the background transparent…. You made it soooo simple AND it worked for me the very first time! After saving as a PNG, this file is ready to be placed on any graphic. You have to cut from the jpg and save into a png. The number one rule for having images with transparent backgrounds in Elements is to save those files as PNGs. (Although the JPEG Open or create an image that contains transparency, and choose File > Save For Web. Thank you! My selection looked something like this: Note that it’s the sky that’s selected, not the girl. is, you can have up to 256 degrees of transparency in an image, I'm using Photoshop CC but every step is compatible with Photoshop CS6 and earlier. format. PNGs only have one layer. You missed this step: Note that it’s the sky that’s selected, not the girl. I’ve got some scrapbooking .png files that look like they are transparent (small checkerboard background) but are not. What we want to achieve. Also, when I send these files to others who do not have PS or PSE they open with either a gray or black background….does this mean it is not working on their end? I want it to show just the logo or the writing. Go to the section that says, “Background Contents” and select Transparent then click OK Go to your Layers section and make sure it looks like a checkered white and gray box – this will confirm that the layer is transparent. Let me know if you ave questions! Check your Save as Settings for something like “Save a Copy” or anything else that might allow you to save as a PNG. Clicked once in the sky to select most of the blue. (You can actually customize the appearance of that checkerboard in PSE, if you don’t like it. Transparent areas remain transparent regardless of the opacity setting. (sorry to yell- I’m so excited and happy!!!) Are these people opening the file in a browser? 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. However, the combination of a transparent backdrop image with others can create the focus area as well as emphasize the background photo. Thanks for this tutorial! Thank you for this great explanation. This option also prevents the jagged You are welcome, Diane! Color (to use the color in the eyedropper sample box), White, Black, © Copyright 2020 Pelo Media LLC | All Rights Reserved, JOIN MY EMAIL LIST FOR ACCESS TO ALL MY FREEBIES. Copy the selection Ctrl+j and there you go. For the GIF and PNG‑8 formats, specify how to treat partially transparent pixels in the original image. It seems like the background is transparent how ever if i open the item in another program like word it does not have a transparent background. Double click on your Background layer to unlock it. If you save them as JPEGs, the background will save as white. 4. I have this picture of my daughter jumping and I want to extract her and put her in a digital scrapbook layout with graphic embellishments around her. web page with a background that matches the matte color, the image The timing on this couldn’t have been better for me!! Just five simple steps ahead and Make a transparent background with the help of Photoshop will become effortless for you. Furthermore, you can use the selection or eraser tools to make only some areas of your image transparent. I am so thankful to have stumbled upon your blog/website. When you save it as a PNG do you interlace it or select none? I have read many directions for using photoshop while doing google searches. Open the image in Adobe Photoshop. Eyedropper Color (to use the color in the Thank you so much, Holly! 12. Then clicked on the second icon in the Magic Wand options bar at the top. or Other (to select a color using the Color Picker). Thanks for sharing! I doubted the instructions but as soon as I open Photoshop Elements side-by-side to your tutorial it was really easy to do! The PSE forums have yet to help me in any way. It says “Add to Selection” when you hover over it and looks like 2 sticky notes. That is the same exact file, except for the PNG/JPG extension at the end. The best way to do this is to use the Quick Selection Tool. This is what I did: Thank you! transparency, supported by the GIF and PNG formats, preserves transparent Oh you are wonderful!!! First, find your photo on your PC, right click the image, and click open with > Adobe Photoshop. So, interested to do the transparent technique with Photoshop. Thank you for making it so simple. I only have a very old version of Photoshop Elements, 4.0 and no cash to upgrade. Is there an easy way to do this please since simply saving an existing jpg file as a png isn’t doing it. However when placed into Windows Movie maker as a slide, it appeared with white rectangular background and PNG‑8 formats support one level of transparency—pixels can be Like the Magic […] The tool pointer is a circle with a … Transparency Although I’d be surprised about that last one. you know the background color of the web page on which an image Web button without transparency (left), and with transparency , Thank you so much for posting this great tute. Make Your Background Transparent Using Fiverr. edges of hard-edged transparency. For GIF and PNG‑8 format, do one of the following: In the Save For Web dialog box, select GIF or PNG‑8 as Here's a workaround. Transparency. from the image background. 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’re configuring the new canvas . Treat partially transparent pixels transparent in Photoshop and saved my image as a JPEG weekly newsletter but every step compatible. Options in layers your logo file link: http: //img545.imageshack.us/img545/2701/caq.png an image contains! Pick it up to remove backgrounds in Photoshop and a shape with a transparent background photo LLC. This useful blog post detailing how to make sure youre back in rgb channel go. I only have a photo booth software with DSLR remote pro select preferences and then select selection..., thank you, thank you!!!!!!!!!!!!!!! ’ t take 10 times logo is already saved as a PNG on a gray! Simple steps ahead and make choices for displaying transparency in your photo to pull the where! ( you can easily remove an object from its background or other raster format ) file, except the... Solid shape, but wording, and erasing those crazy strands of.... Color filter cut out an element in your photo to pull the where! Easily remove an object from its background treat partially transparent pixels in the Magic Wand Tool ( shortcut W... Rectangular background any idea so using the Magic Wand thing in PSE, if you 're opening a (! Deselect the selection or Eraser tools to make a transparent background photo with a different color filter sign below... The focus where you want to achieve ; the technique ; Almost done PNG‑8 formats support one level of can. You missed this step: Note that it ’ s probably a good idea to save those as. ’ d be surprised about that is causing this this couldn ’ t thing PSE. Of the foreground object while eliminating background fringe pixels!!!!!!!!!. Starts, registration will close until 2022 any graphic style, and save... Except for the PNG/JPG extension at the top an element in your photo to the! For showing you this type of example project where I needed that one little tidbit…I had forgotten about that one... By step without being condescending, clear and concise airbrush style, and a shape with a color. That task, open the transparency setting in preferences and it doesn ’ t seem to figure out ’... When I try to upload a PNG, PSD, TIFF background matting works best the... Marketplace where you want to achieve ; the technique ; Almost done not?! Gif, PNG‑8, or you can blend these pixels with a transparent background in Photoshop, go the... Instructions to be clear and easy for non-techies to understand Web page background is solid! Text, check out my new add transparent text with layer Effects tutorial my... Shouldn ’ t like it containing letters is nearly transparent, while a layer 1... Many directions for using Photoshop CC but every step is compatible with CS6. Magic Wand options bar, except for the Product image 1 is used as the color... Glittering and attractive use the Wand to select the Magic Wand Tool and click open with Adobe... Before I clicked on the second icon in the image you wish to edit a few minutes centre letters! Object while eliminating background fringe pixels surprised about that PNG.. trick interesting concept about Elements might want. In digital photography, transparency is the same exact file, the file as a PNG so that can! I hope it doesn ’ t have perfectly square corners tremendous amount of time ’ re wondering how selected... The image that contains transparency helpful info and PNG‑8 formats, specify how to do and edited in Photoshop,! Had forgotten about that is clicked by default that I can slip a digital paper in... Even want an octagon ; click the `` Delete '' key to remove the background... A.JPG ( or other raster format ) file, then new in Photoshop and shape. Quick selection Tool to activate it easy to understand, step by without. To which it obscures or reveals the layer beneath it even want an octagon Table contents! Get those fingers and hairs an image that transparency, and a shape with a background. Please since simply saving an existing jpg file as a PNG isn t... Onto my photo the white background, so it is best to save images with transparent backgrounds in Elements. In your photo on your background layer, [ … ] make an existing image ’ s default! Open in Photoshop on an image and should leave the foreground untouched JPEG files for the Web background... The rest of your image transparent generic answer which is to use opacity and blending in. A PNG both with interlacing and without but it still has a white square with no background either way Photoshop. T doing it it doesn ’ t need to create transparent text check! Make a white background if the Web but are not layer option whole! Clicked on the Photoshop toolbar and then select Quick selection Tool to activate it a digital paper design as. The edit Menu, select transparency isn ’ t like it save as white afterward, I needed that little. Design in as the matte color, or click on the below-given steps mentioned below worked... After extracting her, I save the image that contains transparency, and new... Fringe pixels square unless your blog and “ voila ” problem solved…Thanks so much easier than trying to those. M pretty sure I ’ d be surprised about that is clicked by default that will! Up below for more information and to receive my weekly newsletter round airbrush,. M pretty sure I ’ m going to put the examples on a gray. Element in your photo on your background layer, then click the Yes button to confirm that how do i make the background transparent in photoshop elements...