For PSP V7Home   >   Tutorials   >   PSP 7 Effects   >
3D Stained-Glass Angel
Download this tutorialDownload (??kb)
E-mail this tutorial to a friendEmail to Friend

3D Stained-Glass Angel
Created by: Doro Sensen

In this tutorial, we'll use the vector features of PSP 7 as well as some effects to create a 3D stained-glass angel for our Christmas decorations, looking exactly like the "real-life" one I got from a friend several years ago :-))
Download this tutorial fileDownload file
Download file contains the glass tiles that I used for the angel in this tutorial. They're from Spectrum Glass who kindly allow their visitors to use their glass samples for graphic designs – go there some time and have a look around, there are so many great glass tiles to work with!
 
Start with a new image:
Width and Height = 300 pixels
Background color = Transparent
Image type = 16 Mil. Colors
 
Click on the Preset Shapes tool in your tool palette:
Shape type = Triangle
Retain style = unchecked
Antialias = checked
Create as vector = checked
Line width = 3
Line style = Default line
Set your foreground style to Solid Color (click on the little arrow in your Foreground-Style box and choose the little brush icon on the left) and your background style to None (click on the little arrow in your Background-Style box and choose the icon on the right). Now click into your Foreground-Style box and choose black for your foreground colour. Your textures should both be set to None.
Begin in the upper center of your image and draw a triangle in the right half of your image; leave enough space for the angel's head at the top.
Click on the Vector Object Selection tool in your tool palette.
Keep the Shift key pressed and drag the top center handle of the selection rectangle to the left until it meets with the top left handle; the left side of the triangle has to be vertical. Then take the right center handle and move it a bit inwards to make the triangle narrower. Last take the bottom right handle, press the Shift key again and drag the handle a bit downwards.
Go to Edit || Copy (Ctrl+C), then to Edit || Paste || As New Layer (Ctrl+L). Now go to Image || Mirror (Ctrl+M) and move the second triangle next to the first one so that their vertical sides meet in the center of your image.

What we've got now is the body of our angel (without the filling). In real life, there would be another triangle pointing backwards, but fortunately, we can't see that in an image. ;-))

To keep our Layer palette tidy, click on the triangle in the second vector layer (Layer3) and drag it down into the first vector layer (Layer2), then delete the empty vector layer (Layer3).

Click on the Preset Shapes tool in your tool palette again and change the Shape Type to Ellipse.
Keep your Shift key pressed (so you'll get a circle), begin above the body in the center of your image and draw a circle to the right side of your image.
Click on the Vector Object Selection tool in your tool palette and then on the "Node Edit" button in your Tool Options palette.

Click on the top node of the circle, right-click and go to Node Type || Line Before (Ctrl+B) in the context menu. Then click on the bottom node of the circle, right-click again and this time go to Node Type || Line After (Ctrl+F). Last click on the left node of the circle, right-click and go to Node Type || Symmetric (Ctrl+S).

Next take this node (the left one) and drag it to the right so that you get the shape of a half-moon. Then right-click again and choose Quit Node Editing (Ctrl+Q) from the context menu (or just click once outside the image window to quit the node-editing mode).

Drag the wing towards the body of your angel and rotate it a bit (by dragging at the handle to the right of the center handle), so that the lower portion of the wing is behind the body and the upper (bigger) portion shows upwards.

In your Layer palette within the vector layer (Layer2), drag the "Ellipse" sub-layer to the bottom, below the "Triangle" sub-layers.



Go to Edit || Copy (Ctrl+C), then to Edit || Paste || As New Layer (Ctrl+L). Now go to Image || Mirror (Ctrl+M) and move the second wing towards the body so that the wings are about symmetrical to either side of the body.

In the Layer palette, there's again a second vector layer (Layer3) with the left wing in it; take the "Ellipse" sub-layer from that layer and drag it down to the first vector layer (Layer2), to the bottom of the sub-layers, then delete the empty vector layer (Layer3).

Click on the Preset Shapes tool in your tool palette again, the Shape Type should still be Ellipse.

With the right mouse button and keeping the Shift key pressed, begin above the angel's body in the center of your image and draw a circle for the angel's head. (Drawing with the right mouse button allows us to begin drawing a circle at its center.)

Again with the right mouse button, draw an ellipse around the head for the halo; the circle and the ellipse should be close together at the bottom and a bit apart at the top.
Now that the shape of our angel is finished, we can start the fun part: the filling of the shapes with stained glass! Open the three glass tiles from your download and minimize them.
Click on the Vector Object Selection tool in your tool palette and then on one of the triangles (you can also activate the single vector objects by clicking on their sub-layers in the Layer palette).
Right-click into your image and choose "Properties" from the context menu. For the Styles, set the Fill to Pattern (click on the little arrow in the Fill-Style box and choose the second icon from the right). Then click into the Fill box and choose "/tutorial/html/tut7eff/5432A.jpg" from the Pattern drop-down box. Do the same for the second triangle.

Do the same for the wings (fill them with "/tutorial/html/tut7eff/Br308.jpg" as the pattern) and for the head (take "/tutorial/html/tut7eff/3152s.jpg" as the pattern here); only fill the inner circle for the head, not the outer ellipse.

You can now close the three jpg files from your download.

Now we have to work with effects which only can be done on raster layers, so save your image and duplicate it by going to Window || Duplicate (Shift+D) to continue on a copy of your image; this way you keep the original vector image for changes. Then right-click on the vector layer (Layer2) and choose "Convert to Raster Layer" at the bottom of the context menu.
Let's first enhance the head a bit: Click on the Magic Wand tool in your layer palette:
Match mode = RGB Value
Tolerance = 100
Feather = 0
Sample merged = unchecked

Now click inside the head circle; the whole filling should be selected now. Go to Effects || 3D Effects || Inner Bevel and choose the "Round" preset from the Presets drop-down box. Change only the following settings:
Width = 4
Smoothness = 73
Depth = 7

Click on OK and deselect by right-clicking into your image or with Ctrl+D (Selections || Select None).

Your Magic Wand tool is still active; in the Tool Options palette, change the Tolerance to 0 and click somewhere on the black outlines. All your black lines should be selected now; otherwise you have to add to the selection by pressing the Shift key and clicking on the missing black outlines. Go to Effects || Texture Effects || Sculpture and choose the "Silver" preset from the Preset drop-down box; click on OK. Repeat this twice to apply this effect three times all in all, then deselect by right-clicking into your image or with Ctrl+D (Selections || Select None).

And there's your finished 3D stained-glass angel! You can now enhance the 3D look by giving your angel a perspective shadow (see the tutorials Deformation Tool: Perspective Shadows and Drop Shadow without a Filter).