Creating A Stain Glass Window Part 1

Today I will be showing you how to create a stain glass window. I was again inspired by how timeless stain glass is and how amazing it looks in videogames like kingdom hearts. I am going to split this tutorial in to three parts. Part 1 we will create the base stain glass template. Part 2 we will work on subject and coloring. Part 3 will be on framing and final blends of the subject and elements. So let’s begin.

To start we are going to make this a very large template. Usually I would create this in illustrator but since this is a PhotoShop tutorial I will just do it all in one program. Open a new document set the size to 2600×2600 that should make it large enough to scale to just about any need. Leave the background transparent for now. Next we are going to make the guidelines for our template. Let set the vertical guides first. Each guide will be set at each following number: 40, 70, 120, 220, 260, 520, 540, 800, 1300, 1800, 2060, 2080, 2340, 2380, 2480, 2520, and 2560. Then we need to set the horizontial guide following these number: 40, 70, 120, 220, 260, 520, 540, 1300, 2060, 2080, 2340, 2380, 2480, 2520, and 2560.

Now that we have our guides creater we can begin to build our template. Select your Elipse Tool and draw out 2 circle the first at (40,40 x 2650,2650) and the second at (120,120 x 2480,2480). Then select your brush tool and choose the 9 pixel brush. Now select your pentool and and right click in our document to stroke the path. make sure that the “Simulate Pessure” is not selected.

Next we are going to make four more circle. So clear your work path and reselect your Elipse Tool. The first circle will be at (70,70 x 2520,2520), the next will be at (260,260 x 2340,2340), the third (520,520 x 2080,2080), and the fourth at (540,540 x 2060,2060). Then select your brush tool and choose the 3 pixel brush. Now select your pentool and and right click in our document to stroke the path. make sure that the “Simulate Pessure” is not selected.

Now we are going to create the final base circle. This circle will be at (240,240 x 2380,2380). Then select your brush tool and choose the 5 pixel brush. Now select your pentool and and right click in our document to stroke the path. make sure that the “Simulate Pessure” is not selected.

Now that we have our circles set we need to create our sections within our circle. So make a new layer and selec your pentool. With Your pentool selected make a straight line from (40,1300 to 2560,1300). Then select your brush tool and choose the 5 pixel brush. Now select your pentool and and right click in our document to stroke the path. make sure that the “Simulate Pessure” is not selected.

Then hit CTR+J to duplicate the layer. Next go to Edit > Transform > Rotate 90° CW. Merge the layers.

Again duplicate the layer this time rotate it 45° and merge the layers.

Duplicate the layer one more time. This time rotate the layer 22.5° and do not merge the layers.

Next go back to your base ring layer and select your magic wand tool. Select the epmty space between the innermost circles and the circles. Then go to each of your line layer and hit the DEL key.

Now go back to you base ring layer and make a selection of the empty space and cirlce between the two outter circles. Then go to your second line layer and hit the DEL key.

Now we are going to add two more vertical guides at: 1173 and 1431. Then grab your elipse tool again. Make a circle at (1173,260 x 1431,520). Then go to your paths pallette and CTRL+Click your Work Path to make a selection. Now go back to your layers pallette and make a new layer. Fill the selection with black and set the layer fill to 0%. Now go into the blending option and add an Inner Stroke. Set the stroke to 5 pixels and set the color as black.

Now duplicate this layer and holding the Shift key drag it down to the bottom so it mirrors the top inner circle. Next highlight both layers and hit CTRL+E. Then duplicate the layer and rotate it 16.3°. Continue to follow these steps until you have fill the section.

Now we are going to add the last details of the base Stained Glass. Drag a new horizontal guide at: 1560. Grab your elipse tool again and make a new circle at (800,1560 x 1800,2560).Then go to your paths pallette and CTRL+Click your Work Path to make a selection. Now go back to your layers pallette and make a new layer. Fill the selection with white and set the layer fill to 100%. Now go into the blending option and add an Inner Stroke. Set the stroke to 9 pixels and set the color as black.

Now duplicate that layer and scale the circle down 75%. Then using the move tool position it slightly over the circle we made this copy from and touching the inner thickest out line. Continue this step till you have four more circles and you are done.

Next time we will create the glass and subject

Leave a comment