Home>Tutorials>Basics Tutorials>
Stained Glass Cat
E-mail this tutorial to a friendEmail to a Friend

Stained Glass Cat
Created by:two cents

Stained Glass Cat
In this tutorial, we'll create a stained glass cat using the 'Pattern' option of PSP's colour palette.
Download the attachment for this tutorialDownload File
Before you start you should download the zip file on the left which contains the cat image and the stained-glass patterns used in this tutorial.



Standard Toolbar - Open (image) button

Preparations

Navigate to the folder where you placed the download files. Open '/tutorial/html/tutbasic/Cat.jpg'. Duplicate it by holding down the Shift key and then pressing 'D'. Close the original image to save your outline template.

Open all the numbered jpegs. These are the stained glass images we will be using to flood-fill the different panels in the cat. However, if you'd like to make your cat a different colour, by all means, visit Spectrum Glass or Armstrong Glass as they have many images to choose from. The images need to be opened so Paint Shop Pro can use them in the Pattern list. You can minimize them so they don't clutter your workspace.





Layer Palette - Create layer button

In your Layer palette, right-click on the 'Background' layer and select 'Promote to Layer' from the popup menu. Name this layer 'Cat Outline'.

Create a new layer, name it 'bg'. Drag it to the bottom of the 'Cat Outline' layer. Highlight the 'Cat Outline' layer.


Cat Body

On the colour palette, click on the little black arrow in your Foreground-Style box. When the little menu box opens, choose 'Pattern' (third icon from left consisting of little dots). Click again on the styles foreground box and this will open the 'Pattern' dialog box.

Click on the down arrow and look for the orange-brown image, '/tutorial/html/tutbasic/49LL.jpg'. Change these settings:
Angle = 45
Size = 200

Click on OK and check the 'Lock' option beneath the Texture boxes. We will be using this setting and colour first.


Tool Palette - Magic Wand tool

Activate your Magic Wand:
Match mode = RGB value
Tolerance = 50
Feather = 0

These values will be used for all Magic Wand settings in this tutorial.

Body Selection Areas

Click on the back panel of the cat. Hold down the Shift key and click inside all cat panels except the nose, the eye, the inside of the cat's right ear, all of the tail, and the two front socks as well as the little bit of foot under the tail.

(In the image on the left, the areas that should be selected are marked with a little blue spot.)

Hit the Delete key.


Layer Palette - Create layer button


Note

Create a new layer and name it 'Stained Body'. Make sure the layer stays highlighted in the Layer palette.

Note: From this point on you can take the option of creating a new layer for every stained panel(s) you create. This allows you to apply different effects to separate panels.

Otherwise, just name this layer 'stained' and highlight this layer when flood filling.


Tool Palette - Flood Fill tool

Use the Flood-Fill tool (the little bucket) with these settings:
Blend Mode = Normal
Match mode = None
Opacity = 100

These settings will be used for all flood-fill operations.

Body Flood Fill

Click in one of the selected panels to flood-fill all the panels with your stained glass pattern.

If you don't like the angle, click on the Undo button (or press Ctrl+Z; Edit || Undo), go back to the 'Pattern' dialog box and change the Angle and/or Scale to your liking. You can also play with the scale setting. Just don't make the size so small that the glass starts tiling within the selection.

Now highlight the 'Cat Outline' layer.




Cat Tail

Click on the Foreground-Style box which will bring up the 'Pattern' dialog box. Use these settings:
Scale = 100
Angle = 85

Click on OK.

Tool Palette - Magic Wand tool

Activate the Magic Wand. Click on the tail closest to the cats body (not the tip of tail).

Hit the Delete key.

Layer Palette - Create layer button Create a new layer and name it 'Stained Tail'. Make sure this layer stays highlighted in the Layer palette.
Tool Palette - Flood Fill toolFlood-fill Tail Base

Flood-fill the selection. As before, feel free to fiddle with the settings in the 'Pattern' dialog box.

Highlight the 'Cat Outline' layer.




Socks and Foot

Click on the Foreground-Style box and, in the 'Pattern' dialog box, click on the 'Pattern' selection box. Choose '/tutorial/html/tutbasic/1075LL.jpg' with these settings:
Angle = 0
Size = 100

Click on OK.

Tool Palette - Magic Wand tool

Activate your Magic Wand. Click on one of the cat's socks. Hold down the Shift key and click inside the other sock and the bit of foot under the tail.

Hit the Delete key.

Layer Palette - Create layer button Create a new layer and name it 'Stained Feet'.
Tool Palette - Flood Fill toolTail Base Flood

Flood-fill the selected panels. (Feel free to fiddle with the settings in the 'Pattern' dialog box.)

Highlight the 'Cat Outline' layer.




Tip of Tail

For this selection we will use the stained glass pattern used for the socks and paw. Click on the Foreground-Style box and set the following values:
Scale = 100
Angle = 135

Click on OK.

Tool Palette - Magic Wand tool

Activate your Magic Wand. Click on the tip of the tail.

Hit the Delete key.

Layer Palette - Create layer button Create a new layer and name it 'Stained Tailtip'. Make sure the layer stays highlighted in the Layer palette.
Tool Palette - Flood Fill toolTail Tip Flood

Flood-fill the selected panel. (Feel free to fiddle with the settings in the 'Pattern' dialog box.)

Now highlight the 'Cat Outline' layer.




Ear and Nose

Click on the Foreground-Style box which will bring up the 'Pattern' dialog box. Click on the 'Pattern' selection box and choose '/tutorial/html/tutbasic/118splp.jpg' with these settings:
Scale = 100
Angle = 25

Click on OK.

Tool Palette - Magic Wand tool

Activate your Magic Wand. Click on the inside of the cat's right ear.

Hold the Shift key down and also click on the nose of the cat.

Hit the Delete key.

Layer Palette - Create layer button Go to your Layer palette and create a new layer and name it 'Stained Ear'. Make sure this layer stays highlighted in the Layer palette.
Tool Palette - Flood Fill toolNose Ear Flood Fill

Flood-fill both selections. Feel free to fiddle with the settings in the 'Pattern' dialog box.

Now highlight the 'Cat Outline' layer.



Eye

Click on the Foreground-Style box and select '/tutorial/html/tutbasic/1414_sBig.jpg' in the 'Pattern' selection box with these settings:
Scale = 50
Angle = 100

Click on OK.

Tool Palette - Magic Wand tool

Activate your Magic Wand. Click on the cat's eye.

Hit the Delete key.

Layer Palette - Create layer button Create a new layer and name it 'Stained Eye'. Make sure the layer stays highlighted in the Layer palette.
Tool Palette - Flood Fill toolEyeFlood Fill

Flood-fill the selected panel. (Feel free to fiddle with the settings in the 'Pattern' dialog box.)

Now highlight the 'Cat Outline' layer.

Almost done ...



Background Panels

In the 'Pattern' dialog box, choose '/tutorial/html/tutbasic/83874s.jpg' with these settings:
Scale = 100
Angle = 0

Click on OK.

Tool Palette - Magic Wand tool

Activate your Magic Wand. Click on one of the back panels. These are whatever panels that aren't cat. Hold down the Shift key and click inside the other panels. Be sure to include the small background panels between the tailtip and the legs, the cat's left leg and main body, and the little bit of panel under the chin. I missed that the first time I made the cat.

Hit the Delete key.

Layer Palette - Create layer button Create a new layer and name it 'Stained Background'. Make sure the layer stays highlighted in the Layer palette.
Tool Palette - Flood Fill toolBackground Panels Flood Fill

Flood-fill all the selected panels. Feel free to fiddle with the settings in the 'Pattern' dialog box.

Now highlight the 'Cat Outline' layer.

Tool Palette - Magic Wand tool

Leading

Activate your Magic Wand. Click anywhere on the black outline of the cat. If there is a White Border around the outline that is not selected, hold down the Shift key and click in this area to select it also. This will become the leading.

Leave selected.

Go to Effects || Texture Effects || Sculpture and choose the 'Gold' preset from the 'Presets' drop-down list. If you wish to darken the gold colour a bit, increase the depth slightly.

Leave selected. Next go to Effects || Texture Effects || Texture and use the settings as follows:
Texture = #25 ("Grainy Bumps")
Size = 25
Smoothness = 0
Depth = 1
Ambience = 0
Shininess = 50
Color = White
Angle = 315
Intensity = 50
Elevation = 30

Leave selected. Go to Effects || 3-D Effects || Inner Bevel and use the 'Metallic' preset. Click on OK.

Now deselect with Ctrl+D (Selections || Select None).


Layer Palette - Layer visibility off




Layer Palette - Layer visibility on

Now, if you created a new layer for each panel, click on the eyeglasses next to the 'bg' layer and the 'Cat Outline' (now the leading) layer to make them invisible. Right-click on one of the stained glass layers and choose Merge || Merge visible from the popup-menu.

Click on the eyeglasses to make the 'bg' layer and the 'Cat Outline' layer visible again. Drag the 'Merged' (stained) layer below the 'Cat Outline' layer. Then go to Layers || Merge || Merge visible.

And there is your cat!!!

A final note: In this tutorial, you selected a number of panels, about 10 or so in the case of the main body of the cat, and did a single flood-fill which coloured all the panels. You can choose to fill each individual panel by itself, tweaking the fill settings in the 'Pattern' dialog box. This lends itself to applying different effects to different areas of the cat. The same applies to the legs and tail tip. Your option.

You can find stained glass patterns by doing a search on the web. Stained glass images can be found at Spectrum Glass and Armstrong Glass.