: Making parts of image transparent - am I doing it right? First, I want to make it very clear that I am a newbie in the graphic design field and I have no idea of how things are done.

@Jessie844

If I understand correctly, your actual icon should be 96 by 96 pixels with a transparent padding that adds up to 128 by 128 pixels.

First of all, what you did in the second step was reduce the size of the green background of your logo. I assume you want to keep the full logo without actually reducing its background.

First, open your logo as it is, 128x128 pixels. I downloaded your logo just to show how this will work.



Then, go to the image tab and choose resize, then adjust it to 96x96 pixels, this will resize you logo to the 96x96 pixel size.





At this point, your logo size will be reduced to 96x96 pixels, without reducing the green background color as you can see



now the next step, go to the image tab again but this time choose canvas size. Now you resize the canvas size to 128x128 pixels. make sure you adjust the image icon to the center as shown, this will result in increasing canvas size to 128x128pixels, creating that white padding that is shown in the image.







Now we have that white padding, but that's not what we want right? we want the padding to be transparent. Now choose the magic wand tool from the tool panel on the left. its the one that looks like a black stick.



We are almost done, now select the white padding area with the magic wand tool. this will only select the white area as shown.



After you selected the white padding area, simply press delete on your keyboard and that should the white padding, leaving you with this transparent padding as shown.



You are done! now just save the image as a png file in order to keep the transparent padding. jpegs don't have an alpha value thus can't keep transparencies.

Hope this helps.

Vote Up Vote Down