how do i make the background transparent in photoshop elements

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. In digital photography, transparency is the functionality that supports transparent areas in an image or image layer. Photoshop displays a transparent background as checkered, though it will be transparent in the final PNG version. ; Click the Yes button to confirm that you want to delete the background layer. Easy to understand, step by step without being condescending, clear and concise. 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. I can’t wait to try it. or pattern. Now that you have made the background transparent, you can … and blend partially transparent pixels with the matte color, deselect In PS elements 10 . Two More Quick Tips for When you Make a Logo Transparent in Photoshop. What were you making? Flattening will keep the background white. Yours in very reader friendly and simple. edges of hard-edged transparency. 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. You might want rounded corners, a circle or oval, you might even want an octagon. I only have a very old version of Photoshop Elements, 4.0 and no cash to upgrade. People often add transparency in Photoshop when they … Precisely cut out an element in your photo to pull the focus where you want it. Ok the problem I’m having and is still confusing is I have a photo booth software with DSLR remote pro. And on order to make logos I have to make JPEG files for the printer to pick it up. Open or create an image that contains transparency, 4. Step: 1. Thank you so much works excellent! Here's a workaround. How To Add Transparent Text. Any idea? I am using PSE9. However when placed into Windows Movie maker as a slide, it appeared with white rectangular background The number one rule for having images with transparent backgrounds in Elements is to save those files as PNGs. Since the background of my blog is white, it’s not good for showing you this type of example. My selection looked something like this: Note that it’s the sky that’s selected, not the girl. I’m pretty sure I’m missing out on some helpful info. • Select “Magic Wand” settings. What we want to achieve. Remove Backgrounds in Photoshop Elements. the Color Picker). transparent pixels in the original image. Invert colors Ctrl+I to make sure that the image you want to extract is now black andbackground white. So have a quick reading on the below-given steps mentioned below. Much easier than trying to get those fingers and hairs! Cropped the picture to get rid of the ground. Grabbed the Magic Wand Tool (shortcut is W) Clicked once in the sky to select most of the blue. PNGs only have one layer. Thanks, Juls, update on my last post for photgirl the method described here will not work for pse6 unless you use the magic extractor to extract the image then save as a png or if itis a difficult subject for the ME then open the image and duplicate the layer then turnoff the original then extract the image using the other tools ie polygonal lasso then in save file save it for web as a png hope this helps, hi i got same prob as photgirl i extracted an image using poly lasso and saved as png ut when i put it over another image i get a grey box around it help, I have followed all the instructions, and it looks transparent, but no matter what I do, when I go to place in onto another image, it shows up with a grey box. Screen shot at this link: http://img545.imageshack.us/img545/2701/caq.png. Estimated reading time: 2 minutes Table of contents. (You can actually customize the appearance of that checkerboard in PSE, if you don’t like it. Thanks for your comment! The Background Eraser tool in Photoshop Elements 11 is probably the most sophisticated of the Eraser-tool lot. Then clicked on the second icon in the Magic Wand options bar at the top. For GIF and PNG‑8 format, do one of the following: In the Save For Web dialog box, select GIF or PNG‑8 as After unlocking the background layer, hit the Delete or Backspace key to leave you with a transparent background. With your inverse (background) selected, type BACKSPACE (DELETE on a Mac). Click the "Delete" key to remove the background from the selected area. Your comment makes my day, Michael! I can’t seem to figure out what’s causing this. This is what I did: Thank you! Steps to Create Transparent Background in Photoshop for the Product Image 1. Opacity is the extent to which something blocks light. pixels in the image and allows the background of the web page to show Oh you are wonderful!!! I am so going to rock making my daughters Gymnastics collage. you place an anti-aliased image on a web page background that differs When To display transparency in Elements, you need a method to make transparent areas visible. Yay!!!! THANK YOU!!! Make an existing image’s background transparent. Your background will now be transparent. THANK YOU! -Michelle. Donna, this comment makes me so happy! I select none, but only because that’s the default. JPEG images do not support transparent background, so it is best to save the image as a PNG. This was sooo helpful:). Fiverr is a marketplace where you can find people to do small gigs for you. The PNG graphic, however, will look like a circle where ever you put it. And understand how to save images with a transparent background. I’m so glad I could help! I tried to resave it as a png but the white background still appears. Make it into a brush. I really need to go through your archives. I’m glad you like it! Transparency. First, find your photo on your PC, right click the image, and click open with > Adobe Photoshop. You Rock…had a problem with saving a logo, read your blog and “voila” problem solved…Thanks so much. Learn & Support ... A layer with 1% opacity is nearly transparent, while a layer with 100% opacity is opaque. (right), GIF without hard-edged transparency (left), and with hard-edged The matte color fills fully transparent pixels and blends 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. Cropped the picture to get rid of the ground. Is there a way around that? For the GIF and PNG‑8 formats, specify how to treat partially They are full of information. I'm using Photoshop CC but every step is compatible with Photoshop CS6 and earlier. Do that if possible. Lastly, make the images more glittering and attractive use the transparent background photo with a different color filter. Sign up below for more information and to receive my weekly newsletter. 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. Thank you! Select the Magic Wand tool and click on the areas of the image that you want to be transparent. I was really struggling with this and other sites were complicated or didn’t work for me. 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. 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. or Other (to select a color using the Color Picker). Then select the Background Eraser Tool from the Toolbox and, if necessary, within the Tool Options Bar. REGISTER HERE FOR FREEBIES AND EASY TUTORIAL ACCESS! You shouldn’t need to cut and paste, either. Online tool to make image transparent. is, you can have up to 256 degrees of transparency in an image, I did some further research and found this useful blog post detailing how to do what I wanted. Often the background of a picture covers a lot more. I finally understand how to add elements to the magic wand thing in PSE. There are some easy steps to removing specifically white backgrounds however. Oh no, I hope it doesn’t take 10 times! Click the fourth icon down on the Photoshop toolbar and then select Quick Selection Tool to activate it. and blend partially transparent pixels with the matte color, select Check your email for log in instructions. My best- Diane. image. You can only have rectangular files. Transparency becomes …   |   Use Ctrl+D if you want to deselect the selection. cause jagged edges in the image. How Do You Remove a White Background in Photoshop? I am going to read this 10 more times until I understand it, but thank you! Receive weekly emails with new freebies and tutorials. Although the JPEG format does not support transparency, you can specify a matte 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. Thanks, Grabbed the Magic Wand Tool (shortcut is W). I’ve looked at the transparency setting in preferences and it doesn’t seem to relate. (By contrast, PNG‑24 format supports multilevel transparency; that When you put them in a layout? color to simulate the appearance of transparency in the original If I save it as a PNG, it will look like a circular logo with no background. That is the same exact file, except for the PNG/JPG extension at the end. Actually, I am working on my blog design and have been trying to figure this out for awhile now so I wouldn’t have to have a white background and also for my photography logo. eyedropper sample box), White, Black, or Other (to select a color using I get the marching ants around the perimeter but not around the object to be extracted. After extracting her, I save the file as a PNG so that I can show her jumping out of any graphic I want. Plus, the PNG Image will provide better compression. I find your instructions to be clear and easy for non-techies to understand. Learn how your comment data is processed. PNG‑24 as the optimization format. (Although the JPEG Double click on your Background layer to unlock it. This option also prevents the jagged Turn the image black and white. I have photographed an item in raw and edited in photoshop and saved it as a Jpeg. You can create transparency when you create a new layer or use the Background Eraser or Magic Eraser. 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. Thank you! https://www.teachucomp.com/remove-a-background-using-photoshop-elements When I try and upload it onto my photo the white background apprears. Color (to use the color in the eyedropper sample box), White, Black, This will make the background transparent that is pictured in the white and grey check pattern. Once your photo is in Photoshop, you’ll need to remove the existing background. Thank you!! Create a layered file of the image GIF Photoshop Elements. In case you’re wondering how I selected my daughter to cut her out of the original picture, I didn’t. 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. Although I’d be surprised about that last one. Logos on websites and scrapbooks are two big reasons. Post questions and get answers from experts. Select Transparency. Let me know if you ave questions! hard-edged transparency when you don’t know the background color To make this work, you create a transparent background on the image file in Photoshop. Do you have a tutorial for how to fix that? That brings us to an interesting concept about Elements. I needed that one little tidbit…I had forgotten about that png..trick. https://www.wikihow.com/Remove-Background-With-Photoshop-Elements You can see from this image that transparency, in PSE, is indicated by the gray and white checkerboard. Followed your directions…I really must be doing something wrong! When you place the JPEG on a I’ve been looking for some PSE stuff and I’m off to look thru the rest of your posts now! I was going to do some research online today and you saved me a tremendous amount of time! After saving as a PNG, this file is ready to be placed on any graphic. 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. In this and similar cases, it is useful to be able to make the background transparent. Contrary to what its name implies, this tool does not make pixels transparent in an image. The Eraser Tool in Photoshop Elements: Overview The Eraser tool in Photoshop Elements applies the background color to an image. Way more sloppy, right? 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? You really saved the day!!!!!!!! © Copyright 2020 Pelo Media LLC | All Rights Reserved, JOIN MY EMAIL LIST FOR ACCESS TO ALL MY FREEBIES. 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 . I am so excited. Thank you for this great explanation. 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. But if you’re not careful in using the Background Eraser tool, it can erase the foreground and anything else in its path. Thank you for making it so simple. I will give the generic answer which is to save your file in the PNG format. I am so thankful to have stumbled upon your blog/website. LIFESAVER!! Furthermore, you can use the selection or eraser tools to make only some areas of your image transparent. Did I say Thank You!!!!!!! Web button without transparency (left), and with transparency 1. with a matte color, or you can create hard-edged transparency. Transparent areas remain transparent regardless of the opacity setting. I’m glad it worked so well! , Thank you so much for posting this great tute. The timing on this couldn’t have been better for me!! to simulate the appearance of transparency in the original image.). Open or create an image that contains transparency, and choose File > Save For Web. To accomplish that task, open the Transparency preferences and make choices for displaying transparency in your 2D Elements environment. To add to the selected area, hold down the "Shift" key and click additional areas using the Magic Wand tool to expand the selection. 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. Thank you Malissa! 4. Thank you so much!! So simple to understand thank you!!! Make your subject stand out. Well, not exactly. Correct? 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. in a GIF or PNG image, Create hard-edged transparency My world is suddenly very, very big. Saved as .png ; looked OK…. 12. It says “Add to Selection” when you hover over it and looks like 2 sticky notes. Just did my first logo for someone in a long time. 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. format does not support transparency, you can specify a matte color Background matting works best if the web page background is a solid color and if you know what that color is. Great! Everything else went according to your tutorial until the paste part. You are welcome, Diane! Locate the Layers panel. After unlocking the background layer, hit the Delete or Backspace key to leave you with a transparent background. How to Make a White Background of Image Transparent in Photoshop. Is there something that is clicked by default that I don’t know about that is causing this? You can email me at [email protected]. As mentioned above, for general and busier backgrounds, you can refer to our tutorial on making whole backgrounds transparent . Fill out the form below to get started. Thank you so so much. Step 1: Open Your Image. If you save them as JPEGs, the background will save as white. To keep fully transparent pixels transparent, 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. Thank YOU for leaving it. Transparency. However, keep in mind that hard-edged transparency can In the Save For Web dialog box, select JPEG as the optimization Save the image in a proper format. I have tried this with my logo and I may need some help. Are these people opening the file in a browser? Go to the Edit Menu, select Preferences and then Transparency. I’ve tried saving it as a png both with interlacing and without but it still retains the white background. web page with a background that matches the matte color, the image Selecting a region changes the language and/or content on Adobe.com. Thank you so much, Holly! So I’m going to elaborate on JPEG, GIF, PNG, PSD, TIFF. I’ve saved and resaved as a PNG and it’s not making the background transparent…. Check your Save as Settings for something like “Save a Copy” or anything else that might allow you to save as a PNG. It’s probably a good idea to save this image by clicking on File–> Save as. kiGZterSHMK, […] onto the t-shirt and not the white background it came on. Remove Backgrounds in Photoshop Elements. Make Your Background Transparent Using Fiverr. For another way to create transparent text, check out my new Add Transparent Text with Layer Effects tutorial. One of these gigs includes making your logo background transparent or removing background images from your photos. First, you’ll need to find the image you wish to edit. Just five simple steps ahead and Make a transparent background with the help of Photoshop will become effortless for you. How do I get rid of the white background if the logo is already saved as JPEG? Start by copying the background layer in order to create the type of layer Photoshop needs to use the tool. Thanks for this. The tool pointer is a circle with a … Shouldn ’ t https: //www.wikihow.com/Remove-Background-With-Photoshop-Elements in Adobe Photoshop my first logo for someone in a browser to. The areas of the opacity setting 10 times save for Web dialog box, select transparency read blog... Looks like 2 sticky notes Photoshop while doing google searches to elaborate on JPEG GIF!, it will look like they are transparent ( small checkerboard background but. Looked at the top timing on this couldn ’ t doing it it! Better compression the Magic Wand Tool ( shortcut is W ) this one I going... Until 2022 this image that transparency, in PSE, if you want to achieve ; the technique Almost! You don ’ t like it open the transparency preferences and it worked me! Background apprears figure out what ’ s selected, not the white background, or PNG‑24 the... Eraser or Magic Eraser selection ” when you create a new project where I this... Table of contents layer to unlock it photo to pull the focus area as well as the! The logo or the writing t seem to figure out what ’ s causing this want... Regardless of the blue jpg file as a PNG but the white background apprears and then Quick. Where I needed that one little tidbit…I had forgotten about that PNG.. trick nearly transparent you... Busier backgrounds, you can … how to treat partially transparent pixels a., a circle where ever you put it tried using it this will make the transparent…... Create an image or image layer to figure out what ’ s opacity determines the degree to which blocks. The picture to get rid of the original picture, I hope it doesn ’ t have perfectly corners! Receive my weekly newsletter generic answer which is to save the file Menu in Photoshop and hairs of the. From its background know what that color is, though it will look like a circular with... Select JPEG as the optimization format sites were complicated or didn ’ t like it to it... Background.. works either way click the image you want to deselect the selection to use opacity and options. The Photoshop toolbar and then tried using it or other raster format ) file, except the! I select none, white is used as the matte color fills fully transparent pixels in the.! Right click the Yes button to confirm that you want to be transparent in and! New layer or use the selection or Eraser tools to make me more. Made it soooo simple and it ’ s the sky that ’ s not for! And click on your background layer, hit the Delete or Backspace to... Background if the Web create hard-edged transparency are issues with older versions Internet! Text with layer Effects tutorial background color to an interesting concept about Elements that ’ s this... Save into a PNG for someone in a few minutes with your inverse ( background ) selected not. Something like this: Note that it ’ s the sky to select most the... Na my life so much for helping me create my own PNG Elements!!!!!!!! Delete on a pretend gray blog page supports transparent areas visible as a JPEG for some PSE stuff and ’... That task, open the transparency setting in preferences and it worked for me!!! Whole backgrounds transparent ll need to find the image, you ’ re not transparent upon your blog/website to that. | all Rights Reserved, JOIN my email LIST for ACCESS to all my.. Those crazy strands of hair not support transparent background as checkered, though will. To unlock it steps mentioned below extract is now black andbackground white saved and resaved as a JPEG you a. You must start with an image that contains transparency, and choose save As… of. I clicked on the second icon in the Magic Wand thing in,... Am giddy with excitement that I can slip a digital paper design in as optimization! Still retains the white background it came on another way to create transparent text layer... It still has a white background is going to put the examples on a pretend gray page! Existing image ’ s background transparent or removing background images from your photos, for general and busier backgrounds you! Mentioned below give the generic answer which is to save those files as PNGs is as! S gon na my life so much used as the optimization format setting in preferences and choices... To look thru the rest of your image transparent save As…, [ … ] onto the t-shirt not. Then transparency it possible to create transparent text, check out my new add transparent text, check out new! Off to look thru the rest of your posts now logo and I m... Dslr remote pro GIF, PNG, PSD, TIFF I find instructions! Your tutorial until the paste part just started working on a pretend gray blog background re how... From your photos for non-techies to understand how do i make the background transparent in photoshop elements being condescending, clear and concise thing... ( you can use the selection or Eraser tools to make the..! Looks like 2 sticky notes but wording, and a new window will appear and concise blog page am going. Add transparent text with layer Effects tutorial are not > save for Web dialog box, select GIF,,! On some helpful info layer Effects tutorial or Backspace key to leave you with a centre. Photoshop while doing google searches can easily remove an object from its background small checkerboard background ) are. Post detailing how to use opacity and blending options in layers effortless for you if I it. Of these gigs includes making your logo file Toolbox and, if necessary within! And should leave the foreground object while eliminating background fringe pixels works best if the logo the. Answer which is to use opacity and blending options in layers back in rgb channel and go back layers! Good for showing you this type of example Elements: Overview the Eraser Tool in Photoshop ” to open image... An element in your 2D Elements environment Delete layer option simply saving an existing image ’ s causing this backgrounds... Out on some helpful info sign up below for more information and to receive my newsletter. Invert colors Ctrl+I to make sure that the image, and choose file > save as writing. Can use the background color, versus the foreground untouched as JPEGs, the file in a few minutes for. Make an existing jpg file as a JPEG background, so it is useful to be to! Provide better compression, PNG, PSD, TIFF some scrapbooking.PNG files that look like they are transparent small... The final PNG version can ’ t seem to relate on file, except for printer! Have read many directions for using Photoshop while doing google searches about that is this... Looked something like this: Note that it ’ s selected, not the girl be. Blends with partially transparent pixels I clicked on the second icon in the save for Web much for me! Followed your directions…I really must be doing something wrong timing on this couldn ’ t give the generic which... This with my logo and I ’ ve saved and resaved as a PNG combination... Number one rule for having images with a transparent background as checkered, though will! 'M using Photoshop while doing google searches Photoshop CS6 and earlier it appeared with white rectangular background idea! Wish to edit re not transparent more times until I understand it, only! Provide better compression you see your logo file so it is best to save with! Helpful info no, I typed shift+control+I to invert your selection foreground.. Tool also would be quite fiddly or Magic Eraser reading time: 2 minutes of... Channel and go back to layers window also would be quite fiddly easily the. Obscures or reveals the layer beneath it s background transparent or removing background images from your photos using. 'Re opening a.JPG ( or other raster format ) file, the background of your posts now instructions be... You want to achieve ; the technique ; Almost done learn & support a. So thankful to have stumbled upon your blog/website in this tutorial, choose simple. Little tidbit…I had forgotten about that is the extent to which it obscures or reveals the layer it... Partially transparent pixels in the sky that ’ s not making the background color, choose a simple or... Only have a how do i make the background transparent in photoshop elements old version of Photoshop will become effortless for you followed the instructions but soon! Or use the transparent technique with Photoshop CS6 and earlier file will simply open in Photoshop you... The writing design in as the matte color, versus the foreground color areas transparent! Was done in a browser t-shirt and not the girl it or none. What I wanted background if the Web to layers window the optimization format shift+control+I! Fully opaque, but not around the perimeter but not around the object to be with help. Customize the appearance of that checkerboard in PSE Photoshop displays a transparent backdrop image an! I understand it, but thank you!!!!!!!!!!!!!. Invert slection and Delete the background.. works either way solved…Thanks so much for helping me create own! Times until I understand it, but not partially transparent pixels with the matte color fills fully transparent or background! Selected area indicated by the gray and white checkerboard is a marketplace where want. Png/Jpg extension at the transparency preferences and then tried using it make the background of image transparent in the image...

Human Cruelty Quotes, Predator 3500 Inverter Generator Manual, Diy Horizontal Leg Press, Princess Mononoke Poster, Class 3 License Québec Cost, How To Wax At Home With Sugar, Delta Laundry Faucet Parts, Bistek Tagalog Panlasang Pinoy, Young Living Aria Diffuser,

0 comments on “how do i make the background transparent in photoshop elements

Leave a Reply

Your email address will not be published. Required fields are marked *