How To Make a Transparent PNG with Photoshop

Uploading images to your Website or using it for presentations with different color backgrounds can sometimes be frustrating, especially if the image does not blend with the background. This problem can be fixed with Photoshop. All you have to do is to make the image transparent and save it as a PNG file so that it will automatically blend with any background color. Read on to learn how to make a transparent PNG with Photoshop.

  1. Open the image you want to make a transparent PNG file in Photoshop. Load Adobe Photoshop on your computer and then go to ‘File’ from the menu bar, click ‘Open’ and then find the image that you will use for this project and click ‘Open’.
  2. Make sure that the image’s format is set to RBG. In order for you to make the background of the image transparent, it has to be in RBG format first. To do this, you have to go to ‘Image’ from the menu bar, go to ‘Mode’ and then select ‘RGB Color’.
  3. Delete the background of the image in your project. If you want to keep the original image, then create a copy for you to work on. Go to ‘Edit’ from the main menu and select copy or simply hit Ctrl+C on your keyboard. Then go back to ‘Edit’ and this time select ‘Paste’ or hit Ctrl+V on your keyboard. If the background of your image is a solid color, select on the ‘Magic Wand Tool’ icon from the toolbox, but if it is not a solid color, you will have to select the ‘Lasso Tool’ from the toolbox. After selecting either the Magic Wand Tool or the Lasso Tool, click on the background of the image and then press ‘Delete’ on your keyboard. You will now see that the ‘logo’ (the main figure without the background) of your image is already transparent. How do you confirm that it is indeed transparent? There should be a checkered-like background behind the logo of your image.
  4. Eliminate the possibility of the ‘Halo Effect’. The Halo Effect appears when you remove the background of an image leaving you with nasty edges around your logo. The edges need a bit of softening up, and you have to make sure that you make the edges fade and allow them to transition smoothly into any background. This may be a bit tricky especially if the image will be used in a Webpage or presentation that does not have a solid background so you really have to be patient to completely get rid of the Halo Effect. To make the edges blend in, go to ‘File’ and then click ‘Save As’ and once the dialog box appears, from the ‘Matte’ section select ‘Custom’ from the dropdown and find the color that will match the background of your Webpage.
  5. Save your image as a PNG file format. Once you are done making changes to the image, especially the rough edges, all that is left to do is to save it as a PNG file. So go to ‘File’ again, hit ‘Save As’ and make sure to select ‘PNG-24’ from the ‘Format’ section, put a check on the checkbox for ‘Transparency’ and select ‘None’ for ‘Interlace’ and then hit ‘Save’.

Follow the steps outlined and you will be able to make a transparent PNG image using Photoshop. If you don’t get it the first time, especially the softening up of the rough edges, just continue practicing and you’ll be perfecting it in no time.


Share this article!

Follow us!

Find more helpful articles: