PDA

View Full Version : How to create crisp image-based type with transparency background



macaddict23
Mar 9, 2008, 04:58 AM
In the past, I used to set my type in Photoshop and then export them either as a JPGs or GIFs via "Save For Web". Then I realized I could get sharper results by setting the type in InDesign (document view at 100%), taking a screenshot, and then pasting the screenshot into Photoshop. Cool. Works great. But now I need to create type graphics with a transparent background. What's the best cleanest way to do this? Thanks in advance.


Kaliemon
Mar 9, 2008, 10:15 AM
You can try create the graphics in Illustrator and use the "Save for Web" option, and save them as PNG files with transparency.

I use this method. I posted some examples below. I don't think it has transparency though.

http://www.everrose.com/images/logo.png

http://www.gishengroup.com/images/logo.jpg
IC3D
Mar 9, 2008, 10:19 AM
Transparent png's work best.... BUT for those still using IE6 you don't see the transparency via web. :(
Kaliemon
Mar 9, 2008, 10:29 AM
Here's one method of getting transparency to work in IE 6. I don't know if it still works since I don't have IE6, but it used to.

Add this to the <head> section.

<!--[if lt IE 7.]>
<script defer type="text/javascript" src="pngfix.js"></script>
<![endif]-->

And place this file in your web directory or where ever you keep scripts. Just make sure the "src" above matches the location of the script.

pngfix (http://www.gishengroup.com/pngfix.zip)
Coolnat2004
Mar 9, 2008, 12:54 PM
Here's one method of getting transparency to work in IE 6. I don't know if it still works since I don't have IE6, but it used to.

Add this to the <head> section.

<!--[if lt IE 7.]>
<script defer type="text/javascript" src="pngfix.js"></script>
<![endif]-->

And place this file in your web directory or where ever you keep scripts. Just make sure the "src" above matches the location of the script.

pngfix (http://www.gishengroup.com/pngfix.zip)

I use this and yes, it works.
macaddict23
Mar 9, 2008, 04:54 PM
Thanks guys. Can you tell me your settings for PNG? Also, which is best, PNG-8 or PNG-24?
Puzz
Mar 9, 2008, 05:06 PM
Use PNG-24 (without interlacing) for transparency effects.
macaddict23
Mar 9, 2008, 06:33 PM
Use PNG-24 (without interlacing) for transparency effects.

Thanks, Puzz.