Sidebar Sidebar
Become a MacRumors Supporter for $50/year with no ads, ability to filter front page stories, and private forums.

How to create crisp image-based type with transparency background

macaddict23

macaddict23

macrumors 6502
Original poster
Jun 20, 2006
382
1
MacVille, USA
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.
 
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.

logo.png


logo.jpg
 
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
 
Kaliemon said:
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
Click to expand...

I use this and yes, it works.
 
PNG's for text

Use PNG-24 (without interlacing) for transparency effects.
 

Attachments

  • transparency.png
    transparency.png
    2 KB · Views: 1,582
You must log in or register to reply here.
Register on MacRumors! This sidebar will go away, and you'll see fewer ads.
Top Bottom
Back