Solved

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

Posted on 2004-04-15
4
529 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
Comment Utility
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
Comment Utility
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
Comment Utility
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
Comment Utility
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

How to run any project with ease

Manage projects of all sizes how you want. Great for personal to-do lists, project milestones, team priorities and launch plans.
- Combine task lists, docs, spreadsheets, and chat in one
- View and edit from mobile/offline
- Cut down on emails

Join & Write a Comment

Suggested Solutions

Many programs have tried to outwit PowerPoint in terms of technology and skill. These programs, however, still lack several characteristics that PowerPoint has possessed from the start. Here's why PowerPoint replacements won't entirely work for desi…
Technology opened people to different means of presenting information, but PowerPoint remains to be above competition. Know why PPT still works today.
Learn how to create interesting presentations by including videos to keep your audience engaged using Prezi. Select "Insert" from the top menu in your Prezi editor: Select "YouTube Video": Paste the video URL into the prompt: "Select "Insert":…
Add visuals to your Prezi to keep your audience engaged. Learn how to embed images, edit them, and more in this video micro tutorial. Select "Insert" from the top menu in your Prezi editor: Select "Image": A toolbar will pop in from the right …

762 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