Solved

Need Help With Transparent Background/White Text

Posted on 1999-01-19
1
171 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
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

Announcing the Most Valuable Experts of 2016

MVEs are more concerned with the satisfaction of those they help than with the considerable points they can earn. They are the types of people you feel privileged to call colleagues. Join us in honoring this amazing group of Experts.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

HOW TO CREATE A WEB 2.0 IMAGE WITH A REFLECTION I would like to start by saying I know Web 2.0 isn't a style. It is actually the practice of information sharing or  collaboration on the Web. It is also associated with the technology that is used …
Introduction When sharing photos, especially via e-mail, the large resolution images that most cameras take today make for extremely large file sizes. The time required to upload these files to forums, send in e-mails, post to blogs or even placi…
In this tutorial viewers will learn how to restore old photos in Photoshop (an introduction to the Clone tool) Zoom into a damaged area: Click on the "Stamp" icon to use the Clone tool. Hold the Alt key and click to select a region. Click again, and…
I designed this idea while studying technology in the classroom.  This is a semester long project.  Students are asked to take photographs on a specific topic which they find meaningful, it can be a place or situation such as travel or homelessness.…

726 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