Kingdom Hearts Style Stain Glass (Bleach Edition)

Today we are going to make a KingdomHearts style Stain Glass Window. I am a big fan of stain glass art and this looked like it would be fun to recreate for a tutorial.

Create a new Document 875 x 875. Fill that document with white. Now we need to set up some guides so I will start with the horizontal guides first.
So here we go:

  • Horizontal Guides:
    1. 20
    2. 37
    3. 63
    4. 146
    5. 192
    6. 278
    7. 284
    8. 345
    9. 379
    10. 410
    11. 441
    12. 445
    13. 475
    14. 503
    15. 542
    16. 600
    17. 602
    18. 683
    19. 730
    20. 813
    21. 839
    22. 856
  • Vertical Guides:
    1. 20
    2. 37
    3. 63
    4. 108
    5. 109
    6. 146
    7. 192
    8. 229
    9. 232
    10. 234
    11. 325
    12. 326
    13. 340
    14. 410
    15. 414
    16. 437
    17. 460
    18. 462
    19. 683
    20. 730
    21. 813
    22. 839
    23. 856

Shew, That’s a lot of guides but they are going to come in handy. Anyway, here is what the guides should look like.

Now we can start building the meat of the project. Make a New Layer Name is “Base.” Select your Eliptical Marquee Tool and Draw a selection using the outer most guides (Hold Shift to make a perfect circle). Fill the selection with white. Set the Fill to Zero. Now Open the Blending options and select Stroke. Set the stroke to 5 pixel size, Position Outside, and Color to Black.

Make a new layer and called “Outer Glass.” CTRL+Click on the Base layer to make a selection. Now grab your Eliptical Marquee Tool again and draw from 63×63 to 813×813. Now fill that selection with #8378a1. Keep the selection active. Next Set your foreground color to #8378a1 and your background color to #FFFFFF. Then go to Filter > Render > Clouds. Hit CTRL+F between 5 – 10 times for until you see a good range of shades. Final go to Filter > Pixelate > Crystalize. Set the cell size to 40.

Next we are going to make the secondary outline. Make a new layer and name it “Middle Border.” Select your Eliptical Marquee Tool and Draw a selection from 37×37 to 839×839. Fill the selection with white and set the fill to Zero. Set the Fill to Zero. Now Open the Blending options and select Stroke. Set the stroke to 3 pixel size, Position Outside, and Color to Black.

Make a new layer and called “Inner Border.” Now grab your Eliptical Marquee Tool again and draw from 63×63 to 813×813. Fill the selection with white and set the fill to Zero. Now Open the Blending options and select Stroke. Set the stroke to 5 pixel size, Position Outside, and Color to Black.

Make a new layer and called “Middle Glass.” CTRL+Click on the Base layer to make a selection. Now grab your Eliptical Marquee Tool again and draw from 146×146 to 730×730. Now fill that selection with #96c0d4. Keep the selection active. Next Set you foreground color to #96c0d4 and your background color to #FFFFFF. Then go to Filter > Render > Clouds. Hit CTRL+F between 5 – 10 times for until you see a good range of shades. Final go to Filter > Pixelate > Crystalize. Set the cell size to 50.

Next grab your Pen tool. Make a new layer. We are not going to name this one just yet. Now using the pen tool make a line from the top of the outer border to the bottom on the 278 horizontal guide. Next select you brush tool and set the width to 3 and hardness to 100. Now reselect your Pen tool and right click on the line and choose “Stroke Path.” Select Brush from the drop down menu and make sure simulate pressure is NOT selected. Hit ok. Now grab the magic wand tool and select the Middle Glass layer in the layer palette. Click the inside of the Middle Glass laye to make a selection of the inner white porttion. With that selection go back to the line layer and hit “Delete.”

Now Duplicate that layer by hitting CTRL+J. Then go to Edit > Transform > Rotate. Set the angle to 20 and hit OK. Do that Seven more times. Once you have all the lines made select all the line layers and hit CTRL+E to merge them. Rename the layer to Occulous.

Make a new layer and called “Center Outer Glass.” Grab your Eliptical Marquee Tool again and draw from 146×146 to 730×730. Now fill that selection with #a2afc1. Keep the selection active. Next Set you foreground color to #a2afc1 and your background color to #FFFFFF. Then go to Filter > Render > Clouds. Hit CTRL+F between 5 – 10 times for until you see a good range of shades. Final go to Filter > Pixelate > Crystalize. Set the cell size to 50. Open the Blending options and select Color Overlay, Set the Blend to Normal, color to White, and the Opacity to 30%. Finally select Stroke. Set the stroke to 5 pixel size, Position Outside, and Color to Black.

Make a new layer and called “Center Inner Glass.” Select your Eliptical Marquee Tool and Draw a selection from 192×192 to 683×683. Now fill that selection with #a2afc1. Next Set you foreground color to #a2afc1 and your background color to #FFFFFF. Then go to Filter > Render > Clouds. Hit CTRL+F between 5 – 10 times for until you see a good range of shades. Final go to Filter > Pixelate > Crystalize. Set the cell size to 50. Open the Blending options and select Stroke. Set the stroke to 5 pixel size, Position Outside, and Color to Black. Keep the selection active.

Make a new layer and call it “Fractil Glass.” With the selection still active grab your pen tool and start adding some Fractil lines. Any line outside the selection will not be fill so add as many as you like. Once you are satisfied with your lines. Right click on the line and choose “Stroke Path.” Select Brush from the drop down menu and make sure simulate pressure is NOT selected.

With the fractil glass layer still highlighted set the fill to 40%. Then Open the Blending Option select Outer Glow. Set the blend to Normal, Opacity to 75%, and the color as White.

CTRL+Click the “Center Inner Glass” and make a new Layer. Name is “Lens Flare.” Fill the selection with black then go to Filter > Render > Lens Flare select 105mm Prime Lens and the brightness to 145% and hit OK. Finally set the blend mode to Overlay.

Make a New layer and call it Iris Lens.” Select your Eliptical Marquee Tool and Draw a selection using the 145×414 guides (Hold Shift to make a perfect circle).Fill the selection with white. Set the Fill to Zero. Now Open the Blending options and select Stroke. Set the stroke to 3 pixel size, Position Outside, and Color to Black. Next Duplicate that layer and drag the new layer to 730×414. Turn off the blending option on the copied layer then select both layers in the palette and hit CTRL+E to merge the layers. Now like before we are going to duplicate and rotate this layer. Now Duplicate that layer by hitting CTRL+J. Then go to Edit > Transform > Rotate. Set the angle to 11 and hit OK. Do this 14 more times then Merge the layers and rename the layer IrisLens. Finally Set the Opacity to 75%

Next make a new Layer and name it “Dark Blossom”. Next right click here to download the Cherry Blossom asset. Open the CherryBlossom.jpg in PhotoShop and go to Edit > Define Brush Preset. Name it Cherry Blosson. Close that file and go back to the stain glass. Select the new brush we created and scale the brush to fit inside the “Iris Lens” circles. Set your foreground color to #e69d9d. Next add a Blossom to every other circle. Once you have them added set the layer fill to 40%

Make a new Layer named “Light Blossom”. Follow the same steps as on the Dark blossom only this time use the color #f0d4d5 and add them to the empty circles.

Again Make a new Layer and name it “Skull”. Now like before right click here to download the Skull asset. Follow the same steps as before to make a custom brush. Next set your foreground color to White and place a skull inbetween the lines of the occulous. Then rotate the so the teeth point to the center on the stain glass. Then duplicate the skull and flip it horizontally then vertically. Place it across from the first skull like we have done before. Merge the layers. Finally duplicate the layer Nine additional times and rotate each new layer 20%. Set the opacity of that newly merged layer to 60% and you should have this.

Now that we have the Large part of the stain glass created. We are going to move to the smaller part. Make a new layer and again select your elipticl marquee tool and draw a circle out using these guides: 278×20 to 600×340. Hold Shift to make a perfect circle. Now go to Select > Save Selection and name it “Small glass”. Once saved fill the selection with white. Now Open the Blending options and select Stroke. Set the stroke to 3 pixel size, Position Outside, and Color to Black.

Make a new layer and go to Select > Modify > Contract and contract 5 pixles. Again fill the selection with white. Make Blending options and select Stroke. Set the stroke to 2 pixel size, Position inside, and Color to Black. Finally make a new layer, call it “Center” and contract the selection 6 pixles. Again fill the selection with white. Set the Blending options and select Stroke. Set the stroke to 3 pixel size, Position inside, and Color to Black.

Next Make a new layer and reload the selection by going to Select > Load Selection and choose “Small glass”. Now fill the selection with #8378a1. Next Set you foreground color to #8378a1 and your background color to #FFFFFF. Then go to Filter > Render > Clouds. Hit CTRL+F between 5 – 10 times for until you see a good range of shades. Final go to Filter > Pixelate > Crystalize. Set the cell size to 40. Set the fill to 50% and the blend to Multiply.

CTRL+Click the “Center” layer to make a selection. Then make a new layer and fill the selection with #96c0d4. Keep the selection active. Next Set you foreground color to #96c0d4 and your background color to #FFFFFF. Then go to Filter > Render > Clouds. Hit CTRL+F between 5 – 10 times for until you see a good range of shades. Final go to Filter > Pixelate > Crystalize. Set the cell size to 50.

Now we are going to clear the current guides to use new ones. We are clearing the old ones for visability sake. To clear guides go to View > Clear guides. Here are the new guides we are going to use:

  • Horizontal Guides:
    1. 280
    2. 345
    3. 410
    4. 475
    5. 505
    6. 540
    7. 600
  • Vertical Guides:
    1. 20
    2. 110
    3. 145
    4. 225
    5. 235
    6. 325

Once you have those guides draw our some news circles using the Eliptical Marquee Tool. Five in total like the Image below

Make a new layer and fill the selections with #8378a1. Next Set you foreground color to #8378a1 and your background color to #FFFFFF. Then go to Filter > Render > Clouds. Hit CTRL+F between 5 – 10 times for until you see a good range of shades. Final go to Filter > Pixelate > Crystalize. Set the cell size to 40. Open the Blending options and select Stroke. Set the stroke to 3 pixel size, Position Outside, and Color to Black.

Next google some character images from bleach and add them to the Small portrait sections. Make a new layer. Be sure to make only there faces the focus. Then using your pen tool cut the subject from their background. Then reselect the portrait layer and us it to cut a circle around the face. Finally add the Blending option Stroke. Set the stroke to 1 pixel size, Position Outside, and Color to Black.

Now find a good group photo of the main bleach Characters. Add them too the stain glass.

Now CTRL+Click the “Oute Glass” and Shift+CTRL+Click “Middle Glass” you make an outer ring selection. Next click the Quick Mask Took (Q) and use the pen tool to select out Ichigo’s Arm and wraps then delete the background.

Now grab the pen tool again and use it to cut out the background from the foreground characters. Like below:

We are at the next to last step. Open the blending options and add a Stroke. Set the stroke to 2 pixel size, Position Inside, and Color to Black.

Finally CRTL+Click the main Group and SHIFT+CTRL+Click the Smaller Headshots to make a selection. Make a new layer and fill the selection with white. Set the fill to 10% and you are finished. ^.^

Enjoy!

Leave a comment