I never thought about selecting the b/g and inverting to get my extraction. The PSE forums have yet to help me in any way. The best way to do this is to use the Quick Selection Tool. hard-edged transparency when you don’t know the background color Cropped the picture to get rid of the ground. 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. kiGZterSHMK, […] onto the t-shirt and not the white background it came on. It erases the background from an image and should leave the foreground untouched. I tried to resave it as a png but the white background still appears. So simple to understand thank you!!! 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 . It’s probably a good idea to save this image by clicking on File–> Save as. I’d almost given up hope! | I’m told if .png files are coming into my PSE6 program (Mac version) this way, they are coming in because of a setting that needs to be adjusted. Easy to understand, step by step without being condescending, clear and concise. I did some further research and found this useful blog post detailing how to do what I wanted. Start by opening the image where you want to add some transparent type. , Thank you so much for posting this great tute. or pattern. Exactly what I was looking for. Saved as .png ; looked OK…. Make Your Background Transparent Using Fiverr. Make sure youre back in rgb channel and go back to layers window. Did I say Thank You!!!!!!! Remove Backgrounds in Photoshop Elements. Then select the Background Eraser Tool from the Toolbox and, if necessary, within the Tool Options Bar. ; Right-click the Background layer, then click the Delete Layer option. Opacity is the extent to which something blocks light. (sorry to yell- I’m so excited and happy!!!) Followed your directions…I really must be doing something wrong! Thank you Malissa! In PS elements 10 . Click Open.. In case you’re wondering how I selected my daughter to cut her out of the original picture, I didn’t. Save as a PNG Image. This will make the background transparent that is pictured in the white and grey check pattern. 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. Way more sloppy, right? I finally understand how to add elements to the magic wand thing in PSE. My world is suddenly very, very big. Flattening will keep the background white. The tool pointer is a circle with a … Well, not exactly. GIF I am so excited. The number one rule for having images with transparent backgrounds in Elements is to save those files as PNGs. So, I typed shift+control+I to invert the selection. Thank you so much, Holly! ranging from opaque to completely transparent.). Remove Backgrounds in Photoshop Elements. This was sooo helpful:). Glad I could help! Afterward, I only need to add transparent background in the new .PNG image. 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. Is there an easy way to do this please since simply saving an existing jpg file as a png isn’t doing it. The only issue is when I get to the part of Copying & Pasting the image, it pastes the background to the image on a transparent background (for example, it pastes the sky portion in your photo and the transparent part is your daughter’s outline). When you print them? Instead, it applies the background color, versus the foreground color. You can see from this image that transparency, in PSE, is indicated by the gray and white checkerboard. color to simulate the appearance of transparency in the original One of these gigs includes making your logo background transparent or removing background images from your photos. What we want to achieve. 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. Photoshop Elements. I can’t seem to figure out what’s causing this. Like the Magic […] transparency (right). transparent pixels in the original image. The background still comes out as a white square with no checkerboard as indicated in this tutorial. Transparency. Let me know if you ave questions! Although format. edges of hard-edged transparency. No need to Merge Visible or Flatten. of a web page, or when the web page background contains a texture In Photoshop, go to File > Open and navigate until you see your logo file. Make an existing image’s background transparent. A layer with 1% opacity is nearly transparent, while a layer with 100% opacity is opaque. You could also invert slection and delete the background.. Works either way. The matte color fills fully transparent pixels and blends The Background Eraser tool in Photoshop Elements 11 is probably the most sophisticated of the Eraser-tool lot. Thanks for this tutorial! Saving the image in the correct format is vital for displaying it with a transparent background on the e … pixels in the image and allows the background of the web page to show Click the "Delete" key to remove the background from the selected area. I can’t wait to try it. Selecting a region changes the language and/or content on Adobe.com. 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. 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. Open or create an image that contains transparency, You are welcome, Diane! Click on File, then New in Photoshop and a new window will appear. Thank you! 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. If I save it as a PNG, it will look like a circular logo with no background. With careful use, you can maintain the edges of the foreground object while eliminating background fringe pixels. What am I doing wrong ? Thanks for this. 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. To make this work, you create a transparent background on the image file in Photoshop. I will give the generic answer which is to save your file in the PNG format. (You can actually customize the appearance of that checkerboard in PSE, if you don’t like it. However, the combination of a transparent backdrop image with others can create the focus area as well as emphasize the background photo. Double click on your Background layer to unlock it. https://www.teachucomp.com/remove-a-background-using-photoshop-elements I get the marching ants around the perimeter but not around the object to be extracted. THANK YOU! So I’m going to elaborate on JPEG, GIF, PNG, PSD, TIFF. To remove backgrounds in Photoshop Elements, you can type command/control I to invert your selection. Fill out the form below to get started. After unlocking the background layer, hit the Delete or Backspace key to leave you with a transparent background. In the Save For Web dialog box, select GIF, PNG‑8, or PNG‑24 as the optimization format. Start by copying the background layer in order to create the type of layer Photoshop needs to use the tool. What’s wrong? cause jagged edges in the image. 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! Do that if possible. In Adobe Photoshop Elements, learn how to use opacity and blending options in layers. the Color Picker). 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. A layer’s opacity determines the degree to which it obscures or reveals the layer beneath it. The Background Eraser tool turns color pixels to transparent pixels so that you can easily remove an object from its background. ; Click the Yes button to confirm that you want to delete the background layer. I have read many directions for using photoshop while doing google searches. I followed the instructions and saved my image as a PNG file and then tried using it. THANK YOU!!! Yours in very reader friendly and simple. Thank you! is, you can have up to 256 degrees of transparency in an image, Online tool to make image transparent. will be displayed, you can use the matting feature to fill or blend Donna, this comment makes me so happy! Invert colors Ctrl+I to make sure that the image you want to extract is now black andbackground white. Another is images that don’t have perfectly square corners. Then clicked on the second icon in the Magic Wand options bar at the top. you know the background color of the web page on which an image To keep fully transparent pixels transparent, Background Step: 1. I can only extract the image. When you put them in a layout? I find your instructions to be clear and easy for non-techies to understand. When Web button without transparency (left), and with transparency Transparency becomes … 12. Ok the problem I’m having and is still confusing is I have a photo booth software with DSLR remote pro. I am going to read this 10 more times until I understand it, but thank you! After saving as a PNG, this file is ready to be placed on any graphic. Thank you so so much. Since the background of my blog is white, it’s not good for showing you this type of example. Sign up below for more information and to receive my weekly newsletter. 4. with partially transparent pixels. Eyedropper Color (to use the color in the Locate the Layers panel. Use the wand to select the entire background area. • Select “Magic Wand” settings. Double click on your Background layer to unlock it. In digital photography, transparency is the functionality that supports transparent areas in an image or image layer. 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. Legal Notices You can only have rectangular files. THANK YOU! Logos on websites and scrapbooks are two big reasons. Two More Quick Tips for When you Make a Logo Transparent in Photoshop. I’m glad you like it! I am using PSE 6. Learn how your comment data is processed. Go ahead and hit “O” to open an image, or click on File–> Open. Select Transparency. That brings us to an interesting concept about Elements. and blend partially transparent pixels with the matte color, select Your background will now be transparent. Thank you so much for helping me create my own png elements!! Just five simple steps ahead and Make a transparent background with the help of Photoshop will become effortless for you. Estimated reading time: 2 minutes Table of contents. Thanks, When I try and upload it onto my photo the white background apprears. To add to the selected area, hold down the "Shift" key and click additional areas using the Magic Wand tool to expand the selection. appears to blend with the background. The one with the white background is going to look like a square unless your blog or website is the same color white. I really need to go through your archives. Summary – How to make a transparent background in Photoshop on an image with an existing background layer. You can email me at [email protected]. I am giddy with excitement that I will be able to do this now. Yay!!!! Post questions and get answers from experts. Thanks for your comment! When class starts, registration will close until 2022! When you save it as a PNG do you interlace it or select none? Make it into a brush. Does that help? Clicked once in the sky to select most of the blue. You missed this step: Note that it’s the sky that’s selected, not the girl. As mentioned above, for general and busier backgrounds, you can refer to our tutorial on making whole backgrounds transparent . 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. Although I’d be surprised about that last one. Thank you! REGISTER HERE FOR FREEBIES AND EASY TUTORIAL ACCESS! I am so going to rock making my daughters Gymnastics collage. Open or create an image that contains transparency, and choose File > Save For Web. THANK YOU, THANK YOU, THANK YOU!!! background. in a GIF or PNG image, Create hard-edged transparency I’m so glad I could help! But if you’re not careful in using the Background Eraser tool, it can erase the foreground and anything else in its path. Preserve background transparency Clicked once in three places: between her fingers, between the strands of the hair, and close to the edge of her shirt to refine the selection. MASTER YOUR CAMERA IN 2021 with the Guided 365! You made it soooo simple AND it worked for me the very first time! People often add transparency in Photoshop when they … Oh you are wonderful!!! After unlocking the background layer, hit the Delete or Backspace key to leave you with a transparent background. © Copyright 2020 Pelo Media LLC | All Rights Reserved, JOIN MY EMAIL LIST FOR ACCESS TO ALL MY FREEBIES. Much easier than trying to get those fingers and hairs! I needed that one little tidbit…I had forgotten about that png..trick. Open the image in Adobe Photoshop. This site uses Akismet to reduce spam. I finished by selecting the Eraser tool, soft round airbrush style, and erasing those crazy strands of hair. Oh no, I hope it doesn’t take 10 times! In the Save For Web dialog box, select JPEG as the optimization Contrary to what its name implies, this tool does not make pixels transparent in an image. format does not support transparency, you can specify a matte color 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. Lastly, make the images more glittering and attractive use the transparent background photo with a different color filter. and PNG‑8 formats support one level of transparency—pixels can be In this and similar cases, it is useful to be able to make the background transparent. and choose File > Save For Web. the optimization format. Thanks for sharing! 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. Transparent areas remain transparent regardless of the opacity setting. You might want rounded corners, a circle or oval, you might even want an octagon. JPEG images do not support transparent background, so it is best to save the image as a PNG. Fiverr is a marketplace where you can find people to do small gigs for you. You shouldn’t need to cut and paste, either. Any help would be appreciated . Screen shot at this link: http://img545.imageshack.us/img545/2701/caq.png. (Although the JPEG I only have a very old version of Photoshop Elements, 4.0 and no cash to upgrade. You Rock…had a problem with saving a logo, read your blog and “voila” problem solved…Thanks so much. Receive weekly emails with new freebies and tutorials. Solved: How accurate do you have to be with the lassoo. YOU ARE A SAINT! or Other (to select a color using the Color Picker). Now that you have made the background transparent, you can … Cropped the picture to get rid of the ground. So, interested to do the transparent technique with Photoshop. I’ve looked at the transparency setting in preferences and it doesn’t seem to relate. After extracting her, I save the file as a PNG so that I can show her jumping out of any graphic I want. My best- Diane. It’s not a solid shape, but wording, and a shape with a hollow centre containing letters. What we want to achieve; The technique; Almost done. Learn & Support ... A layer with 1% opacity is nearly transparent, while a layer with 100% opacity is opaque. 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. Refined the edges of the selection by going to the Select Menu/Refine Edge and choosing these settings: Typed control+C to copy and pasted her into a new file. Plus, the PNG Image will provide better compression. I have a logo that I have already created and is saved as a JPEG. https://www.wikihow.com/Remove-Background-With-Photoshop-Elements Everything else went according to your tutorial until the paste part. Background matting works best if the web page background is a solid color and if you know what that color is. I doubted the instructions but as soon as I open Photoshop Elements side-by-side to your tutorial it was really easy to do! Peace, Transparent areas remain transparent regardless of the opacity setting. 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. Awesome. You can chance the color and size of the grid.). I was going to do some research online today and you saved me a tremendous amount of time! 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. You have to cut from the jpg and save into a png. For the GIF and PNG‑8 formats, specify how to treat partially transparent pixels in the original image. If you're opening a .JPG (or other raster format) file, the file will simply open in Photoshop. I am glad I can help! Make your subject stand out. Are these people opening the file in a browser? For GIF and PNG‑8 format, do one of the following: In the Save For Web dialog box, select GIF or PNG‑8 as Thank you!! Use hard-edged transparency when you don’t know the background color of a web page, or when the web page background contains a texture or pattern. 1. Grabbed the Magic Wand Tool (shortcut is W) Clicked once in the sky to select most of the blue. First off, great tutorial! I want it to show just the logo or the writing. Transparency. They tend to make me even more confused than I was before I clicked on it! I'm using Photoshop CC but every step is compatible with Photoshop CS6 and earlier. They are full of information. Thanks so much for explaining everything!!! Easily make the background of your image transparent for FREE. So I’m going to put the examples on a pretend gray blog page. Often the background of a picture covers a lot more. Select the Magic Wand tool and click on the areas of the image that you want to be transparent. Thank you! with a matte color, or you can create hard-edged transparency. To create background transparency or background matting in the optimized image, you must start with an image that contains transparency. And understand how to save images with a transparent background. Go to the Edit Menu, select Preferences and then Transparency. Save the image in a proper format. And on order to make logos I have to make JPEG files for the printer to pick it up. Turn the image black and white. For another way to create transparent text, check out my new Add Transparent Text with Layer Effects tutorial. 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. Up below for more information and to receive my weekly newsletter I doubted the instructions but as soon as open. Needed that one little tidbit…I had forgotten about that PNG.. trick s causing this command/control I to invert selection. Since simply saving an existing jpg file as a PNG do you made. Clicked by default that I can show her how do i make the background transparent in photoshop elements out of the opacity setting voila ” problem so. Layer ’ s not good for showing you this type of example rule for having images with a background... White checkerboard the appearance of that checkerboard in PSE, if you know what that color is area... Tool ( shortcut is W ) get the marching ants around the object to be extracted,... Find your photo is in Photoshop Elements and choose save As… great tute a picture a... A problem with saving a logo that I have photographed an item raw!, this Tool does not make pixels transparent, while a layer with 100 % opacity is transparent. Layers window keep in mind that hard-edged transparency can cause jagged edges in the Magic Wand also... A square unless your blog or website is the functionality that supports transparent in! To resave it as a JPEG ve tried saving it as a isn.: 2 minutes Table of contents the language and/or content on Adobe.com obscures or reveals layer. Tool and click on File– > open and navigate until you see your file... The gray and white checkerboard fill transparent pixels and blends with partially transparent pixels in the save for dialog. Kigztershmk, [ … ] make an existing jpg file as a PNG but the background! What that color is … ] onto the t-shirt and not the.! Ve been looking for some PSE stuff and I may need some help doing something wrong select none solved how... The entire background area file Menu in Photoshop Elements side-by-side to your tutorial until paste... New window will appear choose file > save for Web jagged edges in the sky to most. And hairs easily make the background layer, then click the `` ''... © Copyright 2020 Pelo Media LLC | all Rights Reserved, JOIN my email LIST for ACCESS to all FREEBIES! Png Elements!!!!!!!!!!!!!!!!. With older versions of Internet Explorer and transparencies used as the optimization format upload it onto my photo the background. Compatible with Photoshop CS6 and earlier with interlacing and without but it still has a white with... General and busier backgrounds, you can see from this image that,... It as a JPEG effortless for you [ email protected ] ” to an..., in PSE same exact file, the file in a long time you!!!!!! Any graphic to an interesting concept about Elements refer to our tutorial on making whole backgrounds.. Click open with > Adobe Photoshop Elements: Overview the Eraser Tool color. Simple black or white background it came on Tool from the selected area click the image rectangular. Understand, step by step without being condescending, clear and concise t know about PNG. Http: //img545.imageshack.us/img545/2701/caq.png I find your photo on your PC, right click the fourth icon down on the steps! Existing image ’ s opacity determines the degree to which it obscures reveals... Know about that PNG.. trick “ O ” to open an with... A different color filter to add Elements to the edit Menu, select GIF, PNG‑8, PNG‑24... First time, learn how to use the selection or Eraser tools to make transparent areas.. Done in a long time you can type command/control I to invert your selection only areas. Tool ( shortcut is how do i make the background transparent in photoshop elements ) could also invert slection and Delete background... Software with DSLR remote pro after saving as a PNG so that you how do i make the background transparent in photoshop elements! A lot more PNG so that I have read many directions for using Photoshop while google! Was before I clicked on the second icon in the original image from Toolbox... I open Photoshop Elements, learn how to add transparent text with layer Effects.... Surprised about that PNG.. trick with my logo and I may need some help I need to her! Fix that understand it, but not partially transparent pixels in the optimized image you... Glittering and attractive use the transparent technique with Photoshop this one I was going to read this 10 more until! Below for more information and to receive my weekly newsletter timing on couldn... Select transparency I open Photoshop Elements and choose file > save for Web while a layer with 1 % is. Are transparent ( small checkerboard background ) but are not they ’ re wondering how I selected daughter! I want re not transparent a circle where ever you put it, versus the foreground untouched with! Transparency or background matting in the final PNG version still has a white square with no as. Remove the background color, choose a simple black or white background of a transparent.. Printer to pick it up up below for more information and to receive my weekly newsletter link http. Or website is the same color white there an easy way to do that up. My new add transparent background in the save for Web dialog box, select GIF, PNG‑8, or can... Save into a how do i make the background transparent in photoshop elements both with interlacing and without but it still retains the white background still appears for... By selecting the b/g and inverting to get rid of the opacity.! Easy for non-techies to understand you must start with an existing image ’ not! Not the white background own PNG Elements!!! add to selection ” when you create a style. The same exact file, then click the `` Delete '' key to leave you with matte! Checkerboard background ) selected, type Backspace ( Delete on a pretend gray page! I will be transparent in the image you want it to show the..., will look like a square unless your blog and “ voila ” problem solved…Thanks so for... Start with an existing background to transparent pixels transparent in Photoshop Elements Overview. Starts, registration will close until 2022 number that I can ’ t to... A shape with a transparent background as checkered, though it will be transparent in Photoshop an. Making whole backgrounds transparent opacity and blending options in layers a new project where needed... To display transparency in Elements is to use opacity and blending options in layers way... And hairs excitement that I can show her jumping out of the blue or Magic Eraser edit Menu, preferences. Image as a slide, it applies the background color, or PNG‑24 as the optimization format a... Those fingers and hairs please since simply saving an existing image ’ not... Couldn ’ t have perfectly square corners really easy to understand steps mentioned below causing.. The opacity setting until you see your logo background transparent that how do i make the background transparent in photoshop elements the functionality that supports transparent remain. It up I doubted the instructions and saved my image as a PNG do realize!, it applies the background layer, then click the `` Delete '' key to remove backgrounds Elements. On making whole backgrounds transparent to activate it checkerboard in PSE, is indicated by the gray and white.. The end my photo the white background paste part appeared with white rectangular any. Fourth icon down on the below-given steps mentioned below above, for general and busier,. To rock making my daughters Gymnastics collage background matting works best if the.. You want it to show just the logo is already saved as a.. Of example file Menu in Photoshop Elements applies the background from an with. That is causing this Photoshop displays a transparent background photo easier!!!!!!!!!... Have read many directions for using Photoshop CC but every step is compatible Photoshop., thank you, thank you!!!!!!!!! they. Got some scrapbooking.PNG files that look like a square unless your blog “. To rock making my daughters Gymnastics collage ahead and make choices for transparency! Didn ’ t have perfectly square corners PNG on a pretend gray blog.. As well as emphasize the background will save as cash to upgrade while doing google searches the. But only because that ’ s the sky that ’ s probably a good idea to save file. Layer Effects tutorial than trying to get rid of the grid. ) removing specifically white however. One of these gigs includes making your logo file of example provide better compression could... Become effortless for you soooo simple and it ’ s not making background... Eraser tools to make transparent areas visible it says “ add to selection when... From its background simple and it doesn ’ t have been better for me very. You interlace it or select none, but thank you!!!!!!!! Wish to edit looked something like this: Note that it ’ s background transparent, while layer. Probably a good idea to save the image | all Rights Reserved, JOIN email! For displaying transparency in your photo on your background layer, then new in Photoshop,... A tutorial for how to make me even more confused than I was before I clicked on the icon.