Add to the photo the effect of broken glass

In this tutorial, I will show you how to add a broken glass effect to a photo.

The final result:

To complete the lesson, you will need Broken Glass Brushes. Download brushes in the appendix to this lesson. To load the brush, go Editing – Sets – Set Management (Edit> Presets> Preset Manager). In the window that appears, click Download (Load) and select the source file.

Thus, 12 new Broken Glass brushes will be added to your set of brushes.

1. Create a glass effect on the image.

The main idea is to create a sense of window glass in front of the model. One of the most effective methods for this is creating a duplicate of the original image, which will be visually different from the original one. There will be enough small difference between them, which will be visible when we create the effect of broken glass, and it will be obvious that both images are different from each other.

Step 1

Open the original image with the model. Create a duplicate layer (Ctrl + J) or go to Layer – New – Copy to New Layer (Layer> New> Layer Via Copy).

Step 2

Dim duplicate image with correction Levels (Levels). For this, let’s go Image – Correction – Levels (Image> Adjustments> Levels (Ctrl + L)). Move the left slider to the right until the lower value shows the number 100.

Step 3

Now, blur the duplicate image using the filter. Gaussian blur (Gaussian Blur). For this, let’s go Filter – Blur – Gaussian Blur (Filter> Blur> Gaussian Blur). Install radius (Radius) blur 10 px.

Step 4

Set the foreground color to a pale blue shade of #dbfaff. Create a new layer, go Layer – New – Layer (Layer> New> Layer) or press the keys (Shift + Ctrl + N) and then press the (Alt + Backspace) keys to fill the layer with the selected color shade. Change the blending mode for this layer to Multiplication (Multiply).

Step 5

This step is optional. If you have the extension Adobe Paper Texture Pro (this option can be found through Window – Extensions (Windows> Extensions)), then you can pick up an excellent texture to simulate dirt or dust on the surface of the glass. I used a Gertrude_Jekyll texture, set the blending mode for this texture layer to Linear dimmer (Linear Burn), and also reduce opacity (Opacity) layer up to 70%.

2. We break glass

So, we have prepared a window glass, which will break our heroine. The idea is to create a chipped hole on the glass surface with the Broken Glass brush.

Step 1

Create a new layer, select one of the Broken Glass brushes — I started with the ‘Shattered Glass 03’ brush. Make sure the color of the brush is black and just click on the layer once with a brush.

Step 2

Next, with the tool Polygonal Lasso (Polygonal Lasso Tool (L)), carefully select along the contour the central part of the broken glass, as well as the entire bottom right part. Press the (Delete) key to delete the selected area. Do not forget to cancel the active selection ((Ctrl + D) or Selection – Deselect Selection (Select> Deselect)).

Step 3

Choose a tool Move (Move Tool (V)). Hold down (Alt) + drag the layer with the effect of broken glass down, so you create a duplicate layer, placing it below the original layer.

Step 4

On the duplicate layer with the effect of broken glass, click on the icon Keeps pixels transparent (Lock the Transparency) layer, which is located above the miniature layer in the layer palette tools (translator’s note: do not confuse with black lock). Make sure the background color is set to white. Now, press the keys (Ctrl + Backspace) to fill the layer with the background color. Function Keeps pixels transparent (locked transparency) means that only visible pixels will be filled with a color shade. This is a very simple and easy way to change the color of the pixels of a layer without applying other settings.

Step 5

Press the direction key with the arrow ‘Up’ three times, and then double-click the ‘Left’ key to slightly shift the duplicate white-filled layer. Thus, we will create a sensation of the visual thickness of the broken glass.

Step 6

Continue adding broken glass effects around the model’s face. To create this effect, I used four different pairs of layers (one dark layer, one light layer) with broken glass.

Step 7

Hold down (Shift), select all layers except for the original layer with a photo of the model. Next, go Layer – Group Layers (Layer> Group Layers (Ctrl + G)) to group all created layers into one group.

Step 8

Select tool again Polygonal Lasso (Polygonal Lasso Tool) to highlight the inner region, creating a hole in the window glass. Next, go Layer – Mask Layer – Hide Selected Area (Layer> Layer Mask> Hide Selection) to add a layer mask to the layer with the group, so we will see the original photo through the created layer mask. In the settings panel for the layer mask, set the value Feathering (Feather) 4.0 px to show the thickness of the glass at the edges of the selected area.

3. Scattering glass fragments

If the girl really breaks the window, then there should be scattering glass fragments. In the set of brushes that you downloaded, there are just brushes with broken glass fragments for this purpose. Let’s use them to add some realism to our scene.

Step 1

Repeat the whole process described above, creating a pair of black and white layers, as well as using brushes with broken glass fragments.

Step 2

Create a new layer on top of the shattered glass layer. Using tool Polygonal Lasso (Polygonal Lasso Tool), create a selection around broken glass fragments. Fill the selected area with a bluish-green shade – I used the shade # bbd2d9, and also change the blending mode for this layer to Overlap (Overlay). Do not forget to cancel the active selection ((Ctrl + D) or Selection – Deselect Selection (Select> Deselect)).

Step 3

Select layers with fragments of broken glass to group them into one group, for this we go Layer – Group Layers (Layer> Group Layers (Ctrl + L)). Double click on the layer with the created group to apply the layer styles. Add a layer style Gradient overlay (Gradient Overlay). Set the following settings.

  • Blend mode (Blend Mode): Multiplication (Multiply)
  • Opacity (Opacity): 57%

The result should be as in the screenshot below.

Step 4

Add more broken glass fragments using the same technique, creating additional layers of glass fragments, or simply duplicate the first group with fragments, and then use the tool Free transformation (Free Transform tool), for this we go Editing – Free Transformation (Edit> Free Transform tool). With this tool, you can shift, rotate the fragments, apply scaling to them, placing the fragments in a new place.

You can see the final result in the screenshot below!

Congratulations! We have completed the lesson!

Thank you for being with me. Hope you enjoyed this tutorial.

The final result:

Like this post? Please share to your friends: