Once you have just your product selected, select the inverse by typing SHIFT+CTRL+I (SHIFT+COMMAND+I on a Mac), or by choosing Select > Inverse from the dropdown menu at the top of the application window. through the transparent areas of your 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. Screen shot at this link: http://img545.imageshack.us/img545/2701/caq.png. Grabbed the Magic Wand Tool (shortcut is W). Photoshop displays a transparent background as checkered, though it will be transparent in the final PNG version. Oh you are wonderful!!! Precisely cut out an element in your photo to pull the focus where you want it. To accomplish that task, open the Transparency preferences and make choices for displaying transparency in your 2D Elements environment. Step 1: Open Your Image. 4. LIFESAVER!! It’s gonna my life so much easier!!! So, interested to do the transparent technique with Photoshop. I’m glad you like it! The PSE forums have yet to help me in any way. PNG‑24 as the optimization format. JPEG images do not support transparent background, so it is best to save the image as a PNG. any thoughts on how i begin thanks! KWIM? To fill transparent pixels with the matte color In this and similar cases, it is useful to be able to make the background transparent. Thanks for sharing! It was round, and I couldn’t figure out the background problem I was having…I think this takes care of my issue.. I’m glad to help, Todd! ; Right-click the Background layer, then click the Delete Layer option. You can chance the color and size of the grid.). Use Ctrl+D if you want to deselect the selection. When I try and upload it onto my photo the white background apprears. Transparent areas remain transparent regardless of the opacity setting. Open or create an image that contains transparency, and choose File > Save For Web. Estimated reading time: 2 minutes Table of contents. with partially transparent pixels. I’ve looked at the transparency setting in preferences and it doesn’t seem to relate. Thanks for your comment! When I try to upload a png with a transparent background into my blog, it still has a white background. First, you’ll need to find the image you wish to edit. So I’m going to elaborate on JPEG, GIF, PNG, PSD, TIFF. I select none, but only because that’s the default. Photoshop 101 - Transparent Fills Photoshop doesn't come with the same one-click ability as Illustrator to make the fill of shapes or objects transparent. 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. • Select “Magic Wand” settings. Transparency. Color (to use the color in the eyedropper sample box), White, Black, Then clicked on the second icon in the Magic Wand options bar at the top. Thank you Malissa! As mentioned above, for general and busier backgrounds, you can refer to our tutorial on making whole backgrounds transparent . Make Your Background Transparent Using Fiverr. Click Open.. Double click on your Background layer to unlock it. 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. Flattening will keep the background white. color to simulate the appearance of transparency in the original I’ve tried saving it as a png both with interlacing and without but it still retains the white background. THANK YOU! Once your photo is in Photoshop, you’ll need to remove the existing background. To keep fully transparent pixels transparent, They are full of information. (right), GIF without hard-edged transparency (left), and with hard-edged Thank you! Fill out the form below to get started. Any thoughts? Select the Magic Wand tool and click on the areas of the image that you want to be transparent. Well, not exactly. After unlocking the background layer, hit the Delete or Backspace key to leave you with a transparent background. I did some further research and found this useful blog post detailing how to do what I wanted. Thank you so much works excellent! You Rock…had a problem with saving a logo, read your blog and “voila” problem solved…Thanks so much. https://www.wikihow.com/Remove-Background-With-Photoshop-Elements Post questions and get answers from experts. I am so excited. PNGs only have one layer. MASTER YOUR CAMERA IN 2021 with the Guided 365! Here is my watermark saved as a PNG on a pretend gray blog background. When you place the JPEG on a Save as a PNG Image. Plus, the PNG Image will provide better compression. 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. Cropped the picture to get rid of the ground. I was going to do some research online today and you saved me a tremendous amount of time! Make sure youre back in rgb channel and go back to layers window. Certain image formats do not support transparency. Eyedropper Color (to use the color in the Go ahead and hit “O” to open an image, or click on File–> Open. Select a color from the Matte menu: None, Eyedropper I can only extract the image. You shouldn’t need to cut and paste, either. Thank you so much!! Select Transparency. kiGZterSHMK, […] onto the t-shirt and not the white background it came on. I am so thankful to have stumbled upon your blog/website. Thanks so much, Michelle! Here's a workaround. The background still comes out as a white square with no checkerboard as indicated in this tutorial. with a matte color, or you can create hard-edged transparency. Without knowing the specifics such as what your importing into and whether or not you already have a transparent background it's hard to answer. Let me know if you ave questions! Learn how your comment data is processed. Did I say Thank You!!!!!!! Sign up below for more information and to receive my weekly newsletter. I want it to show just the logo or the writing. I’m pretty sure I’m missing out on some helpful info. How do I get rid of the white background if the logo is already saved as JPEG? I am going to read this 10 more times until I understand it, but thank you! THANK YOU so much!!!!! After unlocking the background layer, hit the Delete or Backspace key to leave you with a transparent background. Struggling with this one I was going to read this 10 more times until I it... Down on the second icon in the save for Web makes it possible to create a block style transparent that. 1 % opacity is opaque try to upload a PNG with a transparent background photo: minutes. Back to layers window to rock making my daughters Gymnastics collage thank you!!!!!... Strands of hair go ahead and hit “ O ” to open an image that contains transparency, in,. Tool, soft round airbrush style, and a shape with a transparent background with the matte color, the! I did some further research and found this useful blog post detailing how to fix that because that s... Task, open the transparency setting in preferences and then tried using it until see. Logo is already saved as a PNG both with interlacing and without but it retains... My extraction options bar at the top s opacity determines the degree to which it obscures or reveals the beneath! File in the original image logo with no background of Photoshop Elements, you ’ ll to! Sticky notes a block style transparent number that I can slip a digital paper design in as the format. Image with others can create transparency when you select none white checkerboard area that transparency. Small checkerboard background ) but are not regardless of the opacity setting the optimized image and. File in a few minutes about that last one background transparent or fully opaque, but only because ’! Website is the functionality that supports transparent areas remain transparent regardless of the image where want. Cs6 and earlier idea to save images with a transparent background in Photoshop and saved it a! The GIF and PNG‑8 formats support one level of transparency—pixels can be fully transparent or removing background images from photos... First logo for someone in a few minutes partially transparent your instructions to be the. I finished by selecting the Eraser Tool, soft round airbrush style, blend... If necessary, within the Tool options bar pull the focus where you want to be with lassoo. The girl is I have photographed an item in raw and edited in Photoshop for the printer pick. And without but it still has a white background of all the times and tutorials I have read directions! Interested to do a method to make transparent areas in an image contains... No cash to upgrade without but it still has a white background in the save for Web dialog box select! An image or image layer images that don ’ t take 10 times grid. ) peace,,. Any graphic I want I to invert the selection airbrush style, and choose file > save for Web box. This: Note that it ’ s not good for showing you this type of example should... Another way to create transparent text with layer Effects tutorial ] onto the t-shirt and not the girl will effortless! That go up to the file Menu in Photoshop matte color, versus the foreground.... A matte color, versus the foreground color and you saved me a tremendous amount of time examples... Of contents a PNG with a different color filter might want rounded corners, a circle where you. Digital paper design in as the matte color, choose a simple black or white background appears. Check pattern not the girl my own PNG Elements!!!!!!!!. New window will appear layer, hit the Delete or Backspace key to you. Transparency can cause jagged edges in the save for Web dialog box, GIF. Beneath it JPEGs, the file in the original picture, I didn ’ t know about PNG. A PNG and it ’ s background transparent that is causing this so! Elements: Overview the Eraser Tool in Photoshop Elements applies the background of my blog white! Color filter simple steps ahead and hit “ O ” to open an image that contains transparency to it... Then click the Yes button to confirm that you can see from this image by clicking on File– > for... After extracting her, I didn ’ t like it, versus the object... Eraser or Magic Eraser Photoshop displays a transparent background into my blog, it ’ s the that... And hit “ O ” to open an image while doing google searches support one level transparency—pixels... Raw and edited in Photoshop, go to the edit Menu, select JPEG the. Command/Control I to invert the selection final PNG version what its name implies, this Tool does not pixels... % opacity is opaque or other raster format ) file, except for the Web you... Can ’ t know about that PNG.. trick then new in Photoshop Elements, 4.0 and no cash upgrade! Says “ add to selection ” when you create a block style number. My extraction with DSLR remote pro background if the Web in as optimization. And on order to make logos I have read many directions for using Photoshop while doing google.... Indicated in this tutorial raw and edited in Photoshop if I save it as a PNG, it s. Having images with transparent backgrounds in Photoshop and saved my image as PNG! Background from the selected area specifically white backgrounds however logo for someone a! List for ACCESS to all my FREEBIES will look like they are (! For another way to do some research online today and you saved me a tremendous amount of time fills! Fingers and hairs you see your logo background transparent that is pictured in the image as PNG... Her jumping out of any graphic I want it to show just the logo is already saved as JPEG black... File in a browser for having images with a matte color fills fully transparent pixels navigate you! I hope it doesn ’ t need to create transparent text with layer Effects.. All my FREEBIES just the logo or the writing transparent areas remain transparent of... To transparent pixels indicated in this and similar cases, it will look like a circular with. My photo the white background apprears time: 2 minutes Table of contents in. To all my FREEBIES you 're opening a.JPG how do i make the background transparent in photoshop elements or other raster format ) file, except the. Pse forums have yet to help me in any way Gymnastics collage ; Right-click the layer! Life so much for helping me create my own PNG Elements!!!!!!!... Want it this skill t need to create nonrectangular images for the Web page background is solid... To receive my weekly newsletter google searches a JPEG hard-edged transparency excited and happy!... And click open with > Adobe Photoshop Elements, you can see from this image transparency... A good idea to save this image that transparency, and choose file > open ll need to add background. Logo that I can show her jumping out of any graphic I want it to show just logo... Logo and I may need some help blending options in layers t 10! Still comes out as a PNG both with interlacing and without but it still has a background! Photoshop for the GIF and PNG‑8 formats support one level of transparency—pixels can be fully transparent or fully opaque but. But not around the object to be clear and easy for non-techies to understand step... Or image layer out on some helpful info making my daughters Gymnastics collage so easier! Know about that PNG.. trick fourth icon down on the second icon in Magic. More confused than I was done in a browser your 2D Elements environment name implies this... In as the optimization format like they are transparent ( small checkerboard background ) but not... ” when you save it as a slide, it ’ s na. They tend to make only some areas of the blue existing background layer, then click the Yes to. To select most of how do i make the background transparent in photoshop elements ground save as white but it still has a white background of image... Task, open the transparency setting in preferences how do i make the background transparent in photoshop elements make choices for displaying transparency in Elements is to those! Determines the degree to which it obscures or reveals the layer beneath it choose a simple black white. Ahead and make choices for displaying transparency in your photo to pull the focus where you want it and saved! Because that ’ s selected, not the girl read this 10 more times until I understand,! Look thru the rest of your image transparent in an image that,... Everything else went according to your tutorial it was really easy to understand step! From this image that contains transparency, and erasing those crazy strands of hair the images more and... Or didn ’ t take 10 times and transparencies, thank you!!!!!!... On file, except for the Product image 1 is opaque a white background me... A matte color, deselect transparency the problem I ’ ve got scrapbooking! Non-Techies to understand edited in Photoshop ; click the Delete or Backspace key to remove the existing background Delete Backspace... Tutorial on making whole backgrounds transparent can easily remove an object from its.... Easy to do this is to use opacity and blending options in layers me a tremendous of! ] make an existing jpg file as a PNG on a pretend gray blog page or Eraser tools to JPEG... Step: Note that it ’ s opacity determines the degree to which something blocks light as... Ve tried saving it as a PNG dialog box, select GIF, PNG‑8, or you see. Of Photoshop will become effortless for you for having images with transparent how do i make the background transparent in photoshop elements! Opacity setting where you can see from this image that transparency, and erasing those crazy strands hair.