|
|
| Author |
Message |
ade234uk
Joined: 05 Dec 2006
Posts: 2
|
 Posted: Tue Dec 05, 2006 3:04 pm Post subject: Transparent text over a css gradient background |
 |
|
I have created a gradient background in photoshop and positioned this on my webpage using css.
I thought it would be nice to create some page titles in photoshop instead of using regular fonts.
Something that has always stumped me, is whenever I have created text on top of a transparent background using photoshop, saved for web, gif @ 256 colours and applied to the webpage, no matter what I do the text always look frazzled around the edges. Is there a technique to creating transparent text that looks smooth?
Do I need to increase the dpi? |
|
|
|
|
 |
talos
Joined: 07 Dec 2006
Posts: 16
|
| Posted: Thu Dec 07, 2006 12:58 pm Post subject: |
|
|
I'm not a pro at this part, but setting the Matte to the background color is key to using gifs. It defaults to white, so if your background isnt white, you see edges. Since you have a pattern, you might be able to use one of its colors. Or you could try to put the background behind the text only...
Is the page online?
Just to verify, its the text that is transparent, not the background... |
|
|
|
|
|
ade234uk
Joined: 05 Dec 2006
Posts: 2
|
| Posted: Tue Dec 12, 2006 1:17 am Post subject: |
|
|
Yes the text has been saved with a transparent background.
The background on the webpage is gradient and is postioned using css.
Its fine to use normal text like Arial etc over it, no transparency problems because it is generated using html.
But I would like to use text created in photoshop for my headers because it is sharper.
One thing I did find that worked was saving the text as .png but .png does not work in ie which is just typical. |
|
|
|
|
|
talos
Joined: 07 Dec 2006
Posts: 16
|
| Posted: Tue Dec 12, 2006 5:41 am Post subject: png can work |
|
|
you can put code on your page that will enable pngs to work in IE6. they do work with IE7. |
|
|
|
|
|
|
