Join us for our Ultimate Dollar Deal - Over 3,000 products discounted to just $1.00! Join us for our Ultimate Dollar Deal
Over 3,000 products discounted to just $1.00!
00
Days
:
00
Hrs
:
00
Min
:
00
Sec
Find Out More
Find Out More
Shattered Glass in Photoshop
  • By Design Bundles
  • 4 Mins
  • Photoshop Tutorials

Shattered Glass in Photoshop

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


6 Related Photoshop Tutorials

For this tutorial, we are going to use some winter themed image and one with an outlined branch for our background, some candy texture to fill our text. We will also need a very fat font (we used the Chubby free typeface from Andrea Prina).1 - Open your background image, (...

For this tutorial we are using a canvas or paper background and Titin Script from Font Bundles.1 – Create a new “Gradient Layer” under your “Texture” layer. Use a “Transparent to Fill Color” gradient with #d3d1d1 and #918f8f as colors, the Style as Radial and a 250% Scale. Hit ...

For this tutorial, we are using “Bukhari Script” from Fontbundles.net (https://fontbundles.net/mikrojihad/33277-bukhari-script), some cake textures (there are some web pages that have free images that you can useas textures) and a plate and table background images.We are going to divide this tutorial in two sections. ...

Welcome to the Photoshop Short Cuts and Hot Keys tutorial. Here we display a handy table on how you can cut down time on your design work with these easy to use short cuts..table-box br {display:none} .table-box table {margin-top:20px}TOOLS SHORTCUTSWINDOWSMACMove ToolVVRectangular Marquee ToolMMElliptical Marquee ToolMMLasso ToolLLPolygonal ...

For this tutorial you may want to get a Color Palette as reference.1 - In Photoshop create a “New Document”, make it 15 Centimeters in “Width” and “Height” @300 Pixels/Inch and with a “Transparent” Background.2 - Go to Filter > Render > Clouds...3 - Then, go to Adjustments > Threshold… and ...

1- Open up Photoshop And select your image.2-Once your image is in your workspace right click on the background image in the layers palette.3- Select duplicate background and a new box will appear. Name your background copy and click OK4- Go to Filter > Filter Gallery. ( note ...

You may also like

Help Center
ol image