fresh photoshop tutorials & resources
Log in Register
Painted Wood Photoshop Action Comics Book Photoshop Action Infographic JS Library Textures for Photoshop

A Simple Broken Glass Effect

www.psd-dude.com
Tutorials Photo Manipulation 94973 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

If you're looking for amazing textures and backgrounds for Photoshop, explore Textures4Photoshop where you can find 1000+ unique images. You can download all these textures and backgrounds for free to use in personal or commercial projects!

Be a Cool Dude!

With your donation you can help us maintain this website and keep producing free resources many months to come! Any amount counts

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
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
Critic
Critic
1:30 AM Tuesday, December 23, 2014
The brightness of the image makes it seem like you're on the outside looking in. I think it should be darker. reply

Have something to say? Leave us a comment

Click to Upload Fan Art!

Share your Psd Dude inspired works


Pencil Sketch vs Camera Photo Effect Photoshop Action
Animated Kaleidoscope Photoshop Action
Recent Posts
Over 30 free empty room backgrounds for Photoshop that you can download right now! This collection i...
Learn how to create a lace embroidery text effect in Photoshop using lace texture, sequins brushes a...
Learn how to create perler beads art in Photoshop from this quick tutorial. The perler beads are sma...
Learn how to create graffiti effect in Photoshop from these cool tutorials. To make a graffiti stree...

      Wax Stamp Seal Photoshop Creator
Popular Posts
You can create amazing gold text effects by using these unique gold Photoshop styles, both free and ...
In today list of free textures for Photoshop I have gathered over 100 amazingly beautiful wood textu...
There's something about ribbons that just looks good. I thought about making this Ribbon Vector Free...
If you want to know how to create dispersion effect in Photoshop in a easy way, here is a quick solu...
Today's Photoshop collection of resources includes some amazing packs of metal chrome PSD text style...
I have decided to create a new character from Alice in Wonderland and I hope that maybe someday to r...
To create a Comic Book Effect in Photoshop we have to mix all sort of filters and blend them togethe...
Stitching and sewing can be created also in Photoshop with very realistic results. So in this tutori...
Hello girls and boys! Today i want to make a cartoon rainbow... i really hope you will like it! ...
In this tutorial I will show you how to create a 3D map in Photoshop using different 2D and 3D model...
Subscribe via email
LIKE US ON FACEBOOK

      Metal Tag Photoshop Creator
top