Transparent Backgrounds
Divider
I have had a few request to do a tutorial on how to create an image or logo on a transparent background. To create a truly transparent background, it is best to work with a single image. That is to say don't try and add drop shadows. This example is based on the use of Paint Shop Pro 5, and is different then saving a transparent image with 4.0. Although I am working with a text image you can do the same with a graphical image.

Step #1

Select a new image (in this case 350x50). Under Image Character make sure Background color is select to Transparent and Image type is 16.7 Million Colors (24 bit), and select OK

trans1.gif

Step #2

You should now have a new image box that looks like the on below;

trans2.gif

First from the Paint Palette choose the color you want your text to appear in (set the background color to white). Now select the text tool and pick the font of your choice, make sure Floating is checked and Antialias is not checked. Enter your text and select OK. Now that the text is entered in the image box we are ready to make the background transparent (Do not de-select the text).

trans2a.gif

trans3.gif

Step #3

Now with the text still selected, from the Menu Bar select Colors, go down to decrease colors and click on 256

trans4.gif

This will open a question box.

trans5.gif

Answer this one with a "Yes", and the following with OK (leave all the settings as is).

trans6.gif

Step #4

Again from the Menu Bar click on Colors and go down to Set Palette Transparency and select it. That will open an info box like the one below.

trans7.gif

Now make sure it is set exactly the same as above. You will need to select the middle radio button that says "Set the transparency value to the current background color", and click OK.

Step #5

Now de-select the text and save it as a gif format and you are done.

trans9.gif - 7006 Bytes

Return to Introduction proceed to next lesson.