Text On Transparent Background-

DB
Posted By
Dennis Brody
Sep 14, 2003
Views
2053
Replies
9
Status
Closed
Hello- I am trying to create simple text in PS7 to display against a transparent background. Normally I create a new transparent document and simply type on it (with "Sharp" selected). When I save it as a .gif with transparency for the web, the edges of the text are not at all smooth. I have tried to adjust the anti-alias settings and most everything else, but no matter what, the text edges remain unacceptably rough. I have also tried the "Export Transparent Image Wizard" from the Help menu. This yields better results, but still not nearly as sharp as other examples I’ve seen. To simplify this question: How does one create sharp-edged text against a transparent background? I’m sure I’m missing something obvious here… any ideas?
Thank-You! DB~

Master Retouching Hair

Learn how to rescue details, remove flyaways, add volume, and enhance the definition of hair in any photo. We break down every tool and technique in Photoshop to get picture-perfect hair, every time.

DM
Don McCahill
Sep 14, 2003
Start a new image with a transparent background. Type your words. Make sure anti-aliasing is "ON" probably to smooth. Use the save for web feature to make the GIF. Transparency will be selected.

The trick is that you have to choose a matte color here. It should be near the color that the text will rest on on the page. If the text will be on a background, choose a color averaging the colors in the bg image.

You will get good results every time.
RD
Roy Douglas Stewart
Sep 14, 2003
Dennis
Please let me know if your reply has sorted your problem. I am having the same problem and since trying to get smooth non-jagged edged type onto a webpage, whenever I type now, even with anti-aliasing turned on I get jagged edged type. See my post "jagged edged fonts"
DM
dave milbut
Sep 14, 2003
roy, why don’t you try don’t reply yourself…
DM
Don McCahill
Sep 14, 2003
Roy

Your image is a jpg, and he is seeking transparency, thus a GIF (or PNG, but that is a whole other thread). Your problem will not be related to this situation. (See the suggestion I made in your thread).
DM
dave milbut
Sep 15, 2003
why don’t you try don’t reply yourself.

that was supposed to read "don’s reply" not "don’t reply". sorry.
DB
Dennis Brody
Sep 15, 2003
Hello Again All- I have tried using an appropriate matte color when saving my transparent .gif for the web, but the results have been disappointing. For the most part, no improvement at all. Could the size of my type be a factor? I’m using fairly small text, anywhere from 10 to 12 points. Also, are some fonts better suited to transparency than others? I have been experimenting with Verdana, Tahoma, and Arial mostly, but once again, the results are consistently poor. Any more ideas?
Thanks Again… D!
DB
Dennis Brody
Sep 15, 2003
Hello Again- This is perhaps a chance to answer my own question: I just spoke to someone who told me that certain fonts, (Verdana for one), are optimized for screen display, rather than for printing. If you use one of these screen-optimized fonts in a transparent .gif, be sure to TURN OFF anti-ailiasing. The results are quite good, even without a matte! There are slight variations from font to font, type size, serif-vs-non serif, etc, etc., but generally, this appears to be a simple and effective way to put text onto a transparent background while maintainign sharp edges. If anyone out there can supply more information about screen-optimized fonts, please post it. Thanks!
DB~
DM
Don McCahill
Sep 15, 2003
Dennis

Everyone has his/her own opinion over what sharp consists of. I find that without anti-aliasing, most characters develop jaggies that look horrible. To me. I have had other people tell me that these monstrosities <Grin> are exactly what they are looking for.

If you get something that looks good to you without anti-aliasing, go for it. I hope I wasn’t steering you in the wrong directions by recommending it.
DB
Dennis Brody
Sep 15, 2003
Don- I’ve been steering in the wrong direction most of my life, all on my own, so no need to apologize. I appreciate the input, and I’ll continue to experiment with the font thing. Everyone does perceive things in a different resolution I suppose: One man’s "jaggies" is another man’s "voluptuous."
DB~

MacBook Pro 16” Mockups 🔥

– in 4 materials (clay versions included)

– 12 scenes

– 48 MacBook Pro 16″ mockups

– 6000 x 4500 px

Related Discussion Topics

Nice and short text about related topics in discussion sections