fresh photoshop tutorials & resources
Log in Register
Infographic JS Library Infographic JS Library Christmas Photoshop Resources

A Simple Broken Glass Effect

Tutorials Photo Manipulation 80688 Views September 6th, 2010

Hello, today I will show you how easy it is to create a broken glass effect. We will use of course a photoshop broken glass free brush available on the internet. But you can try to make your own broken glass brush from a broken glass image.

Advertisment

Step 1 - Find the Photos That We'll Use

I will find all the images from the beginning so we don't have to bother with that later on. So I will need an old wall photo, an brick wall photo, an old window photo, a landscape photo and of course the broken window brush image. This are all very beautiful images that are making the hole photo manipulation process possible.

Here is a link where you can find a nice free set with broken glass brushes .

And this is where you can find extra broken glass tutorials .

This broken window manipulation is the most simple idea I could find, you can of course use the broken glass effect in all kinds of ways if you have a vast imagination and I am sure you have!

Step 2 - Let's Begin!

Copy all of the above images into your file and name them because I will refer to them after their names. The canvas size is 500/500 pixels.

First we will deal with the Old Window Layer . With the help of the Pen Tool I will trace the contour of the window and the glass and I will erase from the image the wood wall and the glass from the window.

broken-glass tutorial intermediary image

broken-glass tutorial intermediary image So take the Pen Tool and make four selections like in the image . Than merge all the 4 shapes and press CTRL and click the thumbnail of the new merged layer. You can see that a selection was made; return to Old Window layer and press delete button.

Now it is time to crop the window from its background. With the Pen Tool create the shape of the window. To see exactly what are you doing you have to set the opacity of the shape layer to 0% so you can see the window layer from behind You may also want to try to Zoom in the image if you want to obtain a better crop or if you wear glasses like I do.

You can see that the window has a little shadow..include that shadow in the shape too. Ok now rasterize the shape and do the same steps: press CTRL and click the thumbnail of the shape layer than go to Old Window layer. Be sure you have selected the Magic Wand Tool. Right click on the selection and choose Select Inverse. Now press delete button. Now hide all the shape layers.

broken-glass tutorial intermediary image

Step 3 - Make a Bigger Window

The window is too small so I have decided to make it bigger so we can see the landscape.

Duplicate the old Window Layer than go to Edit - Transform - Flip Vertical and move it downwards like in the image below. I have changed the color so you can the the both of them better.

broken-glass tutorial intermediary image

Ok so you can see in the image the further moves: select the indicated areas from Old Duplicated Window Layer and delete it. Than select the indicated area from the Old Window Layer and press CTRL+X and CTRL+V and move the new layer downwards.

This should be the result so far:

Part 1Part 2Part 3

5 comment(s) for "A Simple Broken Glass Effect"

Allen
Allen
7:00 AM Wednesday, February 10, 2010
Simple and useful! Thank U reply
John FreeITsolutions
7:00 AM Sunday, November 07, 2010
The glass effect is really easy to do and it looks very realistic, i will sure use it ! thank you my friend! reply
Critic
Critic
7:00 AM Monday, November 15, 2010
The brightness of the image makes it seem like you're on the outside looking in. I think it should be darker. reply
PSD Dude
7:00 AM Monday, November 15, 2010
Hi critic :-)

I think you are right. I will return to this tutorial (I did it about a year ago) and adjust the final result.

thanks for the suggestion reply
Ray Sholve
11:36 AM Monday, August 22, 2011
Thank you so so much. I'm planning on re-designing my website which is Emergency Glazier
and I'm looking for tutorials to create a large banner. Hopefully if it turns out well enough I will show it on here! reply

Have something to say? Leave us a comment

Click to Upload Fan Art!

Share your Psd Dude inspired works


Recent Posts
The winter holidays are just around the corner, so for today I propose you a new Christmas Photoshop...
Just in time for the winter season I have gathered amazing ice and snow Photoshop syles that you mig...
Hero Images and Banners - This new webdesign trend is really popular for some time now. A massive in...
This month is dedicated almost entirely to winter holidays like Christmas and the New Year. So today...

      Wax Stamp Seal Photoshop Creator
Popular Posts
There's something about ribbons that just looks good. I thought about making this Ribbon Vector Free...
I am not a fan of tattoos but I can still appreciate it as art. There are a lot of people out there,...
In today list of free textures for Photoshop I have gathered over 100 amazingly beautiful wood textu...
Today's list is a collection of Free Photoshop Layer Styles. As many of you already know, Photoshop ...
I have decided to create a new character from Alice in Wonderland and I hope that maybe someday to r...
Another Photoshop texture that is really used by digital artists is for sure the old paper texture. ...
Hello girls and boys! Today i want to make a cartoon rainbow... i really hope you will like it! ...
To create a Comic Book Effect in Photoshop we have to mix all sort of filters and blend them togethe...
Hello, today I will show you how easy it is to create a broken glass effect. We will use of course a...
I saw this beautiful stock image with the girl and decided immediately that she is perfect for an an...
AI Vault Store Custom Shapes for Photoshop
Subscribe via email
top