Solved

Need Help With Transparent Background/White Text

Posted on 1999-01-19
1
167 Views
Last Modified: 2010-04-03
Hi, I don't know what I did right the first time but I was hoping someone could offer any suggestions....

I wanted to make transparent buttons with white text for a web page that has a blue (RGB 41, 41, 188/ Hex 2929bc) background.  The first time I got my white text with blue tints in them and so it looks great on this blue background.  When I tried to recreate it, I couldn't remember how I did it so the text is all white and it doesn't look so great against the blue background.

Can does anyone know how I recreated the first image?  You can see the two images at

http://www.irvine.quik.com/jbaker/test.html
0
Comment
Question by:sunrei
1 Comment
 
LVL 1

Accepted Solution

by:
davejenkins earned 200 total points
ID: 1116099
Sun,
You're experiencing classic anti-aliasing difficulties.  This is what you should do:
1. open a new document in Photoshop, color the background layer with the blue (RGB: 41,41,188).
2. Type your text for the buttons on layer 1
3. Convert the image mode to Index Color
4. The image should now be flat.
5. EXPORT the image to GIF89 format.  When is asks you to choose the transparency color, select out away from the type.  You should get the white type with some blue fuzz around it (the anti-aliasing) and then the grey showing the transparent region.
6. Save this as your button
7. Upload to server and enjoy with some ice-cream.

Dave
www.mediabang.com
0

Featured Post

Highfive Gives IT Their Time Back

Highfive is so simple that setting up every meeting room takes just minutes and every employee will be able to start or join a call from any room with ease. Never be called into a meeting just to get it started again. This is how video conferencing should work!

Join & Write a Comment

Suggested Solutions

In this article, I'll explain how to change the color of a selection in Photoshop. I'm sure there are a couple different ways to do this in photoshop, but this is my preferred method in Photoshop. I am using Photoshop CS6 and I will be adjusting the…
Read about why website design really matters in today's demanding market.
In this tutorial viewers will learn how to correct colors in Photoshop using the Curves adjustment Open a photo for editing in Photoshop: Begin by creating a new adjustment layer by going to Layer > New Adjustment Layer > Curves: Select "OK" on the …
Make a selection using the pen tool to trace the selection. Then alter the color of the selection by using the color balance option in Adobe Photoshop.

708 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

13 Experts available now in Live!

Get 1:1 Help Now