Media Lab Home > SiteGrinder Home > Feature Overview > Web Text
Convert Styled Photoshop Text to Styled Web Text
Photoshop supports powerful style tools for text layers and Web pages have increasingly flexible text display options via technologies like Cascading Style Sheets (CSS). Wouldn’t it be nice if you could automatically convert one to the other?
SiteGrinder is unique in its ability to automatically and thoroughly convert Photoshop text layers directly into web text that preserves the character and paragraph styles of the original layer wherever possible. The text you are reading now is a simple example. This text is live web text that is searchable, selectable, and modifiable in any web page editing tool and came straight from a Photoshop text layer.
SiteGrinder supports character color, size and styles like bold, italic, and underlining. SiteGrinder also supports leading, character spacing, left, center, and right alignment, and justified paragraphs. SiteGrinder even translates indentation, left and right margins, and pre- and post- paragraph spacing into CSS.
SiteGrinder gives you two ways to indicate that you would like a text field to become real text rather than a graphic of text on the web page. The first way is to set the layer’s anti-aliasing to “none”. This has the advantage of making it very easy to tell by eye which text layers in Photoshop will become graphics and which will become web text. The other technique is to simply add “-text” to the end of a text layer’s name. This will cause the layer to produce web text on the resulting page that SiteGrinder builds regardless of the anti-aliasing. That’s it - SiteGrinder does the rest!
SiteGrinder can even create scrolling text. To instruct SiteGrinder to make a text layer into a scrolling text area on the resulting web page you need only add “-scroll” to the end of the text layer’s name.