Home  >  Tutorials  >   PSP 8 Tutorials  >
Stained Glass Text
E-mail this tutorial to a friend Email to a Friend

Stained Glass Text
Created by: Wendi

In this tutorial I will show you how to create stained glass text. The seamless glass tiles come with the download file below, the leading is created with PSP. Good luck!
Download File Download File
The download file on the left contains the seamless glass tiles (Emerald, Amber and Fiery Red) that you'll need to follow this tutorial.

New Image

Open a new image:
– Width = 8 inches (576 pixels)
– Height = 4 inches (288 pixels)
– Resolution = 72.000
– Background = Raster Background
– Color Depth = 16 Million Colors (24 Bit)
– Color = White
– Transparent = unchecked

Materials Palette - Materials Box  Materials Solid Color Option

Set both your Foreground and Background Materials to Solid Color, no Textures:
– Foreground = Black
– Background = White


Text Tool

From your toolbar select your Text tool with the following settings:
– Create as = Floating
– Font = Plump (or a font equally wide)
– Size = 140 (just type it into the box; you may want it smaller or
   bigger depending on the font you're using)
– Stroke width = 1
– Anti-alias = checked
– Alignment = centered
– Font style = Bold
– Kerning and Leading = both 0

Click into the image to open the Text Entry dialog, type in your text and click on Apply. Your image will appear, as shown on the left, surrounded by a marquee (moving white lines). If necessary, centre your text in your image.


Go to Effects || Edge Effects || Erode. The lines around your text will become thicker. Repeat the Erode effect a further 4 times, until it is similar to the image on the left, or more if you would like the leading plumper.

Then go to Selections || Select None or press Ctrl+D to deselect.


Magic Wand Tool

From your Tools toolbar select your Magic Wand:
– Mode = Add (Shift)
– Match mode = RGB Value
– Tolerance = 20
– Sample Merged = checked
– Feather = 0

Click once on each letter, then once in the centre of the space of the letter A, finally in the surrounding white canvas. All the white areas in your image should now be selected.

Now go to Selections || Invert so that now the black lines around your text are completely surrounded by the marquee, as shown on the left.


Now for the leading, first go to Effects || Texture Effects || Sculpture with the following settings:
– Pattern = Silver
– Size = 100
– Smoothness = 89
– Depth = 100
– Ambience = 100
– Shininess = 9
– Color = silver (Red=137, Green=140, Blue=144; #898C90)
– Angle = 315
– Intensity = 30
– Elevation = 23


Next go to Effects || 3D Effects || Inner Bevel with the following settings:
– Bevel = Bevel #1 (the triangle)
– Width = 9
– Smoothness = 9
– Depth = 100
– Ambience = -5 (minus 5)
– Shininess = 11
– Color = white
– Angle = 315
– Intensity = 40
– Elevation = 60

Deselect with Selections || Select None (Ctrl+D).


Pen Tool  Draw Mode

We are now going to "lead" the rest of the text. From your Tools toolbar select your Pen tool with the following settings:
– Contiguous = unchecked
– Create as Vector = unchecked
– Simple Mode = checked
– Mode = Draw Mode (middle icon)
– Segment Type = Line segments (left icon)
– Line Style = Default line
– Width = 9
– Anti-aliasing = checked


New Raster Layer

Go to Layers || New Raster Layer (there is no need to name it), then carefully draw the rest of the leading. Remember! – if you make a mistake, click on Undo (Edit || Undo) and redraw your line.

To finish the leading, repeat the Sculpture and Inner Bevel effects.

Then go to Layers || Merge || Merge Visible.

Tip: If part of the black outlines have not been converted to leading, create a New Raster Layer, then carefully redraw the leading by hand, as described above, then apply the Sculpture and Inner Bevel effects once again. Your finished leading should look similar to the image on the left.


Open Image

Flood Fill Tool

Materials Palette - Materials Box  Materials Pattern Option

It is now time for the final stage, applying the stained glass seamless tiles. Open your three tiles in PSP and minimize them, they will now be available to work with.

From your Tools toolbar select the Flood Fill tool with the following settings:
– Match Mode = RGB Value
– Tolerance = 135
– Sample merged = checked
– Blend Mode = Normal
– Opacity = 100

In your Foreground Material box, activate the Pattern. Click into the box and scroll up and click on the Fiery Red tile.


Now left-click on the segments you would like filled red. Activate the Emerald and Amber tiles in the same way, and completely fill your "glass" in the design you prefer. Your stained glass text is now complete as shown below. (It is important that you do not click on the leading, if you make a mistake, click on the Undo button and start again.)

Your text is now ready to crop to size, and upload to your web site, or cut and paste onto another document. Experiment with different-coloured gradients within PSP, and create your own stained glass text.

Very best wishes,