Solved

How To Get Transparent GIF but Maintain The Translucent Effect on It

Posted on 2004-04-15
4
532 Views
Last Modified: 2013-12-13
We're in the middle of creating skins for our apps' header.

Pls refer to the below image
http://dev.otsb.com.my/chat/images/example.gif

The GREEN area should be WHITE background.
The WHITE translucent area should be TRANSLUCENT, just like how you see them.
Meanwhile, the YELLOW area, the color is not tied to YELLOW only. It can be red, blue, green, purple, etc. This area should be transparent and takes in whatever background color the cell has in the html file.

My question is, how come when the translucent gif exported, the translucent color lose it's shine?

Reply preferably by today as I need answers ASAP.

Sylvia
0
Comment
Question by:sylviawee
  • 2
4 Comments
 
LVL 4

Accepted Solution

by:
monolith_888 earned 400 total points
ID: 10833657
Sylvia,

There have been monumental headaches associated with trying to export a faded or gradiated(?) color into the land of the web.  Almost always you will get a pixelated, or distorted look that is yukky.

Basically, you're saying that the white color is the only actual part of the image sitting on the page, and that everything behind it is transparent letting through only the TD color.  When an image is faded to transparent, and *that* is the image that sits on the web, you're going to have issues.

My solution to you would be to have those images ready for use, premade if you will, so that when the user selects their color, that image (purple with white shine, green with white shine, etc...) is swapped in, instead of trying to use the background color of the cell to do that.  That way you won't lose your look.

-hth
Blake
0
 
LVL 2

Assisted Solution

by:itwerx
itwerx earned 100 total points
ID: 10884305
I'd have to agree with Blake. Trying to use partially transparent images will leave you with a very poor quality look. To achieve the effect you are after, you are better off preparing all the variations of the image then controlling the final look using CSS.

Hope this helps...
0
 

Author Comment

by:sylviawee
ID: 10897924
Blake, that's well written. I didnt use the partially transparent-fading images. Made my work easier by choosing slightly rounded but flat edges...
0
 

Author Comment

by:sylviawee
ID: 10897931
itwerx, that's a tedious work so put it off but I did some CSS on it to get the TD color to reflect the transparent area in order to achieve the rounded edges. thanks. u get 100 points.
0

Featured Post

Free Tool: SSL Checker

Scans your site and returns information about your SSL implementation and certificate. Helpful for debugging and validating your SSL configuration.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
Web design prices 4 402
Restoring corrupted jpg and mp4 files 11 106
Simple 3D CAD 18 113
Microsoft Paint 10 67
Keep your audience engaged and get the most out of your next presentation with these quick Prezi tips.
Technology opened people to different means of presenting information, but PowerPoint remains to be above competition. Know why PPT still works today.
Learn the basics of inputting and editing your text components in Prezi. We will cover how to set styles, position, and group your text components. In your Prezi editor, click anywhere on the canvas to add text: A flashing cursor informs you that yo…
Learn how to use the remote presentation tool in Prezi to allow you to harness the power of this cloud based presentation platform. You can show your presentation with a remote audience using this free tool.

830 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