Hi. This is Marty from Blue Lightning TV.
I'm going to show you how to create the look of stained-glass windows from photos.
Open a photo of someone or something that you'd like to use for this project as well
as a background that we'll use to place behind the stained glass.
I downloaded these from Shutterstock.
The first step is to separate our subject from its background.
If you're using CC 2018 or later, at the top, open the Quick Selection Tool click the "Select Subject" button.
Photoshop does its best to make a selection of the subject.
If there are areas that it missed, just click inside those areas.
To remove areas of the selection, press and hold Alt or Option as you drag the tool over those areas.
We'll smooth out our selection by going to Select, Modify, and Smooth.
I'll smooth it 10 pixels and press Enter or Return.
If we convert it into a quick mask, we can see that it indeed smoothed out our selection.
Press "Q" again to revert it back into a selection.
Click the Layer Mask icon to make a layer mask of the selection next to the photo.
Whatever is black in the layer mask masks out that corresponding area in the photo which in this case is the background.
Whatever is white reveals that corresponding areas in the photo which is our subject.
We'll convert our isolated subject into a Smart Object so we can modify it non-destructively.
To do this, click the icon at the upper, right of the Layers panel and click "Convert to Smart Object".
Check your foreground and background colors.
If they aren't black and white respectively, press "D" on your keyboard.
If they’re inverted, press "x".
Go to Filter and Filter Gallery.
Open the Texture folder and click "Stained Glass".
I'll make the Cell Size: 26, the Border Thickness: 8, and the Light Intensity: 2.
Feel free to adjust these amounts based on your document's size and resolution.
This image’s resolution is 150 pixels per inch.
The black lines that separate the colors represent the metal that joins the panels of glass together
These lead pieces are known as "leading" or "caming".
Next, we'll add leading surrounding our subject.
Double-click an empty area of the subject's layer to open the Layer Style window.
Click "Stroke".
The color is black, the size is 6 pixels, the position is outside, the Blend Mode is Normal, and the opacity is 100%.
Next, we'll create the stained glass surrounding our subject.
Make a new layer under our subject by Ctrl or Cmd-clicking the New Layer icon.
We'll fill it with white and since our background color is white, press Ctrl or Cmd + Delete.
Convert it into a Smart Object and go to Filter and Filter Gallery.
Change the cell size to 48 or 49 and the Border Thickness to 9.
In the next few steps, we'll remove all the color so we can give the leading some dimension.
Double-click the thumbnail of your subject to open its source.
Make a new layer and fill it with white which is our background color.
Place your cursor on the Layer Mask and press and hold Alt or Option as you drag a copy
of it next to the white layer.
Hide the bottom layer and press Ctrl or Cmd + S to save the image.
Open back your stained-glass document.
We now have just the leading of our subject and background because we saved the white
shape of our subject without the color.
Open the Channels panel.
If you don't see it, go to Window and Channels.
Ctrl or Cmd-click any of the channel thumbnails to select the leading.
Invert the selection by pressing Ctrl or Cmd + Shift + I.
Open back the Layers panel and make a new layer.
Fill the selection with black and deselect it by pressing Ctrl or Cmd + D.
Hide the leading layer and double-click the thumbnail of the subject's smart object to open back its source.
Hide the top layer and make the original subject layer visible.
Close the Smart Object's ".psb" tab and click "Yes" to save the changes.
Open your background.
To place it into our stained-glass image, press Ctrl or Cmd + A to select it and Ctrl or Cmd + C to copy it.
Click your stained-glass document tab to open it and press Ctrl or Cmd + v to paste the background onto it.
If you see just the leading over your background, don't worry.
Once we place our background below the stained-glass layer, we'll see the color inside the leading.
To do this, we can either manually drag the background below the stained-glass layer or
press Ctrl or Cmd and the left bracket key on our keyboard.
Convert it into a Smart Object and go to Filter, Blur, and Gaussian Blur.
Blur it 20 to 25 pixels.
Go to Filter and Filter Gallery.
Close the Texture folder and open the Distort folder.
Click "Glass".
Open the Texture presets and click "Canvas".
Make the Distortion: 20, the Smoothness: 15, and the Scaling: 200%.
Make the stained-glass layer active and change its Blend Mode to Multiply.
Next, we'll add dimension to our leading.
Make the Leading layer active and convert it into a Smart Object.
Double-click an empty area of the layer to open its Layer Style window.
Click Bevel & Emboss.
The Style is Inner Bevel,
the Technique is Chisel Hard, and the Depth is 100%.
The Direction is Up, the Size is 6 pixels, and the Soften is 0.
The Angle is 120 degrees, and the Altitude is 30 degrees.
The Gloss Contour is linear.
The Highlight Mode is Screen, the color is white, and the opacity is 100%.
The Shadow Mode is Multiply, the color is black, and its opacity is 75%.
Click "Outer Glow".
The Blend Mode is Soft Light, the Opacity is 30%, and the Noise is 0.
The color is black, the Technique is Precise, the Spread is 8%, and the Size is 8 pixels.
The Contour is linear, and the range is 50%.
Lastly, we'll brighten it.
Click the Adjustment Layer icon and click "Levels".
Slide the Input white level to the left until you like the brightness of your stained glass window.
This is Marty from Blue Lightning TV. Thanks for watching!