HTMLGoodies
The ultimate html resource
Earthweb.com


About the Double-Underlined Links


Become a Partner




Search Clipart.com:



internet.commerce















HTML Goodies : HTML and Graphics Tutorials : Web Graphics Tutorial: Transparent Gifs with LView Pro

HTML GOODIES TO GO NEWSLETTER


Other Related Newsletters

Transparent Gifs with LView Pro


By Joe Burns

Please understand that versions and interfaces change. This tutorial may look out of date, but the steps to getting the effect are the same.

     LView Pro is the program I've used since the first time I made a transparent gif. I still have the original program. I never saw a need to upgrade. Grab yourself a copy (the address is on the main Transparency Page) and give it a try yourself. Here are the steps:

Open the Program

    You'll get something that looks like this:

Open the Gif

     This is the gif that you will alter to have one part be transparent. When it opens, it'll look something like this:

Choose to Alter a Background Color

     You'll find the command under the "RETOUCH" menu. If your image is small like this one, you will find it under the "R" header. Like so:

Choose the Color to Make Transparent

     A color pallet will pop up like below. Now, I only have three colors in this image. Your images will have many more. You'll have to choose the color you want. It can be confusing at times.
     See where it says to MASK color? You'll know you've chosen the correct color on the pallet because the part of the image you want to be transparent will blacken (or whiten). Like so:

Save it Correctly

     Now that you've denoted a color to make transparent, choose SAVE. Not SAVE AS! Choose SAVE. You will get this question:

Choose YES and You're Done

     Now the image will come up with that portion of color you highlighted as transparent. Here's what my little guy would look like now:

     It's that simple....

Tools:
Add htmlgoodies.com to your favorites
Add htmlgoodies.com to your browser search box
IE 7 | Firefox 2.0 | Firefox 1.5.x
Receive news via our XML/RSS feed

IT Management Networking & Communications Web Development Hardware & Systems Software Development Earthwebnews.com

internet.comearthweb.comDevx.commediabistro.comGraphics.com

Search:

Jupitermedia Corporation has two divisions: Jupiterimages and JupiterOnlineMedia

Jupitermedia Corporate Info

Legal Notices, Licensing, Reprints, Permissions, Privacy Policy.
Advertise | Newsletters | Tech Jobs | Shopping | E-mail Offers