1. Home
  2. Design School
  3. Shattered Glass in Photoshop

Shattered Glass in Photoshop

Posted on 22nd June 2018
For this Tutorial, we are going to use an image or images of broken glass on a dark background and some background image to put “behind” the glass.

1 - In Photoshop, open the image you chose as “Background”. Crop your image if needed using the “Crop Tool” (C).

2 - Right-click on top of its Thumbnail and choose “Convert to Smart Object”. Open the image of “Broken Glass” and drag it into your “Background” document to place it in. Use “Free Transform” (Command/Control + T) to resize it if needed.

3 - Name this layer “Glass” and change its “Blending Mode” to “Screen”. Duplicate your Layer (Command/Control + J), select the original one, “Invert” it (Shift + Command/Control + I) and change its “Blending Mode” to “Darken”. Using your “Arrow” Keys move this Layer a few clicks “Up” and “Right”.

4 - Select the “Polygonal Lasso Tool” (L) and make a selection of the hole in the glass. Go to Select > Save Selection, name it “Hole” and save it in to a “New Channel”.

5 - Duplicate your “Smart Object”, go to Select > Load Selection and choose your newly created one Channel. Then, “Invert” your selection (Shift + Command/Control + I) and create a “Layer Mask” by clicking on the small button at the bottom of the “Layers Panel”. You can also check the “Invert” box on the “Load Selection” Window and just go ahead and click the “Layer Mask” right away.

6 - Go to Filter > Blur > Gaussian Blur and use a “Radius” of 3.0 Pixels.

7 - Create a “New Gradient Fill Layer” (click on the small black and white circular button at the bottom of the “Layers Panel”) and fill it with a “Radial” Gradient (#b3b0b0 and #282828), with a 90° Angle, a 155 % “Scale”. The “Color Midpoint” should be 45%.

8 - Drag the “Image Copy Layer Mask” onto the one in your “Gradient Fill” Layer and click “Yes” when asked if you want to “Replace Layer Mask”. Lower the “Opacity” to 25%.

9 - Double-click on your “Gradient Fill” Layer and apply the following “Layer Styles”:

Bevel & Emboss:

Drop Shadow:

10 - Go to “Adjustments Panel” and create a “New Color Lookup Adjustment Layer”. Use the “Fuji ETERNA 250D Fuji 3510 (by Adobe).cube as 3DLUT File” and change the “Blending Mode” to “Luminosity”.

by @lornacane

Share this Tutorial

Have a question? Contact our Support for assistance.
$180 of design goods for JUST $1. Join Plus today for your discounted first month! VIEW OFFER
ol image