WebBuilder101 - Making the web happen!
Need Web Dev software? Here is the place to
Flash Point
Creating Transparent GIFs

By Eddy R.
7-27-00

In this tutorial you'll learn how to create transparent GIFs with Adobe PhotoShop. To get started, fire up PhotoShop and create a new image - of any size, by going to File>New - make sure the Transparent option from the Contents area is checked.

Now, select the Type tool and add some text to the image - do not create new layers. When you are done, you should get something like this.

Transparent Background

Next, go to Select>All and then Edit>Copy, and close the image without saving it. Now go to File>New to create a new image. Once the new image appears, go to Edit>Paste. Go to File>Export>GIF89a Export and select Adaptive from the drop down Palette menu - you can also change the mumber of colors from the Colors drop down menu if you prefer.

Finally, select the color that matches the background of your web page from the Transparency Index Color by clicking on the gray box. Click on OK to accept the export options and save the image in your hard drive. The results should look something like this.

Transparent GIF

To help you see the effect, I've placed the image in a Table with an orange background.

Results
.

 

More Resources

Adding Sparkles to Text
Drop Shadow Effect
Clouds and Lens Flare effect
Learn how to use Graphics Editors
Logo Design - Tips
Creating an Image file


Suggested Reading

Beginning Active Server Pages 3.0
JavaScript Bible
Red Hat Linux
Dreamweaver 3.0
HTML Bible



Download WB101 Wallpaper
• Web Builder 101 Wallpaper Get it!.
• Find out how to create your own Wallpaper Teach me!.
Sign up for our Newsletters
• Web Building Sign me Up!.
• Net Alert! Sign me Up!.
Need Help?
• Contact Support Click here.
• E-mail the Webmaster Click Here.
• Search Tips Click Here.

Webbuilder101.com © 1998 - 2003 Copyright and Terms of Use
Send mail to: webmaster@webbuilder101.com

» About » Support

» FAQ » What's New » MyLog

Web Builder 101 Web Builder 101 - Making the Web Happen Web Builder 101 - Making the Web Happen
.