Text as Graphics

The text in the body of a Web Page can only be displayed in Fonts that are installed on the viewer's machine. But text used in graphics can be of any type that the producer desires. It would not be practical to make a whole web page into a graphic just to display a desired font, the file size would be large, and the load time slow. On the other hand The desired affect can ge reached for logos and buttons. Hers are some Graphics-Based Typography examples that could be used with various background graphics in the creation of logos or buttons.

All of these samples were created in Adobe Photoshop, using the text selection tool, and special affects that I have specified for each graphic. Next they were opened in GIFConverter and the backgrounds were made transparent, and each was converted to a web safe 216 color GIF. Finally I opened them in GraphicConverter deleted unused colors, reducing each file to the smallest possible size.

If the following notes don't make much sense to you, it is because they were composed to help me remember how I created the images.


Alian Skins Shadow File size 7,480 bytes.
Font = Mshawaka, 38 pts, spacing 9.
Alien Skin > Drop Shadow >offset X4 Y4 blur=4 opacity=100% Browser safe color R0 G51 B153.
Alien Skin > Drop Shadow >offset X0 Y0 blur=10 opacity=70% Browser safe color = R255 G255 B0.
Sphereize 100% Normal.
Alian Skins x3 File size 4,831 bytes.
Font = Script MT Bold 48 Pts.
Alien Skin > Drop Shadow >offset X-6 Y-6 blur=4 opacity=100%, Browser safe color R0 G51 B153.
Alien Skin > Drop Shadow >offset X-3 Y-3 blur=2 opacity=100%, Browser safe color = R255 G255 B0.
Alien Skin > Drop Shadow >offset X0 Y0 blur=10 opacity=70%, color = R0 G0 B0.
Stroke 2 pixels Browser safe color R0 G51 B153.
filter > Maximum Radius 1 pixel.
Stylize > Find Edges
Gradient Fill File size 4,157 bytes.
Font = Bondoni MT Ultra Bold 56 pts.
BG White.
Gradient R0 G51 B153 to R255 G0 B0 ran from opposite corners of two offset Selections.
Twirl 50%.
photo in text File size 4,937 bytes.
Font = Bondoni MT Ultra Bold.
Chihuly Glass art used for to fill the text.
Stroked 1 Pixel Black.
Alien Skin > Drop Shadow >offset X10 Y10 blur=3 opacity=80%, Black.
Back to Index of Web Graphics
Creating Navigational Buttons